Transcrições
1. Introdução: Ei caras. Sou Christine Nishiyama, ilustradora dos estúdios Might Cable. Para esta aula, vamos criar um conjunto de ilustrações vetoriais
desenhadas à mão no iPad Pro. As ilustrações vetoriais são realmente incríveis porque são baseadas em matemática em vez de pixels, e podem ser infinitamente redimensionadas sem perder qualquer qualidade. Os vetores também são editáveis, porque não é uma imagem nivelada como um JPEG. Assim, as cores e a largura da linha sempre podem ser alteradas no futuro. Muitos dos meus clientes solicitam obras de arte e vetor, mas eu sempre me encolho quando eles fazem porque minhas ilustrações vetoriais sempre acabam parecendo malucas. Além disso, odeio a ferramenta Caneta. Mas nesta aula, vou mostrar meu novo processo para fazer ilustrações vetoriais que não parecem tretas. Recentemente, eu criei um conjunto de ícones foodie e eu descobri como fazer ilustrações
vetoriais que são desenhadas à mão e, na verdade ainda parecem desenhadas à mão depois de serem vetorizadas, e o melhor de tudo, não
vamos tocar na caneta ferramentas. Para o nosso projeto de classe, vamos usar este processo para fazer um conjunto de ilustrações de alimentos vetoriais. Escolhi cozinhas internacionais como assunto,
e passaremos passo a passo pelo meu processo de fazer a série de ilustrações gastronômicas. Vamos passar por esboços, redimensionamento, topografia, tinta, vetorização, refinação e finalmente apresentação. Se você não tiver um iPad, haverá uma pequena página de processo de instrução no guia do projeto, para ajudá-lo a traduzir esse processo para o meio tradicional de caneta e papel. De qualquer forma, vamos saltar e começar a desenhar.
2. Passo 1: escolher e fazer o esboço: Passo 1, escolha e esboço. Juntos vamos criar um conjunto de ilustrações desenhadas à mão. Mas primeiro, o que vamos desenhar? Estou sugerindo o tópico geral da comida, mas dentro disso, você pode escolher o que quiser. Você pode escolher desenhar uma série de vegetais, frutas, seu lanche favorito, diferentes tipos de café, o que mais lhe excita. Adoro experimentar diferentes cozinhas internacionais e aprender o que torna essas cozinhas diferentes das outras. Para meus conjuntos de ilustração, escolhi seis diferentes cozinhas internacionais para desenhar: asiática, francesa, italiana, latino-americana, americana e indiana. Eu também adicionei em uma série de ilustrações de culinária, e especiarias e ervas apenas por diversão. Assim que você decidir sobre seu conceito mais específico, é hora de começar a desenhar. Para esta aula, vou desenhar no meu iPad Pro com o Apple Pencil usando o app de desenho, procreate. Eu amo desenhar no iPad porque ele permite que você revisar e editar coisas super facilmente, e você pode mover para frente e para trás entre o computador e o iPad super rapidamente. Mas se você não tem um iPad, você pode usar totalmente um lápis e papel para fazer este projeto. Basta ir até o guia do projeto para ver as instruções e concluir este projeto com papel e caneta. Então vamos começar. Primeiro, vou inicializar o aplicativo procreate no meu iPad e entrar na minha pasta de ícones para esta classe. Então farei um novo documento. Vou apenas manter estes em tamanho de tela cheia como nós vamos estar vetorizando-os, então o tamanho final não é tão importante agora. Então, se quiser, você pode baixar e usar meu modelo no guia do projeto. Este modelo lhe dará algumas diretrizes para ajudá-lo a manter suas ilustrações aproximadamente do mesmo tamanho enquanto você está desenhando. Basta importá-lo para o iPad e configurá-lo para uma opacidade baixa e, em seguida, criar uma nova camada na parte superior e começar a desenhar. Enquanto você está desenhando, lembre-se, tente não filtrar ou jogar fora qualquer uma de suas idéias. Nesta fase, nós só queremos desenhar tudo o que vem em nossa mente, você nunca sabe que pode ser bom. Queremos manter esses esboços simples, já que vamos desenhar muitos deles e ainda estamos na fase de ideação, mas você pode decidir quanto desenho você quer incluir a si mesmo. Então eu vou continuar desenhando até eu preencher todas essas páginas.
3. Passo 2: redimensionar + adicionar tipografia: Passo 2, redimensionar e adicionar tipografia. Agora que temos todos os nossos esboços desenhados, precisamos limpá-los um pouco antes de continuarmos. Se você usar o modelo de diretriz, seus esboços devem ter aproximadamente o mesmo tamanho. Mas se você é como eu, então você provavelmente não conseguiu
tudo exatamente dimensionado corretamente ou centralizado. Corrigir esses problemas agora antes de pintarmos, você
economizará tempo mais tarde e tornará suas ilustrações finais mais consistentes. Então, primeiro, desative a camada de diretriz, exporte o trabalho artístico como JPEG e envie-o para o computador. Gosto de usar o Dropbox para ir e voltar entre meu iPad e computador, mas você pode enviar um e-mail se preferir. Agora vamos abrir nossos esboços no Photoshop. Aqui você pode baixar o próximo modelo no guia do projeto, que é um pouco mais simples e nos ajudará a alinhar as ilustrações e adicionar tipografia mais tarde. Aqui eu coloquei meus esboços em cima
do novo modelo e eu vou passar e redimensionar cada ilustração para caber dentro e centro com o quadrado ou o círculo. Eu só uso a ferramenta de seleção para selecionar a ilustração e, em seguida, “Command T” para transformar a seleção e redimensioná-la e movê-la conforme necessário. Então eu vou passar e fazer isso para cada ilustração agora. Esta etapa é opcional, mas se você quiser adicionar um rótulo desenhado à mão à sua ilustração, eu gostaria de digitar o texto primeiro aqui no Photoshop, antes de pintar mais tarde. Eu não rastreio o tipo exatamente quando eu tinto, mas eu gosto de ter as letras datilografadas para que eu mantenha-os todos alinhados e espaçados corretamente. Então você pode simplesmente passar e digitar seus rótulos
nas diretrizes recomendadas e qualquer fonte que você preferir, e ele deve acabar parecendo um pouco algo como isso.
4. Passo 3: tinta: Passo três, tinta. Agora vamos pintar nossas ilustrações finais desenhadas. Primeiro, vamos desativar a camada de modelo e exportar nossos novos esboços como JPEGs. Vamos importar nosso JPEG para o procreate e configurá-lo em baixa capacidade. Em seguida, crie uma nova camada na parte superior e escolha com qual ferramenta você vai pintar. Eu gosto da ferramenta de caneta e eu ajustei a guia de configurações para obter apenas a quantidade certa de grão enquanto ainda tenho uma linha limpa. Eu também gosto de definir o tamanho para um peso fixo para que ele não fique mais espesso ou mais fino dependendo da pressão da minha caneta, pois eu quero que essas ilustrações sejam consistentes e tenham um peso fixo de linha. Você pode experimentar diferentes ferramentas, tamanhos e configurações para encontrar o que você mais gosta. Tenha em mente quando você estiver pintando que pequenos espaços e aberturas podem não se traduzir bem em uma ilustração vetorizada. Há muito pequeno detalhe que pode ser vetorizado antes do Illustrator começar a preencher os espaços e formas agora só passar e pintar todos os meus alimentos.
5. Passo 4: vetorizar: Passo 4, vetorizar. Agora para a magia vetorial. Primeiro, vamos exportar nossas ilustrações tintas como arquivos do Photoshop em camadas e enviá-las para o seu computador. Isso nos permitirá manter a resolução alta, e selecionar apenas as linhas de tinta e nenhum plano de fundo. No computador, abra o arquivo do Photoshop, selecione a camada de ilustração e selecione os desenhos de tinta. Em seguida, abra um novo documento e o Adobe Illustrator coloque suas ilustrações de alimentos. Em seguida, volte para o Photoshop
, pegue as camadas de topografia e as coloque no Illustrator. Isso pode parecer um pouco complicado, mas eu gosto de manter as ilustrações e topografia separadas, porque ele me permite vetorizá-las separadamente,
e obter as configurações apenas para a direita em cada um. Agora temos todas as nossas ilustrações com tinta no Illustrator. Vou retirar um rótulo para mostrar o processo e passar pelas configurações. Vou usar este, então temos algumas curvas boas, e pequenas formas para trabalhar. Vamos apenas selecionar a imagem
e, em seguida, subir aqui e clicar em rastreamento de imagem. Você também pode encontrar isso sob objeto no menu superior. Basicamente, o que o rastreamento de imagem faz é converter a imagem baseada em pixels que desenhamos em um vetor. Mas parece bem estranho. Vamos analisar as configurações para que possamos refinar isso e
torná-lo mais parecido com a nossa versão original desenhada à mão. Antes de passarmos por todas as configurações, tenha em mente que as configurações que eu escolher aqui podem não ser exatamente as corretas para o seu projeto. As configurações corretas para o seu projeto, vai depender muito de quão grande ou pequeno e detalhado sua imagem é. Mas essas configurações devem chegar muito perto, e então você pode mexer um pouco a partir daí. Vamos clicar neste botão aqui e isso abrirá nosso painel de rastreamento de imagem. Aqui no painel temos todas as nossas configurações. Certifique-se de que você tem a visualização marcada
na parte inferior para que você possa ver as alterações que estamos fazendo ao longo do caminho. Primeiro, podemos escolher uma predefinição que nos ajude a chegar um pouco mais perto do que queremos. Para estas ilustrações, escolhi a arte esboçada, que parece um pouco mais desenhada à mão e suave. Mas ainda temos alguns espaços fechados e ângulos impressos estranhos, então vamos continuar. Então temos limiar. Esta ferramenta permite que você escolha um valor para criar o traçado preto e branco da sua imagem original. Assim, à medida que você move o mostrador junto com a faixa, todos os pixels mais claros do que o valor escolhido são convertidos em branco e todos os pixels mais escuros do que os valores são convertidos em preto. Para este projeto, encontrei 25 como o meu ponto ideal. Em seguida, sob a guia avançada, temos paths.This controla o quão apertados os caminhos que estamos criando se encaixam juntos. Um valor de caminho mais baixo terá caminhos mais apertados, e um valor maior terá caminhos mais soltos. O padrão é 50, mas aqui está o que parece, muito alto e muito baixo. Meu ponto ideal, aqui está 95. Agora para os cantos. Essa configuração permite que você escolha quantos cantos teremos em nossa imagem vetorial. Um valor mais alto tem mais cantos e um valor mais baixo tem menos cantos. Estávamos indo para aquele olhar suave desenhado à mão, então eu vou definir as curvas em zero. Em seguida, temos barulho. Essa configuração escolhe quais áreas de pixels serão ignoradas quando rastreadas. Um valor mais alto tem menos ruído, significa que mais serão ignorados, e um valor mais baixo tem mais ruído, significa que menos é ignorado. Eu quero pegar um monte de detalhes finos, então eu vou definir isso em um pixel. Sob o método, queremos ficar com a primeira opção pegou um brotamento, que irá criar recorte caminhos separados ou formas. Em seguida, em criar, queremos que os preenchimentos sejam verificados, modo que criemos regiões preenchidas, também conhecidas como formas, e não apenas caminhos traçados ou linhas. Agora que temos todas as nossas configurações como gostamos delas, basta clicar em “Escolha”. Você pode ver que nossa arte ainda parece ser uma imagem plana. Para realmente obter as linhas vetoriais, temos que subir aqui e clicar em “Expandir”. Agora você pode ver todos os caminhos individuais, mas você notará que o Illustrator agrupou tudo.
Por isso, basta clicar com o botão direito do mouse na imagem e clicar em “Desagrupar”. Você terá que fazer isso algumas vezes até que tudo seja realmente desagrupado e todas as formas sejam individuais. Agora você pode ver que tudo é individual e não agrupado. Isso nos permitirá agrupar as formas como gostamos, em vez de tê-las agrupadas como uma peça de arte. Agora vamos seguir em frente e fazer os ajustes finais para refinar nossos vetores.
6. Passo 5: refinar os vetores: Passo cinco, vetores refinados, pequenos ajustes. Agora é hora de fazer nossos ajustes finais em nossos adoráveis vetores. Primeiro, vamos dar um zoom nesta pequena pizza. Você pode ver que tudo aqui é uma forma, mesmo as coisas que não estão preenchidas com uma cor e que nós nunca queremos que ele seja preenchido com uma cor, como o interior do A e P na minha etiqueta de pizza. Então, se eu destacar nossa etiqueta de pizza aqui e eu decidir que quero preenchê-la com a nova cor, que é um dos grandes benefícios de ter um vetor em vez de uma imagem de pixel, isso é o que acontece, e nós não queremos isso. Isso significa que temos que passar e deletar as formas que não queremos que nunca sejam preenchidas. Agora que eu fiz isso, se selecionarmos o rótulo e escolhermos uma nova cor, viola. Outra coisinha que notei que está fora daqui é o ponto no i. É muito pequeno. Não coincide com o resto das linhas e não será legível em um tamanho pequeno. Então vamos encontrar outro ponto de outro i que faça um trabalho melhor. Este é melhor então eu vou selecionar este ponto e apertar o Comando C para copiá-lo, e depois voltar para a minha pizza. Agora, eu vou apertar o Comando V para colar, colocá-lo em cima do ponto original, e depois excluir o ponto inferior. Agora que fiz todos os meus ajustes e estou feliz com este rótulo, vou selecionar a coisa toda e agrupá-la. Dessa forma eu posso selecionar ou movê-lo como uma peça e não perder nenhuma parte dela. Eu também posso recolorir quando ele é agrupado assim. Agora vou passar por todos os meus rótulos de tipografia e fazer esses ajustes, excluindo as formas internas que eu não quero, e substituindo os pequenos pontos por um ponto maior. Eu também vou fazer um pouco de mexer com o espaçamento entre letras, certificando-se de que tudo parece legal e legível. Além disso, há alguns pontos nas ilustrações de alimentos que eu
também vou substituir com o ponto maior para ter consistência. Então, no final, eu vou agrupar todas as formas em cada ilustração e todas as formas que eu preciso para rotular juntos, assim como eu fiz com a pizza. É isso. Aqui vou eu para fazer tudo isso.
7. Passo 7: apresentação: Passo 6, presente. Agora temos a nossa série gastronômica vetorial ilustrada à mão. A partir daqui, você pode fazer imagens de apresentação para mostrar sua série como estas. Acabei fazendo minhas ilustrações em um conjunto de ícones, então fiz essas imagens de apresentação para mostrar os detalhes e especificações do produto. Muito obrigado por se juntar a esta classe, e espero que você decida fazer seus próprios conjuntos de ilustração gastronômica desenhados à mão. Espero vê-lo na próxima aula e desenho feliz.
Christine Nishiyama, Artist at Might Could Studios
