Ilustração de borda no Procreate: guias de simetria para arte bonita

1. Boas-vindas ao desenho de ilustração de bordas!: Bem-vindo ao Border Illustration Design no Procreate. Hoje, você aprenderá uma técnica de desenho divertida com infinitas possibilidades. Esta é uma maneira de ilustrar usando guias de simetria e um estilo de arte floral simples. Na lição de hoje, vamos criar este design de borda floral com tulipas e folhas inspiradas nórdicas. Para fazer uma impressão de arte acabada, vamos adicionar um monograma simples projetado no centro, bem aqui no Procreate, mas você poderia usar essa arte de borda para enquadrar um convite, uma cotação, um cartão de saudação e muito mais. Esta é uma classe de nível intermediário inicial porque conhecimento básico de trabalho do Procreate é necessário. Além disso, você não precisa de ferramentas especiais ou habilidades artísticas. Vou guiar-te em cada passo do caminho. Agora, sem mais delongas, vamos mergulhar e aprender como podemos usar o poder dos guias de simetria para criar belas ilustrações. 2. Introdução aos guias de simetria: Antes de começarmos a desenhar, precisamos entender o que é possível com guias de simetria do Procreate e como usá-los exatamente. Primeiro vou fazer uma demonstração e depois vamos montá-los juntos. As guias de simetria refletem qualquer desenho que você faça em uma parte da tela em outra. Aqui, estou demonstrando simetria vertical, onde meu desenho é refletido como uma imagem espelhada através do eixo vertical. Aqui está a simetria horizontal com reflexão através do eixo horizontal. simetria do quadrante duplica seu desenho em cada um dos quatro quadrantes da tela, de modo que ele reflita verticalmente e horizontalmente. Finalmente, a simetria radial divide sua tela em oito fatias e duplica sua arte em todas elas. 3. Configuração da tela: Tenho aqui uma nova tela em branco. O meu é de 8 por 10 polegadas a 300 DPI. Em seguida, vou para Ações, Canvas e começar ativando o Guia de desenho. Em seguida, vou tocar imediatamente em Editar Guia de Desenho logo abaixo dele. Aqui eu posso configurar um monte de diferentes tipos de guias, não apenas guias de simetria. Você pode ver que, por padrão, eu sou apresentado com uma grade quadrada padrão, que é útil para muitas coisas, mas não para as ilustrações simétricas que estamos fazendo hoje. Vou pular aqui para a simetria. Imediatamente você pode ver que a grade quadrada muda para uma linha vertical. Isto é para reflexão vertical através do eixo vertical, como o primeiro exemplo que eu mostrei a vocês. Agora vamos clicar em opções para explorar os quatro tipos diferentes de guias de simetria. Primeiro, temos vertical. Em seguida, é horizontal através do eixo horizontal. Como eu mostrei, o quadrante divide sua tela em quatro pedaços, e o radial divide em oito fatias. Ao selecionar qual dessas quatro opções você deseja é relativamente auto-explicativa, as duas opções inferiores aqui neste menu não são assim. Primeiro temos simetria rotacional. Ligar isto não fará nada visível neste momento. Mas isso significa que não só sua arte será refletida em toda a diretriz, mas também será invertida. Aqui eu tenho simetria vertical e rotacional ativada. Lembra como antes minha arte duplicava exatamente em toda a diretriz como uma imagem espelhada perfeita? Agora, ambos refletem e inverte. Meu ponto de partida vai para o fundo. Essencialmente, o seu desenho é invertido horizontalmente e verticalmente ao mesmo tempo. De volta às configurações do nosso guia de desenho agora, vou desativar a simetria rotacional porque não vamos usá-la agora para este projeto atual. A opção final neste menu é o desenho assistido. Isto é crucial. Todas as guias de desenho do Procreate, simetria e não simetria, exigem que o desenho assistido seja ativado para seu desenho real adira às guias para que você possa configurar suas configurações de guia. Mas se você não ativar o desenho assistido, as guias não serão realmente aplicadas quando você desenhar. Por essa razão, eu sempre ligo o desenho assistido aqui enquanto eu estou criando meus guias. No entanto, agora vou mostrar como ativá-lo e desativá-lo uma vez que estamos de volta na visualização Canvas. Quando abro minha paleta de camadas, posso ver agora que a camada em que eu estava quando abri minhas preferências de guia de desenho tem a palavra Assistida abaixo do nome da camada. Quando desenho na minha tela, você pode ver o que viu antes que meu desenho adere a essa configuração de simetria vertical. Mas agora vou fazer uma nova camada. Você pode ver imediatamente que este novo não tem a palavra Assistida nele e que quando eu desenhar, eu não estou recebendo esse reflexo vertical. Isso porque com o desenho assistido desativado, meus traços não serão refletidos de acordo com minhas configurações de diretriz. Para ativar o Desenho Assistido, em qualquer camada, basta tocar nela uma vez e escolher a Assistência de Desenho, e agora você pode ver que nessa mesma nova camada, estou recebendo a mesma reflexão vertical. Enquanto uma camada de desenho tiver Assisted ativada, qualquer coisa que você desenhar nessa camada irá aderir às configurações de guia que você tiver. Mesmo que você desative a visibilidade das guias de desenho aqui. Se você estiver desenhando em uma camada assistida, ela ainda irá aderir. Basta notar que você pode desativar a visibilidade dos guias se eles o distraírem e isso não significa que você está sacrificando a capacidade de desenhar de acordo com os guias. Tendo a manter os meus guias visíveis quando desenho simplesmente porque me ajuda a visualizar a divisão da tela. Agora, mais uma nota final muito rápida sobre as configurações do nosso guia. Você pode alterar a opacidade e a espessura e a cor com esses três controles deslizantes. Isso é especialmente útil se você tiver, digamos, um fundo escuro em sua tela e precisar de uma pausa ou uma diretriz ousada. 4. Detalhes do projeto do curso: Agora você deve ter uma boa noção de como configurar suas próprias guias de simetria e usá-las em conjunto com o desenho assistido. Sempre que me preparo para criar essas fronteiras simétricas, a primeira coisa que faço é escolher minha ilustração primária ou basicamente meu assunto. Na lição de hoje, estamos usando uma tulipa como ilustração primária e, em seguida, adicionando folhas e gotículas de água como tema secundário. No vídeo a seguir, eu vou começar mostrando o meu processo exato para desenhar essa tulipa e você pode seguir junto se quiser, ou você pode começar com um design completamente próprio. 5. Como desenhar uma tulipa simples: Neste vídeo, vou mostrar como desenhei a ilustração principal deste projeto. Você pode me ver criar este design simples de tulipa e seguir por conta própria, ou apenas relaxar enquanto você me vê desenhá-lo. 6. Concluir o esboço do quadrante: Com meu esboço de ilustração principal completo, eu o coloquei no centro superior da minha tela. Mais tarde, usarei o Assistente de Desenho do Quadrante, que significa que só terei que desenhar um quarto da tela para criar uma borda completa. O que isso significa para o meu próximo passo é que agora eu só tenho que completar este esboço em um quadrante ou 1/4 da minha tela. Tudo bem que eu coloquei minha arte no centro superior, abrangendo os dois principais quadrantes porque minha arte é simétrica nos lados esquerdo e direito. Quando estou usando Drawing Assist, eu só vou ter que desenhar 1/2 da flor e a outra metade será desenhada automaticamente como mágica. Agora, vou preencher o máximo de espaço neste quadrante que puder com variações desta ilustração primária. Na minha paleta de camadas, eu duplicei minha flor e rodei para que ela ficasse do lado. Agora, vou duplicá-lo novamente e movê-lo para outro lugar na tela para editá-lo. Vou começar apagando as folhas e caule para que eu tenha apenas o broto da flor. Agora, vou movê-lo para o espaço negativo e redimensioná-lo para caber bem aqui. Lembre-se, eu só estou focando no canto superior direito da tela, apenas preenchendo essa área com meus esboços. Com o botão da flor colocado, vou preencher o resto do espaço negativo com mais folhas e caules. Vou até duplicar o botão da flor mais uma vez e movê-lo baixo e encolhê-lo para preencher mais do espaço negativo. Então, conectarei a flor com hastes. Agora, que eu preenchi tudo o que posso com folhas, caules e botões florais, ainda há alguns pequenos espaços sobrando. Decidi incorporar a forma de uma gota de chuva porque isso parece muito adequado com o tema floral. Agora, eu só estou andando e eu estou adicionando duas ou três pequenas formas de gota de chuva em cada um desses pequenos espaços em branco. 7. Configuração da guia de quadrante: Agora meu esboço está completo. Eu vim e ativei guias de desenho, apertei “Editar guias de desenho” e vim para Opções de simetria. Ligou o quadrante e certificou-se de que o desenho assistido está ativado. Então estou ajustando o visual, a cor, opacidade e a espessura dos meus guias para que eles realmente apareçam. Ao lado da minha paleta de camadas, eu só vou mesclar todas as minhas camadas de esboço em uma camada plana porque eu sei que eu não preciso mais me mover em torno de elementos específicos desse esboço e, em seguida, reduzir sua opacidade dramaticamente porque estou prestes a rastrear por cima dele. Eu fiz uma nova camada e eu estou selecionando esta cor roxa brilhante para um olhar de alto contraste. Agora, estou chegando e selecionando uma caneta de monolina. Este é chamado de Molly's Verdadeiro Monoline e você pode encontrá-lo ligado na descrição. Em seguida, estou tocando na camada uma vez e ativando o assistente de desenho. Desenhar um rabisco rápido na minha tela revela que, de fato meus traços estão prestes a seguir este guia de desenho quadrante que eu criei. 8. Desenho de flor parte 1: Agora eu ampliei o meu esboço, e estou me certificando de que estou na camada em branco do Desenho Assistido. Vou começar a rastrear o meu esboço do lado esquerdo. Você verá imediatamente que enquanto desenho no lado esquerdo da minha flor, esse mesmo traço se reflete não apenas verticalmente, mas também acima do eixo horizontal. Vou terminar esboçando o contorno e preenchê-lo com azul, arrastando e soltando minha amostra de cor no espaço fechado. Agora vamos usar uma pequena técnica que eu gosto de fazer para criar ilustrações realmente nítidas e simples. Então eu vou reduzir a opacidade em minhas flores recém-desenhadas para que eu possa ver meu esboço abaixo dele. Em seguida, usarei minha ferramenta Borracha para desenhar nos contornos reais que estão dentro da forma fechada. Então o que você acaba recebendo são um monte de formas separadas menores que se juntam para formar toda a flor. Só para ficar claro, estas não são linhas brancas que estou desenhando, são linhas apagadas. Lá estou eu a mudar-me para uma nova parte da tela e estou a desenhar outra das flores. Mais uma vez, isso está sendo refletido nos eixos vertical e horizontal. Então desenhar apenas metade desta flor uma vez realmente vai fazer duas flores completas. Então eu vou voltar com minha ferramenta Borracha e eu estou apenas desenhando sobre as linhas do meu esboço com a borracha. Aqui eu desenhei no caule. Chegando com minha borracha, você pode ver que a primeira coisa que eu fiz foi apagar essa linha entre o broto de flores e o caule em si. Depois apaguei a linha interior do caule. 9. Desenho de flor parte 2: Vou continuar este processo exato em torno da minha tela para todas as flores e as hastes. Você vai ver em um momento que eu vou fazer uma nova camada para fazer a mesma coisa para as folhas e mais uma nova camada para essas formas de gota de chuva. A razão para isso é que eu acho que eu vou querer recolorir esses três tipos de elementos, as flores, as folhas e as gotas de chuva. Ter cada um desses três elementos em suas próprias camadas vai tornar muito mais fácil recolorir mais tarde. Agora eu vou aumentar a velocidade dramaticamente e você pode me ver chicotear através do resto das flores. 10. Desenho de folhas: Agora, com as flores e suas hastes completas, posso fazer uma nova camada em branco, ativar o assistente de desenho e criar as folhas. Eu vou desenhar as folhas na mesma cor, pelo menos por agora, mas eu sei que mais tarde, eu vou ser capaz de entrar e recolorir muito facilmente porque novamente, eu tenho em uma camada separada. Certifique-se de que nessa nova camada em branco, você tem a assistência de desenho ativada ou então seu trabalho novamente, não será refletido em torno da tela. Aqui está um exemplo de edição do meu esboço enquanto eu vou. Eu tinha originalmente feito esta uma folha atrás da flor menor, mas como eu estava colorindo em, eu decidi que eu realmente não gostava lá, então eu finalmente apenas excluí esta folha inteira completamente. 11. Desenho de gotas de chuva: Agora é hora de desenhar essas gotas de chuva, então eu criei uma nova camada com o assistente de desenho ligado e desenhado nessas gotas de chuva. O mesmo método de antes. Há muito menos apagamento para fazer, embora nestes. Uma vez que eu os preenchi, eu queria que as extremidades deles fossem afiadas, então eu só entrei com uma borracha e limpei as bordas um pouco que eu não tivesse essas extremidades arredondadas, mas em vez disso obtive pontos mais nítidos. Agora o rastreio da minha fronteira está completo. Estou a aumentar a opacidade em todas as camadas para 100 por cento. Eu estou desligando as diretrizes também porque neste momento, eu as acho um pouco distraentes. 12. Recolorir cada elemento: Agora eu vou abordar a questão da cor porque novamente, desde que eu fiz tudo isso em sua própria camada, vai ser muito fácil para mim mudar a cor. Estou começando fazendo novas camadas em branco em cima de cada uma das minhas camadas de arte e, em seguida, tocando nelas uma vez e selecionando “Máscara de recorte”. O que isso significa é que quando eu preencher cada uma dessas camadas em branco com cor, essa cor só afetará a camada de arte abaixo dela. Agora eu selecionei uma nova cor para minha paleta e toquei em uma camada em branco e apertei 'Camada de preenchimento”. Agora vou continuar a fazer isso em todas as outras camadas em branco para recolorir as folhas, as flores e as gotas de chuva individualmente. Usar máscaras de recorte para recolorir é uma das minhas maneiras favoritas de recolorir o trabalho artístico no Procreate, porque ele é totalmente não-destrutivo, que significa que eu sempre posso desativar essa máscara de recorte novamente, e eu tenho meu cor original logo abaixo. Se paletas de cores são um pouco assustadoras para você, eu sugiro tentar ficar em uma área similar ou fatia da roda de cores, como azul e verde são muito próximos um do outro na roda de cores, então naturalmente eles vão juntos bastante - Muito bem. 13. Adição de monograma e texto: Após a cor, é hora de preencher o espaço vazio aqui. Há tantas possibilidades, posso ver que esta é uma fronteira maravilhosa para um anúncio de nascimento, um cartão de salva-a-data, qualquer tipo de convite, papelaria pessoal, uma nota de agradecimento, um cartão de férias. Mas eu vou transformar isso em uma obra de arte monograma hoje, que vai ser muito simples de fazer aqui no Procreate. Vou até o menu Ações e selecionar Adicionar, Adicionar Texto. Aqui, eu estou diminuindo um pouco e apenas movendo essa caixa de texto para baixo para o centro para que eu possa vê-lo um pouco melhor e então eu estou colocando apenas a letra T, que vai ser meu monograma hoje. Chegando às fontes, vou selecionar a fonte Didot, que deve ser uma fonte do sistema para você que você também pode selecionar em seu próprio aplicativo Procreate. Tocando fora das opções de texto, eu vou chegar à minha ferramenta Transformar e ampliar esse T bastante dramática para preencher a maior parte do espaço interior. Por enquanto, eu fiz o T na mesma cor que as gotas de chuva, mas nós vamos mudar isso um pouco mais tarde, você vai ver. Agora adicionei um novo quadro de texto aqui. Estou mantendo isso exatamente na mesma fonte Didot do monograma, mas estou colocando em itálico minúsculo para algum contraste. Então eu estou digitando em uma pequena frase doce que faria isso em um cartão bonito ou talvez uma peça de arte de parede para um berçário e eu estou apenas escrevendo “é para tulipas”, então T é para tulipa. Agora eu estou apenas ajustando o espaçamento e dimensionando ligeiramente isso para que ele preencha esse espaço negativo realmente muito bem. Para alterar as cores do meu tipo, basta selecionar cada camada de texto, abrir a paleta de cores e tocar na cor que eu quero. 14. Ajustes finais e timelapse: Como muitas vezes acontece no design, eu mudei de idéia sobre as cores aqui. Decidi que quero que esta borda seja monocromática, então quero que as folhas sejam azuis escuras em vez de verdes escuras. Eu selecionei um azul escuro, toquei aquela camada de preenchimento de cor verde sobre as folhas, apertei “Fill Layer” e agora as folhas são azuis escuras. Isso torna as fronteiras ainda bastante intrincadas e ilustrativas. Mas agora se eu mudar o T para uma cor pop como laranja, que é o elogio do azul, ele vai realmente aparecer e ter apenas um olhar muito mais ousado, mais moderno. Continue assistindo porque no próximo vídeo eu estou mostrando um monte de exemplos de outros projetos de borda simétricos que eu criei usando diferentes tipos de guias de simetria e muitas ilustrações diferentes assuntos. Se você criar este projeto usando as etapas exatas que eu fiz ou suas próprias ilustrações, certifique-se de compartilhá-lo na seção do projeto para que eu e seus colegas possamos dar uma olhada nele. Certifique-se de conferir a guia de recursos desta classe, onde você poderá baixar uma versão procreate em camadas deste arquivo para sua própria referência. Na seção Sobre do curso, você encontrará uma longa lista de links para aprendizado adicional e outros recursos que podem ser úteis. 15. BÔNUS: arte modelo para inspiração: Nesta seção final, eu estou apenas compartilhando com vocês uma série de diferentes projetos de borda ilustrativa e arte de guia de simetria que eu criei para dar a vocês alguma inspiração para escolher o assunto ilustrativo de e também para mostrar o que é realmente possível com todas essas configurações diferentes do guia de simetria. Meu método para apresentar o assunto ilustrativo para essas bordas é começar escolhendo uma ilustração primária e, em seguida, criar desenhos ou ilustrações secundárias para apoiar esse tema principal. Por exemplo, nesta ilustração, usei uma baleia como minha ilustração principal, e então adicionei vários desenhos temáticos do mar como algas , ondas e bolhas para apoiá-la. Ter a baleia como a principal e maior ilustração duplicada, na verdade, através da tela me permitiu encher a maioria do espaço com apenas esta ilustração, e então preencher o espaço negativo com o menor, ilustrações mais simples. Nesta ilustração ilustrativa de borda, eu realmente usei essa ilustração floral e então eu duplicei meu esboço e virei em ângulos diferentes que ele preenchesse todo o espaço da tela, e em seguida, o espaço negativo, eu apenas preenchê-lo com folhas e algumas hastes. O resultado final acaba parecendo muito mais demorado do que realmente me levou. Este exemplo também utilizou simetria vertical, e em vez de uma borda quadrada ou retangular, eu criei uma borda redonda. Novamente, para isso, eu apenas selecionei a ilustração primária deste tipo de flor, e então eu desenhei de algumas maneiras, tamanhos e ângulos e preenchi o espaço negativo com um único tipo de folha e caule. Aqui está um exemplo de uma obra de arte que eu criei que usou as guias de simetria radial, e em vez de criar uma borda, a arte de simetria real é a própria obra de arte. Fiquei preso a floreios caligráficos em vez usar quaisquer palavras ou ilustrações tradicionais. O tema principal e ilustração desta peça de arte de simetria eram canetas e tinta, e então eu criei uma série de maneiras de desenhar uma caneta, uma mão segurando uma caneta, pontas simples da caneta, e então eu preenchi o espaço negativo com ilustrações bastante simples de gotas de tinta e traços desenhados.