Noções básicas do Illustrator: a ferramenta Construtor de formas

1. Introdução: Oi pessoal, meu nome é Dylan Mierzwinski, designer gráfico e entusiastas de costura que vivem em Phoenix, Arizona. Nesta classe de escultura, eu quero deixar você em sobre o poder de ilustradores ferramenta construtor de forma para combinar, cortar e criar formas para vários caminhos. Você está pronto para que seu fluxo de trabalho de ilustração fique mais fácil? Vamos começar. 2. Projeto do curso: Para esta aula, gostaria que completasse uma ilustração de um monstro. Eu encorajo você a construir seu pequeno cara a partir de formas simples, que você possa se concentrar em maneiras de incorporar a ferramenta construtor de formas em seu fluxo de trabalho. Quando você postar seu projeto, inclua a versão final, bem como uma captura de tela de sua ilustração e modo de contorno, para que possamos ver essas mesas organizadas. Sinta-se livre para usar o meu como inspiração ou modelo. Você pode encontrar as instruções passo a passo na barra lateral da guia do projeto de classe. 3. Trabalhando em partes: Quero começar dizendo que existem várias maneiras de alcançar os mesmos resultados no Illustrator. Neste curso, vou mostrar a vocês como usar a ferramenta de construtor de formas porque é isso que eu uso pessoalmente, e descobri que isso tornou meu fluxo de trabalho no Illustrator muito mais fácil e muito mais rápido. Deixe-me dar-lhe um exemplo. Se eu quisesse fazer uma forma de lua crescente, então eu poderia usar a ferramenta de busca. Tenho dois círculos sobrepostos. Eu poderia selecionar os dois, ir para o meu pathfinder e bater menos frente e o que me resta é a forma crescente que eu estou procurando. Ou eu poderia pegar essas mesmas duas elipses, selecionar as duas, pegar meu construtor de formas e simplesmente me livrar das formas que eu não quero. O que resta é exatamente a mesma forma crescente. Meu ponto é que embora eu esteja mostrando a ferramenta de construtor de formas, você deve usar o que você está mais confortável. Noventa e nove por cento das vezes eu uso a ferramenta de construtor de formas. Mas de vez em quando, uma das funções do pathfinder faz mais sentido para mim. Isso está totalmente bem. Agora vamos saltar para dentro. A melhor maneira de ter sucesso com a ferramenta de construtor de formas é começar a pensar como a ferramenta de construtor de formas. Por exemplo, eu tenho esta folha aqui que eu desenhei. É feito de oito formas separadas. Eu tenho essa forma de fundo atrás. Eu tenho seis formas nos lados, esses pequenos segmentos de folhas, e então eu tenho uma forma subindo pelo centro. No entanto, quando eu uso a ferramenta construtor de forma, ele vai quebrar isso em pedaços e essas peças são definidas por onde essas formas estão se sobrepondo. Mesmo que eu tenha desenhado apenas oito formas, você pode ver que as peças com que eu tenho que trabalhar de onde todas estas se sobrepõem são bastante imensas. Mesmo que esta seja uma forma, ela realmente é quebrada em três pedaços porque ela se sobrepõe com esta folha aqui, e ela se sobrepõe com a haste do meio. A ferramenta construtor de formas nos dá acesso a todas essas peças para extrair, combinar e aparar para obter a forma final que queremos. No caso desta folha, você pode ver que eu usei ferramenta construtor de forma para cortar todo o excesso que estava pendurado fora da forma folha exterior e, em seguida, eu também usei para combinar todas estas formas amarelas em um em vez de tê-los ser Separados. Se eu olhar para o que o contorno do que parece, você pode ver que tudo é muito mais limpo. Outra razão pela qual eu amo o construtor de formas é que sem esforço me dá correspondência linhas compartilhadas. Para mostrar o que quero dizer, vou entrar no modo de contorno real. Vou pressionar “Command” ou “Control Y” no teclado ou subir para ver um contorno. Um modo de contorno corta todo o excesso e nos mostra apenas os caminhos que estão formando nossas formas. Se eu ampliar aqui, você pode ver que bem aqui, eu tenho uma linha compartilhada onde esta linha bem aqui e o lado de fora do encontro folha é compartilhada e usando a ferramenta construtor de forma, ele cortou ambos para ser exato. Eu não tenho que me preocupar em ficar muito perto, mas na verdade ter essa forma pendurada um pouco. O construtor de formas faz tudo isso por nós e faz isso perfeitamente todas as vezes. Deixe-me mostrar-lhe outro exemplo. Aqui em baixo eu tenho esta abóbora e eu desenhei a forma de abóbora fora, eu desenhei as formas de vinco, que você pode ver estão penduradas no fundo da abóbora. Eu desenhei o caule, que é apenas colocado em cima de tudo e então eu tenho o topo do caule, que neste ponto apenas parece um chapéu estranho e nem parece que ele pertence à ilustração. Se eu olhar para o contorno, você pode ver que é muito louco. Temos muita sobreposição acontecendo aqui. Temos o boné estranho aqui em cima e temos o excesso pendurado no fundo. Mas como conversamos, posso olhar para isso e ver peças. Eu sei que eu posso usar esta linha de abóbora fora para cortar todo esse excesso e então eu posso trabalhar fora maneiras de cortar o caule para caber perfeitamente dentro desta abóbora e novamente, cortar o excesso dessas outras linhas. O mesmo para o topo do caule. Tudo o que tenho que fazer é cortar o excesso baseado em onde esses dois caminhos se sobrepõem. O resultado final que eu recebo é muito mais limpo e ainda melhor quando eu olho para os meus caminhos, eu posso ver que tudo está alinhado perfeitamente e meus caminhos são no geral mais puro. Agora, por que me importo tanto com tudo ser tão perfeito? Por um lado, torna a edição de suas ilustrações muito mais fácil. Em vez de apenas organizar as coisas em uma ordem complexa e esperar que pareça bem, eu sei que tudo é muito preciso e olhando exatamente como eu quero. É mais fácil para mim recolorir. É mais fácil para mim agrupar e recolocar as coisas. No geral, só torna meu fluxo de trabalho muito mais fácil. Mais um exemplo é que uma coisa comum que vem acontecendo na ilustração plana é que as pessoas gostam de ter sombras em 1.5 da ilustração. Agora, você poderia conseguir isso com a ferramenta pathfinder, mas provavelmente teria que fazê-lo em várias etapas e fazer várias cópias de formas para usar como guias de corte. Mas com a ferramenta de construtor de formas, eu posso fazer isso em um único passo. Você pode ver que eu tenho este retângulo aqui que é preto e 15% de opacidade e eu tenho sobre a metade da ilustração que eu quero ter uma sombra. Bem, já que estão se sobrepondo, tenho acesso a esta linha para poder aparar perfeitamente a sombra que não quero sair dali. O mesmo vale para aqui em baixo. Com um clique, sou capaz de me livrar de todo esse excesso e ter a sombra perfeita sobre minha ilustração. Comece a tentar ver suas ilustrações como peças onde os caminhos estão sobrepostos em vez das formas separadas e você vai pegar a ferramenta de construtor de formas muito rapidamente. 4. Extraindo e combinando: Vamos começar a usar a ferramenta de construtor de formas. Vamos começar aprendendo a extrair e combinar formas, e eu vou usar esses dois hexágonos. Eu vou fazê-los se sobrepor, e embora saibamos que temos duas formas aqui, vamos pensar como construtor de formas, que significa que se eu entrar no modo de contorno, você pode ver que eu potencialmente tenho três peças com as quais posso trabalhar para criar novas formas. Se eu selecionar ambos e pressionar “Shift M”, você pode ver qual é como eu chegar a ferramenta construtor de forma. Também está na barra de ferramentas, parece que uma nuvem ou dois círculos de tamanhos diferentes sendo unidos por uma linha pontilhada. Você pode ver que se eu passar por cima dessas peças, com certeza, é registrá-las como peças separadas em vez de dois hexágonos. Se eu quiser extrair uma forma dessas peças, dizer que eu quero fazer uma nova forma, tudo que eu tenho que fazer é clicar uma vez, e se eu sair do modo de contorno e pegar minha ferramenta de seleção, você pode ver que com certeza eu era capaz para fazer um diamante de onde eles estavam se cruzando. Se eu quiser combinar algumas formas, então eu as seleciono, entro no modo de contorno, aperto “Shift M.” Tudo o que tenho que fazer é clicar e arrastar. Agora eu combinei essa forma esquerda com um diamante no meio, e o que me resta é um hexágono e esta forma no lado direito. Há algumas coisas que eu quero que você anote. Por um lado, quando estamos extraindo, mesmo sabendo que temos duas formas aqui, e que tecnicamente haveria um diamante azul no topo e um diamante rosa abaixo, onde eles estão se sobrepondo, ferramenta construtor de formas está realmente apenas vendo estes como pedaços. O que significa que não vai ver dois diamantes aqui, só vai ver um. Se eu clicar para extrair o diamante no meio, e movê-lo, você pode ver que não há nada deixado para trás, ele faz verdadeiros cortes onde esses caminhos estavam se sobrepondo. Outra coisa que é realmente grande, que foi um pouco mais difícil de fazer com a ferramenta Pathfinder, é que eu posso ter várias formas sobrepostas, e apenas dizer à ferramenta construtor de formas para prestar atenção ao que eu quero trabalhar. Agora eu tenho quatro hexágonos, se eu entrar no modo de contorno, você pode ver que temos um monte de caminhos sobrepostos e cruzados que eu poderia criar formas potenciais. No entanto, digamos que eu só quero trabalhar com os dois hexágonos da frente. Eu posso ir em frente e selecionar os dois, pegar minha ferramenta construtor de formas, e combinar ou extrair o que eu quiser. Mesmo que todos esses caminhos estavam se sobrepondo, ferramenta construtor de formas só prestou atenção às formas que selecionamos, o que é muito bom. Agora você pode ver que eu tenho sobras exatamente o que eu pensei que eu teria, sem interromper essas formas aqui em cima. Deixe-me mostrar-lhe como podemos usá-los em ação. Eu quero fazer uma pétala dessas duas formas, e eu vou fazer isso de onde eles estão se cruzando. Eu vou apertar “Shift M” e eu vou extrair essa forma no meio, e eu não preciso disso, então eu vou me livrar deles. Agora, eu quero girar esta pétala em torno de um círculo, a fim de fazer a flor forma. Eu vou pegar minha ferramenta de rotação pressionando “R” no meu teclado, e eu quero ir em frente e clicar e arrastar este ponto de âncora rosa para baixo para baixo. Esse ponto de ancoragem está dizendo à ferramenta de rotação onde ela deve girar a pétala ao redor. Por padrão, ele está no centro, mas eu quero girar em torno deste ponto inferior. Agora eu vou manter pressionado “Option” ou “Alt” no meu teclado, até que eu veja esses três pontos ao lado do meu cursor. Você vê isso? Vou clicar naquele ponto de âncora rosa. Isso abre a caixa de diálogo girar, e agora eu posso trabalhar girando esta pétala de flor. Uma das coisas que mais gosto no Illustrator é que não me obriga a fazer contas. Ele vai fazer as contas para mim, e como eu sei que estou girando esta pétala em um círculo, eu sei que estou trabalhando com 360 graus para começar. Digamos que eu queira 12 pétalas. Em vez de ter que fazer essa matemática, eu posso apenas digitar dividido por 12 e clicar em “Tab”, e o Illustrator vai me dizer que são 30 graus. Eu quero fazer uma cópia do meu original, e agora para apenas duplicar isso, eu vou apertar “Command” ou “Control D” no meu teclado, até que eu tenha pétalas suficientes circulando no círculo. Agora tenho 12 pétalas a fazer a minha flor, todas a partir da forma extraída daqueles dois círculos sobrepostos. Se eu quiser trabalhar na combinação de formas como, você pode ver que eu tenho esta nuvem aqui, se eu selecioná-los, você pode ver que a nuvem é composta de quatro formas separadas, mas várias peças onde eles se sobrepõem. Eu seleciono todos eles, aperto “Shift M”, e eu vou seguir em frente e desenhar uma linha para conectar todos eles, e agora eu tenho uma forma. Agora, uma coisa que você deve saber é que era uma combinação bem simples, então eu não me importava de clicar e arrastar para combinar todos eles. No entanto, se eu quisesse combinar esta flor em uma forma em vez de pétalas separadas, você pode ver quando eu selecionar tudo, que eu tenho um monte de caminhos se juntando aqui, e então poderia realmente ser mais trabalho para mim tentar e clicar e arraste e certifique-se de que eu estou recebendo todas essas peças sem deixar nada de fora. Às vezes, se eu tiver um conjunto realmente complexo de caminhos sobrepostos, em vez de usar a ferramenta de construtor de formas, eu vou para o Pathfinder logo aqui em baixo. Se você não vê-lo em sua barra lateral, você pode ir para Janela e Pathfinder, e eu vou clicar neste “Modo Primeira Forma”, que vai unir tudo. Isso é um por cento que eu estava falando quando às vezes a ferramenta construtor de formas não é o que eu procuro e eu vou para um Pathfinder em vez disso. Em revisão, se você quiser extrair formas de caminhos sobrepostos, tudo o que você precisa fazer é clicar. Se você quiser combiná-los, basta clicar e arrastar. 5. Aparando: Nós já passamos pela parte mais difícil da ferramenta Construtor de Formas, e isso é entender que ela funciona em pedaços. Agora que extraímos e combinamos formas, é muito fácil mostrar como cortá-las. Em um vídeo anterior, eu mostrei a vocês o exemplo da lua crescente, e para fazer isso, tudo o que eu tinha que fazer era cortar algumas formas. Então eu vou para ir em frente e selecionar ambos e eu vou para o modo de contorno e para obter a minha forma de lua crescente, você pode ver que eu já tenho isso criado aqui, que significa que esta forma no meio e esta peça Aqui são ambos estranhos e eu não preciso deles. Então, eu vou pegar minha ferramenta de construtor de formas pressionando Shift M. Em vez de clicar e clicar ou arrastar, eu vou manter pressionada Option ou Alt no meu teclado. Você pode ver que o pequeno sinal de mais ao lado do meu cursor se transforma em um sinal de menos, então eu sei que ele vai fazer o que eu quero. Posso clicar um de cada vez ou clicar e arrastar. Assim, livra-se do que eu não quero. Vejamos outro exemplo. Aqui embaixo, eu tenho uma folha de palmeira que eu desenhei, e eu tenho essas formas extras desenhadas em cima, e essas são formas de sacrifício. Eu os desenhei apenas para que eu possa usá-los para cortar pedaços das folhas. Então eu vou ir em frente e selecionar tudo, pressione Shift M, mantenha pressionada a opção no meu teclado, e eu vou fazer tudo isso de uma vez. Só vou entrar em todos estes para se livrar deles. Com um clique e arraste, eu era capaz de fazer uma forma muito mais intrincada. Para ir um pouco mais longe, podemos colocar sombra em metade como eu mostrei antes. Então eu vou ir em frente e desenhar uma forma que vai mais ou menos para baixo no centro disto. Eu não me importo com o que a linha externa parece, porque nós vamos estar usando a linha da folha para ditar onde ela é aparada. Então eu vou pegar isso e colocá-lo para preto. Mude a opacidade, algo mais baixo, faremos 30. Vou selecionar ambas as formas, pressionar Shift M, manter a tecla Option pressionada e clicar uma vez. Assim, parece que temos uma sombra atravessando metade da folha. Voltemos ao primeiro exemplo que mostrei a vocês, e vamos usar tanto o corte quanto a combinação para fazer uma forma mais interessante. A primeira coisa que vou fazer é cortar o excesso que está atravessando o lado de fora da forma da folha. Vou selecionar tudo, aperte Shift M, mantenha pressionada a opção e clique e arraste e vá através de todos estes. Essa parte está feita. Parece que tenho um pouco de excesso aqui em cima. Vou passar por cima disso. Agora, para combinar estes, eu apenas parar de manter pressionada a tecla Option ou Alt, e eu vou apenas clicar e arrastar. Se você não quiser clicar e arrastar em todos eles, você pode abrir o Pathfinder e fazer o Unite. Assim como eles são um. Então, se eu quisesse torná-lo ainda mais interessante, eu poderia selecionar todos eles. Eu tenho que obter a minha ferramenta Shape Builder primeiro, mantenha pressionada a opção e clique uma vez e cortar essa forma fora da forma da folha, e agora eu tenho uma folha ainda mais interessante. Eu era capaz de fazer ambas as funções, combinando e aparando usando a mesma ferramenta e apenas usando teclas diferentes, e é aí que a ferramenta Shape Builder é superior ao Pathfinder. Eu sou capaz de selecionar tudo de uma vez e usar uma ferramenta para criar a forma que eu quero. 6. Traçados: A última coisa que eu quero deixar você entrar é que a ferramenta construtor de formas também funciona com traços. Para este exemplo, eu tenho este pequeno vaso de flores e você pode ver que eu tenho essa decoração que eu quero colocar na base, mas não parece tão grande apenas caindo das bordas. Então a primeira coisa que eu quero fazer é selecionar ambos os traços e o vaso para usar como minha linha de corte, e eu vou pegar minha ferramenta construtor de formas. Assim como aparar qualquer outra coisa, Eu posso manter pressionada Opção e com certeza o suficiente, Eu sou capaz de cortar um acidente vascular cerebral exatamente da mesma maneira, e isso é muito legal. Vou pegar esses círculos também, apertar Shift M. Posso entrar lá? Corte o excesso, e assim, temos um pequeno vaso decorativo. Isso é muito legal que ele funciona com traços também. Eu gostaria de mostrar a vocês um exemplo avançado de como traços poderosos podem ser no design. Eu vou usar a ferramenta construtor de formas, mas eu também vou usar algumas outras ferramentas também. Como eu disse, eles são um pouco mais avançados, mas eu acho que você vai dar um bom escopo de quantas vezes eu uso a ferramenta de construtor de formas. Vou começar desenhando um círculo e acho que a cor não é tão importante, mas lá vamos nós. Eu vou ir em frente e fazer uma cópia mantendo pressionada a opção, e clicando e arrastando, e eu vou manter a tecla shift pressionada para ter certeza de que ele se move na mesma linha para que ele permaneça alinhado com ele, e eu vou girar este em um acidente vascular cerebral. Eu virei isso de um traço para um preenchimento para um traçado pressionando Shift X e eu vou mudar a cor, e aumentar a largura do traçado, e eu vou fazer a mesma coisa deste lado. Para ter certeza de que ambos estão centrados no círculo, vou selecionar ambos e agrupá-los temporariamente. Vou manter pressionada a tecla Shift e selecionar a no meio e clicar nela uma vez para dedicá-la ou designá-la como a coisa para a qual estamos alinhando essas formas, ir para o meu painel Alinhar e fazer o centro, e agora eu posso ir em frente e, e Desagrupe estes. Agora, eu quero selecionar tudo e apertar Shift M, e eu vou cortar o excesso que está saindo das bordas. Então você pode ser capaz de dizer o que estamos fazendo agora. Agora eu vou fazer um movimento avançado e tudo bem, mas o que eu vou fazer é fazer alguns pequenos golpes. Copie isso. Eu copio isso novamente mantendo a opção pressionada e arrastando, e colocar isso no lugar. Agora eu vou fazer uma mistura e uma mistura essencialmente leva dois itens e pode colocar passos entre que são ou quantidade de passos ou eles podem ser cores. Então eu vou pegar minha ferramenta de mistura e eu vou clicar uma vez aqui e uma vez no segundo, e você pode ver que ela colocou uma quantidade igual do mesmo objeto entre eles. Sete é bom. Agora, obviamente, eu quero eles e se você não pode dizer ainda, estamos fazendo uma bola de beisebol, eu quero que eles alinhem perfeitamente com isso, então eu vou pegar as duas coisas e fazer uma cópia. Selecione ambos e vá para Objeto, Misturar, Substituir lombada. Tudo bem se você não está me seguindo totalmente aqui, misturas são para um dia diferente. Mas eu só queria mostrar um exemplo de como podemos usar traços e a ferramenta de construtor de formas. Agora eu tenho essas pequenas linhas no lugar e eu realmente não quero essas que estão penduradas fora da borda, e se eu quisesse, eu poderia usar a ferramenta construtor de formas primeiro indo para expandir. Novamente, isso é avançado, mas a razão pela qual eu preciso expandi-lo é porque agora, a maneira que essas formas intermediárias estão sendo criadas é por um algoritmo que o Illustrator está computando e queremos transformá-lo em formas utilizáveis. Então é isso que a expansão faz. Diz: “Obrigado por fazeres as contas, mas gosto de como é e estou pronto para aceitá-la.” Vou tirar isso do caminho porque acho que temos dois. Não, não temos duas cópias. Não importa. Mova isso para o lugar e agora, em vez de usá-los como traços, eu vou fazer algo que eu gosto muito de fazer, que é delinear os traços. Eu vou para objeto, caminho, contorno traçado, e o que isso fez foi manter a forma, mas agora em vez de ser traços, estas são realmente formas preenchidas. Eu posso ir em frente e ir para a ferramenta Unite, e agora eles são de uma forma. Posso selecionar a forma por trás dele, apertar Shift M, e agora posso cortar esse pequeno excesso que está pendurado. Agora, tudo que eu tenho que fazer é segurar Option e Shift para fazer uma cópia. Vou clicar com o botão direito do mouse e ir para Reflect. Eu quero refleti-lo verticalmente para que eu possa colocá-lo no lugar aqui. Eu vou escondê-lo temporariamente pressionando o Comando 3 para que eu possa excluir este Comando de Opção 3 e ele volta imediatamente, e agora eu posso colocá-lo no lugar aqui. Eu gosto de fazer isso indo para o modo Contorno, torna muito mais fácil para mim ver. Assim mesmo, eu era capaz de fazer uma bola de beisebol usando traços e a ferramenta construtor de forma, e misturas, é claro, para fazer um design acabado. 7. Obrigada!: Muito obrigado por fazer este curso. Illustrator tem algumas funções poderosas. Embora possa ser assustador aprender todos eles, familiarizar-se com apenas algumas ferramentas multi-uso pode realmente fazer você se sentir mais confortável com o programa. Mal posso esperar para ver suas criaturinhas. 8. Bônus! Time-lapse do Ernie the Excitable: