Contornando no Adobe Illustrator

1. Introdução: Oi. Meu nome é Melissa [inaudível], e sou designer gráfico freelancer e ilustrador. Além de assumir os shows freelance normais, eu também crio minhas próprias ilustrações de ações e fontes para venda no Creative Market. Vou ensinar o básico da tinta no Adobe Illustrator e você também aprenderá a adicionar cores planas às ilustrações, além de luz e sombra. Você também aprenderá a criar seus próprios pincéis personalizados. Para toda a classe, usaremos o Adobe Illustrator, bem como um tablet de desenho. Durante a aula, eu fornecerei uma planilha de prática para que você acompanhe também, bem como um projeto de classe. Para o projeto, estaremos criando botânicos. Isso é qualquer coisa, desde flores completas até apenas as pétalas, folhas ou até mesmo ramos. Tudo depende de você. Nosso tema da natureza nos dará a base perfeita para nós realmente começar e praticar as técnicas de tinta e técnicas de coloração. Se você estiver interessado em aprender um pouco sobre como criar sua própria arte vetorial no Adobe Illustrator, sem usar a ferramenta Caneta, formas ou traço ao vivo ou talvez se você estiver realmente animado para desenhar alguns botânicos, clique em inscrever-se e vamos começar no próximo vídeo. 2. Criando pincéis personalizados: Então, vamos fazer nosso primeiro pincel personalizado para tinta no Illustrator. Eu já abri o documento. É uma folha de papel A4 paisagem no espaço de cores RGB. No lado direito, abri a maioria dos painéis que utilizarei nesta classe, incluindo as amostras de cores, o painel de camadas e a ferramenta pathfinder para citar alguns. Então, para começar, vamos abrir o painel de pincéis. Se você ainda não tiver aberto, vá para Janela, que pode ser encontrada no menu, e selecione pincéis. Agora que isso está aberto, vamos apenas arrastá-lo e soltá-lo em nosso espaço de trabalho. Há um menu suspenso no painel de pincéis. Vamos clicar sobre isso e selecionar Novo pincel. Então o que acontece agora é que uma janela aparecerá nos perguntando qual pincel gostaríamos de criar. Deixe-me apenas dar-lhe uma visão geral rápida dos diferentes tipos de pincéis. Então, um pincel caligráfico, que é o que vamos usar, cria pinceladas que parecem ter sido feitas por um pincel ou uma ponta de caneta. Verá o que quero dizer em um momento. Os próximos dois que estão acinzentados são os pincéis de dispersão e arte. Ambos os pincéis são criados usando objetos vetoriais, é por isso que eles estão esmaecidos porque na verdade não temos nenhum trabalho artístico selecionado. Portanto, um pincel de dispersão distribuirá o objeto selecionado ao longo do caminho que você desenha. Enquanto isso, o pincel artístico esticará seu objeto pelo caminho que você desenhou. O pincel de cerdas cria pinceladas que se parecem com escovas naturais com cerdas, para que sejam mais texturizadas. Por último, o pincel padrão, este irá aplicar os padrões que você cria aos caminhos que você desenha. De qualquer forma, como eu disse antes, usaremos o pincel caligráfico. Podemos esquecer os outros por enquanto. Então, uma vez selecionada, eu tenho uma nova caixa de diálogo que se abre. Uma das primeiras coisas que você verá é a ferramenta de editor de pincel. Então aqui você pode mudar a forma e o ângulo do seu pincel para imitar uma ponta real. Eu gosto de manter meus pincéis de tinta com 100 por cento de arredondamento, que significa que não importa se eu aplicar um ângulo. Agora, para o tamanho do ponto, o valor que você inserir aqui será o tamanho de ponto padrão do pincel. Mas o que realmente importa é que no menu suspenso selecionamos pressão. Isso permite que o Illustrator saiba que queremos que a pressão da nossa caneta dois determine o tamanho do ponto do nosso pincel a qualquer momento. Depois que selecionamos a pressão, a opção para definir a variação fica disponível. O tamanho do ponto que entramos aqui determinará o menor tamanho e tamanho maior que nosso pincel pode ser. Então, para um pouco de matemática simples, se criarmos uma variação de três pontos e sete pontos é nosso tamanho padrão, isso significa que nosso menor tamanho será quatro e nosso maior será 10. Você pode ver a diferença de tamanho acontecendo na caixa de exibição ao lado do editor. Dê uma olhada no que acontece quando eu derrubei a variação para apenas dois pontos em vez de três, tudo se reajusta. Então, agora que está feito, a última coisa que eu gosto de fazer é nomear meu pincel de acordo com seu tamanho, apenas para minha própria referência. Então eu vou chamar este de sete pontos e apertar “Ok”. Agora, em nosso painel de pincéis, temos nosso novo pincel. 3. A folha de prática: Vou rever a folha de treino neste vídeo. Você pode acessar este arquivo para download na guia do projeto de classe. Uma vez aberta, basta bloquear a folha de prática e desenhar em uma nova camada. O que quero que se concentre é criar os mesmos traços que os acinzentados por baixo. Usando nosso novo pincel personalizado ou ter uma sensação quanta pressão precisamos aplicar para criar as linhas que queremos. Algo que você notará imediatamente é que as linhas que eu estou criando ouvir não estão variando em espessura e magreza tanto quanto as que estão por baixo. Mas tudo bem, eu posso consertar isso. Vamos voltar ao pincel e clicar duas vezes para abrir o editor novamente. Sob Variation, vamos elevá-lo até sete pontos. Agora olhando para os tamanhos exibidos na caixa branca, podemos ver a diferença é muito drástica. Quando eu apertei Ok, o Illustrator quer saber se queremos aplicar as alterações aos traços que já fizemos. Vamos em frente e fazer isso só por diversão. Agora podemos realmente ver a diferença. Vamos continuar com o lençol. Tenho algumas dicas para você nas caixas verdes. Uma das minhas principais dicas é que quando você está pintando, eu sugiro que você comece de fina a grossa. Quando você está usando uma caneta tradicional, isso não importa muito, mas quando você está usando o Illustrator, pode ser complicado criar uma linha muito grossa e depois tentar reduzi-la. Às vezes, o Illustrator registra isso enquanto você tira sua caneta do tablet e isso quebrará sua linha. Não é impossível ir de grosso para fino, mas é mais seguro quando você começa levemente e aumenta a pressão para que suas linhas não quebrem. Para criar linhas sólidas sem espessura variável, você pode criar uma nova caneta ou manter a mesma pressão em toda a linha, o que pode ser um pouco complicado. É preciso praticar um pouco. Para criar a tinta bem como nós fazemos com os pontos, tudo o que você tem a ver com segurar sua caneta em um ponto e pressionar para baixo. algum momento é estranhamente o suficiente, quando você tira a caneta do tablet, seu ponto vai desaparecer, mas está tudo bem. Faça isso novamente ou mova sua caneta um pouco para que o Illustrator a mantenha como está. Baixe esta folha de prática e experimente você mesmo. Porque a melhor maneira de aprender é através de uma abordagem prática. Não se esqueça de postar seus resultados em seu projeto de classe quando terminar. 4. Demonstração de contorno de flor: Neste vídeo, vou fazer uma demonstração para vocês todo o meu processo do início ao fim. É assim que eu iria pintar e eventualmente colorir em meus desenhos. A primeira coisa que quero falar é sobre este esboço. O que eu tenho aqui é um desenho a lápis e não é nada especial. Eu usei um lápis com chumbo, desenhei meu caderno de esboços e tirei uma foto dele com meu telefone para que eu pudesse carregá-lo aqui. Tem uma quantidade de detalhes de tarifa, mas definitivamente faltam algumas linhas que vou colocar na minha tinta final. Na verdade, a maioria das linhas nessas pétalas são para referência de cor. Por exemplo, os pontos serão pintados em cores e não na verdade em tinta preta. Quando eu estava inicialmente desenhando essa Lilly, eu já estava imaginando como eu queria que ele ficasse em cores. Agora, para que suas flores pareçam um pouco mais delicadas e não tão duras, o que você pode fazer é evitar pintar cada pequeno detalhe. As linhas principais que coloquei são as linhas escuras ao redor das bordas. Estas linhas estão simplesmente lá para dizer a um espectador que uma pétala é separada da outra. O próximo conjunto de linhas que não aparecem neste desenho são as linhas que faltam de que eu estava falando. Essas linhas secundárias e mais finas que eu desenho são usadas para dar forma ou forma tridimensional à minha imagem. Essas linhas mais leves enfatizarão a flexão, o enrugamento e a torção das pétalas no espaço. Esta demo vai ser soberba, para que não acabes sentado a ouvir para sempre a ver-me desenhar algumas linhas. Vou explicar alguns pontos aqui e ali sobre o que olhar para fora ou o que você pode fazer para tornar suas flores um pouco mais interessante. Aqui vamos nós. Para começar, eu só vou escurecer a imagem para baixo para que não seja tão contrastante. Vou começar a desenhar em uma nova camada. Você pode notar aqui, eu criei vários pincéis diferentes todos em diferentes tamanhos de ponto, 7, 5, 3, e eu acredito que 2, esqueci de renomear isso. Começarei desenhando todas as linhas realmente grossas. Eu realmente não vou me preocupar com pequenas linhas internas até muito mais tarde. Agora, quando você está rastreando não precisa exatamente ser perfeito. É um pouco mais divertido quando você pode apenas fazer as pazes enquanto você vai em frente. Se você não gostar de algo, basta pressionar Command Z para desfazê-lo se estiver em um Mac ou Control Z se estiver em um PC. Segure a barra de espaço para abrir a ferramenta de mão pequena para que você possa mover o desenho. Algo realmente bom sobre usar o Illustrator para pintar e talvez não Photoshop é que se eu brincar ou bagunçar minha linha, eu sempre posso ajustar o caminho. Eu posso simplesmente escolher um ponto de ancoragem e movê-lo ou usar as alças para ajustá-lo, ou simplesmente excluí-lo. A maneira que eu estou variando a espessura e a fina, é realmente apenas, eu tendem a fazer uma linha muito grossa onde ele se conecta a algo como bem aqui. Normalmente em um curso para baixo, eu vou torná-lo escuro também e então quando estamos indo cima eu tendem a fazer isso um pouco mais fino um pouco mais leve. Novamente, muitas vezes começando onde eu quero que as coisas sejam finas e, em seguida, se movendo para grosso. Algo que eu também gosto de fazer é diminuir o zoom de vez em quando e desligar o esboço para ver como ele está se parecendo. Às vezes, honestamente, parece uma bagunça total. Mas você só tem dois para continuar. Confie em si mesmo e confie no processo. Como eu disse, nós sempre podemos ajustar linhas específicas à medida que avançamos, ou se você quiser, você pode simplesmente deixar tudo para o fim e apenas ajustá-lo mais tarde. Eu acho que eu poderia realmente mudar o pincel aqui para algo um pouco menor porque estes pequenos pedaços aqui são realmente muito pequenos. Quando estou usando um pincel grosso, ele os sobrecarrega um pouco, torna-os um pouco grossos e um pouco difíceis de distinguir. Estes caules às vezes podem ser um pouco complicados porque eles são praticamente héteros. Infelizmente, com o Illustrator não é possível girar a tela. Ele pode colocar seus braços em uma posição um pouco embaraçosa. Mas é aí que eu gosto de contornar tudo e, em seguida, voltar e ajustar os caminhos mais tarde usando meu cursor. Como eu disse, não precisa ser perfeito. Não se preocupe com isso. Basta permitir-se experimentar com as diferentes linhas, a espessura, a magreza e divirta-se. Mova-se um pouco e desligue isso novamente. Parece um pouco engraçado. Agora, vou começar a fazer as linhas interiores. Eu gosto de usar um pincel muito, bem, muito mais fino para isso, você pode notar a diferença nos pincéis que eu estava usando, mesmo neste. Vou usar o pincel mais fino que tenho. Mesmo com o pincel mais fino, na verdade, eu posso torná-lo ainda mais divertido. Independentemente do tamanho de ponto que você faça seu pincel aqui, o tamanho do traçado sempre aparecerá como um por padrão e você pode ajustar isso para alterar o tamanho. Eu vou bloquear esta camada e fazer minhas linhas secundárias em outra camada apenas no caso de eu realmente estragar tudo e querer excluí-los todos. Vou colocar alguns desses porque são linhas muito importantes para uma flor de lírio. Agora o que eu estou colocando nas linhas secundárias, como eu disse, eu estou olhando realmente para mostrar onde as pétalas se dobram e onde elas se dobram. Só estou tentando criar a sensação de que é um objeto tridimensional. Você pode realmente apenas experimentar aqui com as diferentes linhas e ver o que você gosta e o que você não gosta, o que funciona e o que não gosta. Às vezes, para as linhas secundárias também, gosto de colocar onde haveria escuridão de abelhas. No centro da flor, haverá muito contraste lá. Não tanta luz vai atingir a parte central como seria esta parte aberta das pétalas. Às vezes eu adiciono mais linhas aqui só para passar esse ponto ou até aqui embaixo onde este pedaço da pétala está embaixo dessa. Reduza o zoom com frequência, aperte também se isso ajudar. Eu costumo desenhar um monte de linhas para coisas como sombras ou sombreamento. Mas essa não é a única maneira de fazer isso. Você pode praticar cross-shatching se quiser, você pode praticar stippling. Crosshatching seria algo mais parecido com isso, ou o stippling que é os pontos para criar sombra e um pouco de gradação. Podemos ver com as linhas secundárias que adicionamos, acrescenta muito mais dimensão, especialmente olhando bem aqui, você pode ver as dobras e os enrugados, um pouco das sombras. Vamos continuar assim. Eu realmente acho que muitas das minhas linhas secundárias são um pouco grossas demais. Apertei o Comando A ou Controle A para destacar todos eles. Eu só vou tentar clarear um pouco, mudar o curso para que eles fiquem um pouco mais finos, e já gosto muito mais disso. Lembre-se de que também adicionaremos sombras com cores, então não sinta que você precisa desenhar cada linha para dar o toque de sombra. Eu tentei colocar em linha apenas o suficiente para que o desenho de tinta possa ficar sozinho sem cor e ainda dar um bom senso ao espectador de forma e um pouco de sombra. Por enquanto, é só a tinta desenhada. 5. Amostras de cores: Antes de começar a preparar nossa imagem para cores completas, eu só quero passar brevemente as amostras primeiro. No meu painel Amostras, você notará que eu realmente tenho um monte de novas cores. Para obter essas cores, tudo que eu fiz foi pegar a ferramenta Conta-gotas no Photoshop e provar algumas cores reais de fotos de referência de lírios que eu tinha. Você não precisa tirar cores reais de fotos. Se você quiser, você pode simplesmente criar algumas novas amostras de cores você mesmo ou você pode ir a um site como colourlovers.com e selecionar uma palete lá que você gosta como base para começar. Alternativamente, você também pode abrir a Biblioteca de Amostras e selecionar uma delas para usar, como a Biblioteca de Flores ou Folhas. Você vai notar que todas as minhas amostras ouvem tem essas pequenas setas na parte inferior e isso significa que eles são realmente amostras de cores globais. Amostras globais são incríveis e eu as uso o tempo todo em minhas próprias ilustrações. Eles me permitem fazer edições ao vivo em uma única cor, e onde quer que essa cor apareça na minha ilustração, ela será ajustada automaticamente. É uma ferramenta muito útil. 6. Adicionando cores uniformes: Agora podemos realmente começar a preparar nossa ilustração para uma cor. A primeira coisa que vamos fazer é clicar em “Comando A” para destacar tudo, e vamos criar uma nova camada, comando C ou controle C para copiá-lo. Vamos apenas esconder tudo e, em seguida, comandar ou controlar V para colar tudo na nova camada. Agora com tudo selecionado, vamos para “Objeto”, “ Expandir Aparência”, e o que isso faz é transformar todos os caminhos que tínhamos em formas. Vamos descer para ouvir a nossa ferramenta de busca e vamos usar o Unite. Agora, todas essas formas individuais são transformadas em uma forma grande. Novamente, se você não tiver o painel do pathfinder aberto, você pode encontrá-lo em “Window”. Agora eu vou apenas criar outra nova camada. Vou colocar isso abaixo deste. Este é o que vamos preencher com a nossa cor base. Quero que a maior parte da flor seja cor-de-rosa. Agora vou destacar os dois. Aqui em baixo, temos a ferramenta de fusão. Nós vamos desagrupá-lo, e você vai notar que o que isso faz é cortar nosso trabalho de linha desta praça. Posso apagar tudo isso e de repente tenho uma flor rosa. Posso selecionar minha linha de trabalho. Para obter todo o meu trabalho de linha, o que eu vou fazer é ir para “Selecionar”, “Mesmo”, “Cor de preenchimento”, e isso vai escolher todo o preto e eu vou apenas mover para cima, para baixo para que eles estejam separados. Lá vamos nós. Você pode ver como foi cortado. Esta é a minha cor base. Podemos nomear nossas camadas para não nos confundirmos. Vamos bloquear nossa camada de tinta, e vamos começar a destacar da base as peças que queremos que sejam outras cores. Os caules vão ficar verdes, então não tenho que me preocupar com isso. Vou deixar todos verdes e tornar a minha vida mais fácil. Às vezes, quando estou tentando mudar as cores de peças particulares, elas podem ser um pouco difíceis de pegar porque há tantas peças pequenas, então o que eu gosto de fazer é destacar os objetos que eu sei que eu não quero mudar o cor de. Vou destacar a pétala rosa, por exemplo, e apertar “Command 2" ou “Control 2" que bloqueia esses objetos, que significa que não posso mais selecioná-los. 7. Finalizando com sombras e realce: Agora podemos realmente começar a adicionar detalhes à nossa farinha. Para fazer isso, vamos usar a ferramenta pincel blob. A ferramenta de pincel de blob pode ser encontrada sob o mesmo painel é a ferramenta de pincel onde você pode usar o atalho de teclado “Shift B para acessá-lo. A diferença entre a ferramenta Pincel de blob e a ferramenta de pincel é que a ferramenta de blob criará formas nas quais a ferramenta de pincel criará caminhos. Saltamos um passo extra para nós, onde se estivéssemos pintando nossos detalhes com a ferramenta de pincel, teríamos que expandir nossa forma depois ou expandir nosso caminho depois. Eu criei outra camada em cima da minha camada base para começar a pintar nas cores. Quando você estiver pintando com a ferramenta Blob, sempre que pintar sobre uma linha que já criou, ela mesclará automaticamente essas formas para criar uma forma maior. ouvir eu posso clicar na forma que eu criei e você vai notar que é tudo uma forma gigante e não um monte de pequenos traços individuais. Às vezes eu roubei referência ao meu desenho original só para ter certeza de que estou no caminho certo. Tudo o que estou fazendo agora é apenas adicionar mais e mais detalhes à flor. Mais tarde, vou adicionar sombras de soma. Quando estou adicionando sombras, gosto de usar uma versão mais escura da cor que estou pintando em cima. Para as sombras nos pedais, usarei um rosa mais escuro. Para as sombras nas hastes, usarei um verde mais escuro. Eu não gosto de usar cinza ou preto porque pode ser duro. Às vezes vai ofuscar a sua imagem. Aqui, em vez de adicionar mais sombras, eu decidi fazer o oposto e adicionar um pouco de destaques em vez disso. O marrom já está muito escuro e eu realmente não quero ficar mais escuro. Em vez disso, vou adicionar pequenos pops de cor. A última coisa que vou fazer é mudar a cor da tinta. Como eu disse antes, cinzentos e negros podem ser duros. Vou mudar para azul marinho. É isso. Você tem uma ilustração colorida acabada de uma linda flor. Parabéns. 8. Considerações finais: Então é isso. Você fez isso. Você aprendeu como criar seu próprio pincel personalizado, como pintar tinta no Adobe Illustrator e como colorir completamente seu trabalho artístico vetorial. Então eu realmente espero que você tenha aprendido algo valioso nesta aula e não se esqueça de praticar, poste seu projeto nos projetos da classe abaixo para que você possa obter feedback e reconhecimento por todo o seu trabalho duro. Mal posso esperar para ver o que você inventou.