Transcrições
1. Introdução: Ei, todo mundo. Sou Justine. Estou super animado para compartilhar com vocês minha primeira aula aqui no Skillshare tudo sobre o design de mandalas no iPad Pro. Estou prestes a entrar no quarto ano estudando design
gráfico na Universidade OCAD, aqui em Toronto. Eu também fui o designer principal da Coloring Broadway nos últimos dois anos. Grande parte do meu trabalho atual tem tudo derivado de uma conta do Instagram que comecei anos atrás, onde eu iria apenas postar rabiscos que eu estava trabalhando. Desenhar mandalas é uma grande parte do meu trabalho. Então pensei que seria a habilidade perfeita para ensinar na minha primeira aula. Ao longo deste curso, vou ensiná-lo a desenhar mandalas no Procreate no iPad Pro. Você também aprenderá a trabalhar entre o Procreate e Adobe Illustrator para criar um trabalho artístico vetorizado final. No final deste curso, você terá seu próprio design mandala e as ferramentas para criar novos por conta própria. Esta classe é para todos os níveis de habilidade, desde iniciante completo até especialista mandala. Esta aula é realmente para qualquer um, desde amadores a alguém que está procurando fazer uma carreira com ilustração. Você também pode usar as técnicas aprendidas nesta classe para aplicá-lo a outras áreas de ilustração para criar mais do que apenas uma mandala. No final desta classe, você estará muito mais familiarizado com o Procreate e especificamente usando o Drawing Assist para criar designs simétricos. Você também terá uma melhor compreensão de como usar o Adobe Illustrator para criar um trabalho artístico vetorizado.
2. Para iniciantes de iniciantes: Esta primeira lição é voltada para iniciantes do aplicativo Procreate. Vamos percorrer brevemente a interface e
apontar as ferramentas que nos concentraremos neste curso. Se você já estiver familiarizado com o Procreate, você pode pular para a lição 2. Quando você abrir o Procreate pela primeira vez, verá a página da galeria. É aqui que todas as suas obras de arte permanecerão. Para criar um novo documento, vamos clicar no sinal de adição e clicar em “Criar tamanho personalizado”. Precisamos mudar as medidas de 2 polegadas e depois a largura para 8 e meia e altura em 11. Você pode manter o DPI como 300 e a configuração de cor como está, e clicar em “Criar”. Este aqui é o seu Canvas. O que eu amo em trabalhar com o iPad é que você pode ampliar e
movê-lo tão livremente para que você possa obter a posição de desenho mais confortável. No canto superior direito está a sua roda de cores. Na roda externa aqui, você pode mudar a cor e a roda interna muda as tonalidades e tons. A exibição clássica usa esses controles deslizantes. Este valor é onde você pode colocar no código hexadecimal se você tiver um. Em seguida, paletes, você pode usar paletas de cores pré-existentes ou fazer o seu próprio. Por enquanto, usaremos o preto. Vou voltar para a vista clássica e
certificar-me de que o ícone está no canto inferior esquerdo. Se não tiver certeza, se estiver usando um preto verdadeiro ou um branco verdadeiro, você pode entrar na exibição de valor e verificar o código hexadecimal. O código para preto é sempre €6 e o código para branco é seis F's. Em seguida, é o painel Camadas. Este é o lugar onde vamos separar sua grade, esboço, contorno e camadas de cores. Esta letra N é algo que estaremos usando quando você clicar nele, você pode começar a controlar a opacidade da camada e diferentes modos de mistura. Ao lado das camadas está a sua borracha. Aqui está uma ferramenta de borragem, mas eu não costumo usá-lo. Finalmente, aqui está o ícone do pincel. Como você pode ver quando você clica nele, há toneladas de diferentes opções de pincel e até mesmo a capacidade de importar o seu próprio. No lado esquerdo da tela, você verá dois controles deslizantes, o superior controla o tamanho do pincel, como você pode ver aqui, o inferior altera a opacidade do pincel. Eu não costumo usar isso também, então vamos manter isso em 100%. Aqui em baixo está o botão Desfazer, que eu definitivamente uso muito. Aqui está a sua ferramenta de seleção, que é o que você pode clicar para mover e redimensionar as coisas que você desenhou. Falaremos sobre alguns desses outros controles dentro da lição. Esta é uma ferramenta de seleção mais avançada que eu realmente não uso, então não vamos falar muito sobre isso neste curso. Ao lado dele estão seus ajustes de camada. Novamente, eu uso isso com pouca frequência, mas é bom lembrar que o Procreate tem todas essas funções que você normalmente precisa, algo como closeup para. Finalmente, esse ícone de chave inglesa é onde
adicionaremos fotos e configuraremos sua tela de tela
e, finalmente, compartilharemos sua arte. O botão da galeria traz você de volta à sua página inicial. Na próxima lição, estaremos configurando seu trabalho artístico para começar a esboçar.
3. Configurando sua arte: Agora que sabemos um pouco mais sobre o aplicativo Procreate, podemos começar a configurar nossa arte. Se você pulou a lição número um, apenas certifique-se de que você tem uma configuração de documento 8,5 por 11. Você precisará da grade Mandala para esta lição. Então, se você ainda não fez isso, você pode baixá-lo dos arquivos do projeto e apenas certifique-se de salvá-lo como uma imagem no seu iPad. Para acessar nossa grade, vamos clicar na pequena chave inglesa, clicar em Adicionar e importar foto. Você deve ter sua grade na biblioteca de imagens do iPad. Porque eu fiz a grade 8,5 por 11, deve caber perfeitamente na sua tela. Agora podemos fazer selecioná-lo. Agora você deve ver sua grade no painel Camadas e se clicarmos na camada, podemos renomeá-la e digitar grade. Em seguida, queremos derrubar seu grupo desta camada, já que estaremos projetando em cima dela, clique no n, e podemos reduzir a opacidade para cerca de 20 por cento. Agora vamos fazer uma nova camada clicando no sinal de mais. Vamos mudar o nome para esboçar. Para esta camada, vamos ativar nossas configurações de Canvas. Clique na chave inglesa novamente, clique em tela e ative o guia de desenho. Como você pode ver, o padrão é uma grade quadrada que precisará mudar clicando em Editar guia de desenho. Agora clique em simetria e você verá os ícones pop-up na parte inferior. Clique no último, que é simetria radial. Aqui é importante certificar-se de que o desenho assistido está ativado. Desde que já possuímos grade, podemos trazer a cor deste para baixo para branco e, em seguida, clique feito. Então você não será capaz de ver nada diferente, mas você vai saber que ele está funcionando se o seu desenho está sendo repetido simetricamente ao redor do centro, assim. Até agora, você deve ter sua camada de grade e uma camada de esboço que diz assistida por baixo. Agora estamos prontos para fazer esboços.
4. Esboço: contornos: Nos arquivos do projeto, você encontrará todas as folhas de pesquisa. Na folha eu incluí minhas folhas de referência e projetos de
falha e é o que eu vou usar nesta classe. Quando eu comecei a desenhar mandalas, achei útil olhar para outros projetos on-line e executar isso para criar meu próprio estilo. Então, espero que essa pesquisa possa te ajudar a fazer isso. Para esta camada de esboço, eu gosto de usar uma configuração de pincel que se sente como um lápis. Então, vamos clicar em pincéis, clique em esboço, e vamos usar lápis HB. Para começar, eu gostaria de usar um círculo no centro como minha base. Por qualquer motivo, quase sempre começo com as pétalas arredondadas. Eu só acho que eles preenchem os espaços menores o melhor. Não se preocupe muito sobre como as linhas são mais limpas, já que esta é apenas uma camada de esboço e estamos apenas planejando a mandala. Uma das minhas coisas favoritas para fazer com mandalas é delinear sua camada de formas. Acho que porque geralmente há muita coisa acontecendo dentro do design, parece claro adicionar esse tipo de divisão entre camadas. O que eu pessoalmente gosto de fazer para planejar minhas mandalas é escolher duas ou três dessas formas externas básicas e meio que alternar entre elas, talvez jogando uma camada dois para quebrá-las. Então, desde que começamos com as pétalas arredondadas, podemos pular algumas camadas e adicioná-las novamente, talvez por aqui. Novamente, adicione os contornos para dividir as camadas. Agora, entre essas camadas, vamos escolher outra forma. Meu favorito quer combinar o nosso, as pétalas arredondadas e pontiagudas. Então vamos usar os pontudos a seguir. Certifique-se de que você está começando na linha de 90 graus. Agora, você pode fazer essas tão largas ou estreitas quanto quiser. Eu, pessoalmente, gosto de torná-los um pouco mais largos. Agora, em vez de repetir isso de novo, bem aqui em cima, vamos dar algum espaço para que não seja muito da mesma coisa. Podemos adicionar o ponto em pétalas novamente algumas camadas mais tarde e talvez fazer estas mais altas. Normalmente não gosto de delinear as pétalas pontiagudas. Então, em vez disso, podemos fechar isso com outro círculo e delinear isso. Agora que temos este círculo fechado aqui, é um bom local para reintroduzir as pétalas arredondadas. Quando fico mais longe do centro, gosto de dividir esses espaços em dois. Eu só prefiro adicionar formas menores, pois faz seu design parecer mais detalhado. Você pode apenas olhar o meio de cada seção
, não precisa ser exato. Vamos dar esses e delinear também para manter a consistência. Agora, eu acho que nós podemos adicionar as pétalas pontiagudas novamente e nós podemos apenas mudar o feller projetado para fazer parecer diferente. Então vamos fazer isso de novo aqui e fechá-lo com o círculo e um contorno. Agora que chegamos aos cantos, não
gosto de introduzir novas formas ou desenhos. Então, geralmente volte para o que você começou, que eram as pétalas arredondadas. Novamente, podemos dividir o espaço em dois e adicionar um contorno. Agora só estamos tentando fechar o espaço para que possamos adicionar outra pétala pontiaguda. Agora temos um ótimo esboço para o design e sair e voltar e adicionar detalhes mais finos a seguir.
5. Esbo: Agora que temos nosso esboço, podemos começar a adicionar detalhes mais finos. Vou puxar a partir da folha de recursos para que você possa fazer referência a isso enquanto avançamos. Meu ir para é geralmente adicionar uma linha interna e, em seguida, outro enchimento, se necessário. Vamos começar adicionando uma linha interna dentro e fora dessas pétalas aqui, já que temos espaço para isso. Agora você pode realmente escolher os enchimentos que quiser. Acho que quero adicionar as linhas descendentes à forma. Vamos apenas adicionar uma única linha aqui. Isso não é muito vazio, mas também não muito ocupado. Vamos novamente adicionar uma linha interna para essas pétalas arredondadas. Agora, já que não temos uma forma externa aqui, queremos algo que seja mais linear e que possa ser repetido. Podemos pegar algo como o enchimento de bolhas e alternar para que lado eles estão enfrentando. Para mim, isso ainda está parecendo um pouco vazio, então podemos apenas adicionar linhas curvas para dividir ainda mais o espaço. À medida que avançamos, podemos fazer o que fizemos ao longo do fundo, que é adicionar as formas internas mais uma vez. Vamos repetir essas linhas descendentes novamente aqui em cima. Uma vez que temos mais espaço nestas pétalas e podemos fazer mais do que apenas uma única linha. Eu acho que ou alinhando totalmente a forma ou usando meias linhas pode funcionar aqui. Vamos fazer as linhas completas. Já que apontamos pétalas pela terceira vez, vamos introduzir algo um pouco diferente. Gosto de guardar as formas de rasgar para espaços maiores, então vamos usá-las aqui. Podemos continuar o padrão de usar essas linhas descendentes aqui. Para terminar, trarei de volta as linhas internas para estas últimas pétalas. Quando estiver satisfeito com seu esboço, você pode desativar a grade para dar uma aparência melhor. Agora podemos passar para a adição de camadas finalizadas mais limpas.
6. Finalização do contorno: Agora que temos um esboço final, podemos entrar em nosso painel Camadas e desativar nossa camada
de grade e derrubar nosso esboço, camada e opacidade. Você pode deixar a grade ligada se desejar, e apenas tê-lo em uma opacidade baixa também. Agora, precisamos de uma nova camada e vamos renomear esse contorno. Queremos a ajuda de desenho para isso também. Vá para o seu Canvas e verifique se a assistência de desenho está ativada. Você pode verificar se ele diz assistido no painel Camadas também. Para os meus contornos, gosto de usar o aerógrafo duro. Vamos reduzir o tamanho para cerca de 3%. Acho que esta é uma boa espessura para usar, pois não é muito grossa, mas também não é muito fina. Agora é tudo sobre usar o recurso de forma rápida do procreate. Precisamos desenhar uma linha ou forma e segurá-la. Ele se fixará em linha suave. Criar seus contornos finais também é um monte de tentativa e erro. Eu redesenho linhas várias vezes até que eu esteja feliz com ele e eu uso o botão desfazer, com freqüência. Para as pétalas arredondadas, eu gosto de usar forma rápida para fazer uma linha reta e, em seguida, curvas à mão livre. Para as pétalas de flores, vez que podem ser um pouco difíceis de desenhar, há outra maneira de criá-las para garantir que todas tenham a mesma aparência. Abra o painel Camadas e crie uma nova camada e certifique-se de que a assistência ao desenho esteja ativada. Tudo o que temos que fazer agora é desenhar uma e meia
da pétala e ter certeza de incluir o interior dela também. Agora podemos duplicar essa camada indo para o painel Camadas e deslizando a camada para a esquerda e pressionando duplicar, em
seguida, aperte a ferramenta de seleção. Agora podemos clicar, girar 45 graus. Agora você tem todas as pétalas parecendo exatamente iguais. Para combinar essas camadas, você pode simplesmente apertá-las com os dedos, certificando-se de tocar as camadas inferior e superior e arrastá-las juntas. Agora torna-se uma camada. Essa é apenas outra maneira de fazer isso se você está tendo problemas para desenhar cada indivíduo. Para estes círculos maiores, eu gosto de usar forma rápida para uma parte dele e , em seguida, entrar e corrigir as partes onde eles se juntam. Agora podemos repetir as mesmas técnicas para essas pétalas arredondadas. Para algumas dessas linhas mais finas, você pode brincar com diferentes tamanhos de pincel. Vamos reduzir para cerca de 2% e tentar isso. Ter seus detalhes em um pincel mais fino pode
lhe dar um design e uma sensação agradável de aparência em camadas. Uma vez que esta é apenas uma linha, vamos trazê-la de volta para 3%. À medida que chegar às áreas maiores do seu design, tente afrouxar o pulso e usar traços maiores. Seja paciente e não se preocupe em obter a linha perfeita. Você sempre pode entrar com a borracha e afiná-la. Para as bolhas, eu sempre uso forma rápida para fazer os círculos. A parte boa disso é que você pode redimensioná-los ao desenhar. Tenha em mente que, se você aumentar demais, o curso começará a se separar e, se for muito pequeno, o traçado parecerá muito mais grosso. Tente desenhar em torno do tamanho que você está indo. À medida que você continuar desenhando, lembre-se de mudar seu pincel para o tamanho menor para os detalhes mais finos e, em seguida, voltar para o seu tamanho normal para o resto. Divirta-se com esta parte. Como você já tem tudo planejado, esta parte pode ser bastante irracional e relaxante. Você pode colocar música ou jogar Netflix, o que quiser. Agora que temos um contorno final, podemos desmarcar a grade e as camadas de esboço para que possamos realmente ver nosso desenho. Bem, eu realmente amo como isso parece. No final, gosto de voltar e adicionar pontos ao meu desenho. Eu vou manter meu pincel em três por cento e apenas zoom em e começar a adicionar pontos em qualquer espaço que eu sinto que poderia usar um pouco de algo extra. Porque só queremos pontos de um lado desta bolha para se livrar do outro lado, precisamos desligar o assistente de desenho. Podemos usar a borracha livremente e nos livrar de quaisquer pontos duplicados. Quando terminar de apagar, certifique-se de colocar o assistente de desenho novamente. Esta parte é realmente até o seu gosto. Você pode adicionar quantos ou tão pequenos pontos como você gosta, eu pessoalmente tendem a ir um pouco ao mar e apenas jogá-los em cada camada, mas você pode realmente colocá-los onde quiser ou não usá-los em tudo. É totalmente com você. Para terminar isso, vamos trazer a grade de volta e talvez adicionar mais um círculo interno. Certifique-se de que seu pincel está em três por cento novamente ou seja lá o que você começou com, e basta adicionar um círculo aqui. Ok, ótimo. Agora estamos prontos para finalizar.
7. Vetoração no Adobe Illustrator: Agora que temos um design completo, podemos trazê-lo para o Adobe Illustrator para vetorizá-lo e adicionar cores. Se você não tiver acesso ao Adobe Illustrator ou simplesmente não quiser usá-lo, você pode definitivamente permanecer no Procreate e adicionar cores a partir daí. Para esta lição, vou trazê-la do
Procreate para o Illustrator e adicionar cor a partir daí. Agora, para enviar seu trabalho final para o seu computador, você deseja clicar na “chave inglesa” novamente e clicar em “Compartilhar”. Eu costumo exportar como JPEG. Agora, certifique-se de que o AirDrop está ligado no Mac para que você possa transportar
instantaneamente sua obra de arte. Se você não puder usar o AirDrop, você pode enviá-lo por e-mail ou onde quer que esteja acostumado. Depois de localizar sua arte no computador, você pode arrastá-la para o Adobe Illustrator para criar um novo arquivo. A primeira coisa que precisamos fazer é ter certeza de que o quadro de arte é do mesmo tamanho que a nossa arte. Clique no ícone “Prancheta” aqui embaixo. Clique em “Objeto”, quadros de arte, encaixe nos limites da arte. Agora sua arte deve ser 8,5 por 11. Agora podemos clicar na ferramenta “Seleção” e selecionar a arte e clique em “Rastreamento de imagem” padrão. Se o botão Rastreamento de imagem não estiver aqui, você sempre poderá acessar o Rastreamento de imagem da janela. Então agora precisamos corrigir as configurações clicando na caixa de diálogo e trazendo para baixo avançado. Eu sempre trago os caminhos definidos muito alto porque isso os torna um ajuste mais apertado e os faz parecer mais suave. Como você pode ver, estamos perdendo um pouco de detalhe com todos os pontos. Para corrigir isso, podemos trazer a configuração de ruído para baixo. Isso parece muito bom. Quando você estiver satisfeito com isso, você pode fechar a caixa e agora estamos prontos para começar a adicionar cor.
8. Escolhendo uma paleta de cores: Agora estamos prontos para escolher um esquema de cores, que pode parecer uma tarefa um pouco assustadora, e muitas vezes eu luto com isso. Mas, felizmente, há muitos recursos on-line para ajudá-lo a encontrar inspiração de cores. Meu favorito atual é chamado Color Hunt. Aqui está um recurso criado por Gal Shir. Se nunca viu o trabalho dele, peço que o investigue. O que eu amo sobre Color Hunt é que as paletes são colocadas em categorias que mostram o que é moderno e popular, mas você também pode procurar por uma cor específica. Então, se você escolher uma cor que
você gosta, você terá todas essas paletas que estão girando em torno da cor escolhida. Além disso, se você passar o mouse sobre cada um, você receberá o código de cor. Se você nunca trabalhou com códigos de cores antes, é bem simples. Você pode clicar aqui para copiar
e, em seguida, no ilustrador, se clicar duas vezes no preenchimento e colá-lo nesta caixa, você obterá a cor exata. Outro bom recurso é o Adobe Color. Bem aqui. Isso lhe dá mais liberdade para personalizar seu esquema de cores. Você começa a escolher entre todos esses diferentes tipos de esquemas de cores e, em seguida, movendo-se em torno dos selecionadores de cores. Eu acho que vou usar tríade para o meu para que eu possa obter três cores separadas. Você também começa a embaralhar essas amostras de cores ao redor para que você possa ver o que parece melhor ao lado do outro, e também você recebe os códigos de cores aqui em baixo. Acho que vou movê-lo até conseguir algo bom e brilhante, e talvez derrubar isso um pouco. Isso parece muito bom. Eu tenho três cores brilhantes distintas e , em seguida, algumas mais escuras se eu quiser ter algo que parece um pouco mais sombreado. Se você estiver conectado à Adobe, pode
salvar o esquema de cores, mas o que eu costumo fazer é tirar uma captura de tela. Para fazer isso, você pode clicar em Shift, Command 4 no Mac e arrastar uma janela pelas caixas como esta. Agora podemos voltar para o Illustrator e arrastar a captura de tela para dentro. Eu gosto de fazer isso para que eu tenha o visual do conselho aqui. Agora o que podemos fazer é usar a ferramenta conta-gotas para pegar qualquer uma dessas cores. Ótima. Agora que temos um esquema de cores, estamos prontos para transformar isso em um grupo de pintura ao vivo e começar a colorir.
9. Colorir seu design: Agora que temos um esquema de cores pronto para usar, precisamos transformar nossa arte em um grupo rosa ao vivo. Primeiro vamos selecionar a arte e clicar em “Expandir”. Agora precisamos dar-lhe uma borda usando a ferramenta de retângulo. Tente começar diretamente no canto superior e clique e arraste para a parte inferior. Para ter certeza que é exato, podemos ir para as dimensões aqui e digitar 11 polegadas por 8,5. Então podemos ir para Window Align. Certifica-se de que ele mostra alinhado ao quadro de arte. Clique neste para alinhar horizontalmente e para a linha vertical. Agora estará perfeitamente no centro do seu quadro de arte. Não queremos que esta pasta tenha nenhuma cor, por isso certifique-se de que tanto o preenchimento como o traçado estão definidos como nenhum. Agora podemos voltar à nossa ferramenta de seleção e selecionar tanto a borda quanto a arte. Vá para “Objeto”, “Pintura ao Vivo”, “Criar”. A razão pela qual adicionamos uma borda é para que as formas que estão saindo da página sejam incluídas. Então agora podemos ir e encontrar nosso ícone de balde de tinta ao vivo. Se não o vir aqui, clique e mantenha pressionada a ferramenta de construtor de formas até ver a caçamba de tinta em tempo real. Agora, quando você passar o mouse sobre seu design, você verá que cada forma é um objeto preenchível. Agora podemos usar a ferramenta conta-gotas para selecionar uma cor e voltar para o balde de tinta e começar a colorir clicando na forma. Se você acidentalmente clicar no traçado como eu acabei de fazer, você pode ir para desfazer ou comandar Z no seu teclado. Para acelerar seu fluxo de trabalho, você pode clicar em “I” no teclado para obter sua ferramenta de conta-gotas. Em seguida, você pode clicar na letra “K” para voltar ao seu balde de tinta. Isso é útil saber, porque você vai estar indo e para trás entre essas ferramentas muitas vezes, Agora apenas se divertir colorir. Quando estiver satisfeito com seu design final, você pode ir “Arquivo”, “Exportar”, “Exportar como”. Certifique-se de que JPEG está selecionado e checkoff use quadros de arte faixa 1. Verifique se a qualidade está no máximo e se o DPI é de pelo menos 300.
10. Considerações finais: Uma vez que você tem uma obra final, as possibilidades são realmente infinitas. Se você quiser imprimir seu trabalho artístico, envie-o para o Vector. Você pode imprimi-lo tão grande quanto você quiser sem comprometer a qualidade. Você também pode enviar seu trabalho para diferentes sites, como Redbubble e Society6 para obtê-lo impresso em diferentes produtos. Não se esqueça de compartilhar seu trabalho na aula Skillshare para que eu possa conferir, e sinta-se livre para comentar sobre o trabalho de outros alunos também. Muito obrigado por fazer esta aula. Eu me diverti muito fazendo isso e espero que você também se divirta, e que você é capaz de tirar algo valioso. Se tiver alguma pergunta, sinta-se à vontade para falar comigo. Meu identificador Instagram está na descrição. Se você estiver interessado em fazer mais de minhas aulas, certifique-se de me seguir no Skillshare para que você possa obter todas as atualizações. Te vejo na próxima vez.
Justine Fisher, Designer, Illustrator, Doodler
