Design tipográfico criativo com o Adobe Illustrator

1. Introdução ao design tipográfico: Você está planejando criar um tipo único de design gráfico com o Adobe Illustrator? Você veio ao lugar certo. Sou Martin. Tenho mais de 20 anos de experiência como designer gráfico, ilustrador e instrutor certificado pela Adobe. Eu trabalhei com empresas como a BBC. Essas necessidades, google, ikea, e não posso esperar para compartilhar minhas melhores práticas com você. Este é um curso prático simplificado com foco em um projeto de design da vida real. Eu vou guiá-lo por tudo passo a passo e você receberá todos os arquivos de exercícios para que você possa acompanhar , caso prefira não me copiar. Você também pode seguir meu fluxo de trabalho usando ativos alternativos fornecidos e criar algo completamente exclusivo que você pode mostrar em seu portfólio criativo. Tenho certeza que este curso irá inspirá-lo a criar algo MAC. Criaremos quatro composições tipográficas exclusivas usando o Adobe Illustrator. Nos três primeiros designs, estaremos nos concentrando em letras individuais. Para o último, combinaremos algumas palavras juntas. Usaremos técnicas avançadas do Illustrator em nosso fluxo de trabalho, incluindo a Ferramenta Shape Builder três, as formigas, opacidade e máscaras de recorte, peças compostas, Recolor Artwork e assim muito mais. Além de todas as coisas técnicas, também abordaremos algumas importantes teorias de design gráfico que você poderá aplicar em qualquer um dos seus futuros projetos criativos. Você pode participar deste curso sem nenhum conhecimento prévio em design gráfico, ilustração ou aplicativos da Adobe. Mas, para concluir o projeto, você precisará acessar a Adobe Creative Cloud e a um computador desktop ou laptop, mas agora é hora de começar a criar. Então, verei você na próxima lição. 2. Como criar as formas: letra P: Então, aqui estamos no Illustrator e acima de mim você pode ver os esboços com os quais eu costumo começar. Então, explorei o estilo que gostaria de usar para o alfabeto. E eu normalmente começaria com a letra a. Mas então, para este tutorial em particular, escolhi a letra P. E você pode ver esse esboço aqui. O segundo, tentei ter aquele segundo cubo enrolado, mas percebi que não ficaria bem se ele for na mesma direção. Então eu decidi virá-lo e torná-lo mais entrelaçado para que ele envolva esse tubo vertical. Mas então eu também senti que parece menos um p. Então, para torná-la mais semelhante à própria letra, decidi revertê-la. Então esse é o esboço que vou transformar em uma ilustração vetorial agora. Então, primeiro, vou começar desenhando um retângulo. Então, este será o tubo vertical. Diga algo assim. E vou movê-lo para o lado só para que você possa ver o que estou fazendo. Agora vou usar a ferramenta caneta e chegar ao ponto central superior, clicar lá e depois fazer a mesma coisa aqui na parte inferior. Os guias inteligentes me ajudaram a encontrar essas colocações. E, em seguida, usando a ferramenta de seleção direta e mude a seta para cima no teclado, eu apenas arrasto-a para cima assim. Agora, podemos usar a coronária rígida para arrastá-lo para baixo e transformá-lo em uma boa forma redonda como essa. Vamos fazer a mesma coisa aqui na parte inferior, seleciono esse ponto com a ferramenta de seleção direta e seguida, mudo a seta para baixo desta vez, o que novamente o empurra para baixo dez pixels. E, em seguida, usando o widget de canto, eu o arrasto para cima. Mais tarde, adicionaremos a tampa no topo, mas por enquanto, essa é a forma que eu precisava e podemos mudar as cores para que não precisemos de um traço nisso. Em vez disso, vou usar um gradiente e usarei esse gradiente padrão, as cores amarelo para laranja, mas vou mudar sua direção. Primeiro pressionarei X no teclado, que muda para a Cor de preenchimento. E você já pode ver o gradiente aparecendo aqui no painel. E então pressionarei G para selecionar a ferramenta de gradiente. E eu poderia usar a opção de ângulo aqui ou simplesmente clicar e arrastar para definir a direção. Agora eu realmente prefiro manter as cores mais brilhantes no topo, então vou arrastar de cima para baixo e mais tarde poderemos refinar isso. Vamos ampliar um pouco mais perto e começar a desenhar talvez de baixo. Então, se eu clicar aqui uma vez, posso clicar e arrastar para definir a primeira curva. E observe que agora a mesma cor é usada para a cor do campo, mas desta vez precisaremos da mesma coisa que um traçado. Então, para isso, vou trocar as duas cores. Então, pressionarei Shift X no teclado. Isso usará o mesmo gradiente, mas no traçado. E então podemos continuar desenhando. Então, vou clicar e arrastar novamente aqui. E vamos ajustar isso mais tarde. Clique e arraste mais uma vez. Tentei mantê-lo agradável e suave. Eu clico e arraste, clique e arraste aqui. E, em seguida, uma última vez, clique e arraste. Ok, então vamos dar uma olhada nisso. Acho que parece muito bom, mas talvez aqui na parte inferior, se eu voltar, posso ajustar esses pontos um pouco. Talvez apenas arraste isso de volta usando a ferramenta de seleção direta. Estou apenas ajustando as alças e sinto que o resto do caminho é bom. Agora, o que precisamos fazer é aumentar a espessura disso. Então, vou usar a tecla Shift e clicar na seta para cima talvez duas vezes. Acho que é um bom tamanho. Agora, é claro, sempre podemos medir e garantir que ele seja exatamente o mesmo tamanho que o outro cubo. Bem, eu não estou tão incomodado neste momento, então sinto que é muito bom para o tamanho que precisamos. Sempre podemos ajustar as coisas mais tarde. Talvez uma coisa que eu vou fazer é arrastar esse ponto um pouco mais longe, em algum lugar por lá. Sim, acho que parece bom agora. Agora, neste ponto, não parece realmente um cubo tridimensional. Parece muito plano porque a ilusão de três dimensões é algo que vamos adicionar usando mascaramento e ajustando o gradiente nesse traço. Então, vamos juntar essas duas coisas. Vou arrastar isso aqui. E deve estar em algum lugar por lá. Não precisa ser exatamente o mesmo que o esboço, mas isso me parece promissor porque já vejo um pouco de contraste entre os dois tubos. Então, isso é uma boa notícia. 3. Como utilizar a máscara de opacidade: letra P: Mas agora o que precisamos fazer é adicionar uma máscara de opacidade neste tubo torcido. E isso nos ajudará a separá-los ainda mais e também criar a ilusão de ele vir na frente e atrás do tubo vertical. Então, tendo selecionado, tudo o que preciso fazer é abrir o painel de transparência e clicar em Make Mask. E se você não vir este painel, basta ir ao menu Janela e você encontrará morto na lista. Assim que você tiver sua máscara pronta, basta desativar a opção de clipe que terá a máscara vazia. Portanto, por padrão, quando você cria uma máscara de opacidade no Illustrator, ela começa a ocultar tudo o objeto atualmente selecionado. Mas depois que você desativa a opção de clipe, ela se torna uma máscara vazia e funciona mais como o Photoshop por padrão. Então, neste momento, você precisará de algo para usar como máscara. E a melhor coisa que podemos fazer neste momento é copiar nosso tubo vertical. Então, vou selecionar isso e pressionar Comando ou Controle C para copiá-lo. Em seguida, volte e selecione o cubo torcido, clique na máscara de opacidade. E observe que quando fizermos isso, o painel de camadas nos dirá que estamos dentro da máscara de opacidade. Na verdade, não há nada aqui, então está completamente vazio. Se eu usar Comando ou Controle F, isso colará uma cópia desse tubo vertical dentro das máscaras de opacidade. Então agora ele está aparecendo aqui e só temos que mudar a cor para preto. Então, o que isso vai fazer é que ele está escondendo completamente o cubo torcido. Então, se eu voltar ao objeto real clicando na outra miniatura dentro do painel de transparência. Então eu posso mostrar aqui se eu desligar esse tubo vertical, que é um objeto separado, agora podemos ver completamente esses detalhes. Então, a máscara de opacidade agora está funcionando e está escondendo completamente esses detalhes. Vou manter o outro objeto visível também. E voltarei para a máscara de opacidade porque agora precisaremos revelar os detalhes que precisam vir na frente do tubo vertical. Então, atingimos tudo e agora estamos trabalhando para trás e revelando seletivamente alguns detalhes. Então, se eu ampliar um pouco mais perto, posso mostrar como faço isso. Vou usar a ferramenta caneta. E vou começar por aqui em algum lugar. Então, se eu clicar em algum lugar lá, vou começar um novo caminho. Então eu posso clicar aqui, e então eu posso continuar chegando. E por enquanto, vou criar um bloco muito simples aqui. Então, eu gosto de bloquear as coisas primeiro. Agora, não parece ótimo no momento porque temos que ajustar suas cores. Então, isso se tornou um objeto separado dentro da máscara de opacidade. E isso deve ser apenas usando um campo de luz, mas nenhum traço. Então, se eu desligar o traçado e atribuir preenchimento branco, ele já ficará um pouco melhor. Agora, apenas temporariamente para garantir que possamos ver as coisas melhor, vou voltar para os objetos reais, selecionar o tubo vertical e reverter o gradiente. Dessa forma, teremos mais contraste para que possamos ver melhor o que estamos fazendo. Portanto, esse ícone aqui no painel de gradiente é muito útil. Você pode inverter rapidamente a direção do gradiente. E mais uma vez, vamos voltar para os outros objetos ou o tubo torcido e voltar para a máscara de opacidade. A razão pela qual eu tenho o painel de transparência aqui na parte superior é porque eu alterno constantemente entre a máscara e a visualização do objeto. E eu gosto de ficar de olho nisso o tempo todo. Vamos ampliar aqui e selecionar esse objeto que acabamos de criar. E agora tudo o que temos que fazer é apenas adicionar apenas essa forma um pouco. Então, isso é essencialmente para nós poderemos fazer parecer que este tubo está vindo na frente, como eu já disse. Então, geralmente, a melhor coisa a fazer aqui para criar uma curva agradável é usar a ferramenta caneta segurando a tecla Alt ou Option, podemos dobrar essa linha que originalmente configuramos como uma linha reta. E por enquanto, vou configurá-lo para algo assim e talvez arrastar esse ponto para baixo um pouco. Ok, então não precisa ser perfeito neste momento, mas acho que isso parece bastante promissor. Talvez esse ponto aqui possa estar um pouco mais longe. Então, se eu selecionar esses dois pontos de ancoragem com a ferramenta de seleção direta e usar a seta para a esquerda que ajuda a torná-la ainda melhor. E talvez apenas arraste esse ponto de volta para lá. Tudo bem, então não há linhas visíveis aqui. E a máscara de opacidade está começando a funcionar muito bem. 4. Ajustes finais: letra P: Agora vamos fazer a mesma coisa aqui na parte inferior. E só para lembrá-lo, estou mostrando o esboço, temos que ter certeza de que parece que a frente ou a parte superior é a que vem na frente do tubo vertical. Então, faremos a mesma coisa que antes. Vou usar a ferramenta caneta, começar a desenhar a forma aqui, descer e depois envolvê-la assim. Em seguida, mantenha pressionada a tecla Alt e adicione um pouco de curva aqui na parte inferior. Tudo bem, acho que parece bom. Mas, mais uma vez, poderemos dizer melhor quando adicionarmos as tampas e refinarmos os gradientes. Então, por enquanto, estou feliz com a aparência. Talvez essa linha possa estar um pouco mais abaixo. Sinto que isso pode se beneficiar disso. Certo. Algo assim. Se reduzirmos o zoom, ele já deve começar a olhar mais perto de uma forma tridimensional. Mas agora vamos voltar novamente para a visualização normal ou para a exibição do objeto. E vou selecionar esse gradiente, virá-lo de volta para o jeito que estava. E então vamos adicionar as tampas. Agora, para isso, tudo o que vou usar é simplesmente a Ferramenta Ellipse pressionando L no teclado. Nós vamos te pegar tão rapidamente. Então vou desenhá-lo aqui na parte superior e certificar-me de que ele esteja perfeitamente alinhado com a largura deste tubo. Então vou aproximar o zoom e simplesmente vamos movê-lo para cima e depois arrastá-lo um pouco. Acho que isso parece bom. Agora só temos que configurar isso como uma cor, como uma cor individual. Vou usar provavelmente amarelo, mas talvez torná-lo ainda mais brilhante do que isso. Ao clicar em Shift aqui, posso adicionar um pouco ainda mais de brilho, então algo assim e diminuir o zoom. Sim, acho que parece tudo bem. E agora podemos simplesmente duplicar essa tampa, Alt, clicar e arrastar, e então eu vou girá-lo e ampliar um pouco mais perto. Sim, vamos torná-lo menor para garantir que ele esteja bem alinhado aqui. Isso não é ruim. E então vamos fazer o outro, clique e arraste antigos. Desta vez novamente, nós o giramos e eu vou alinhá-lo. E só para garantir que a tampa esteja completamente visível, vou arrastá-la um pouco mais para aqui e talvez apenas ajustar o caminho que criamos. Então volto lá, arrasto para fora, e posso ver que esse caminho deveria ser mais amplo. Então, precisamos aumentar essa tampa. Sim, vamos apenas selecionar a tampa, arrastá-la de volta aqui, esticá-la. Pense que isso parece muito bom agora, então certificando-se de que está bem alinhado. Sim, estou feliz com isso. Então, vou retroceder um pouco. E agora praticamente tudo o que temos que fazer é ajustar os gradientes e depois ajustar as máscaras. Então, o maior problema é que não temos contraste suficiente entre os dois tubos. Então, o que vou fazer para corrigir isso é selecionar esse caminho e garantir que eu tenha o atributo stroke selecionado pressionando X no teclado. Em seguida, imediatamente o painel de gradiente aparece. E, a propósito, a opção que estou usando aqui é o gradiente aplicado dentro do traçado. Você sempre pode mudar isso e tê-lo ao longo do traço. Para ser honesto, sinto que isso realmente funciona melhor para nós. Então, será mais fácil gerar o contraste que precisamos. Agora ainda podemos virar o gradiente, então inverta. E isso parecerá um pouco mais natural. Mais uma vez, queremos as cores mais brilhantes no topo. É assim que pensamos que a luz é normalmente vem de cima. Então isso também parece mais natural quando configuramos as cores. Mas agora que fizemos isso, temos que resolver algumas coisas. Primeiro de tudo, esse boné é muito pequeno, então só temos que estender esse tamanho. Eu acho. Sim, isso parece melhor. E agora voltamos à nossa máscara e selecionamos essa forma que criamos. E, obviamente, agora posso vê-lo muito melhor, para que eu possa consertá-lo muito mais fácil também. Arraste esses dados para cima e crie que os dados de torção podem ser, pode ser ainda maior, algo assim. Sim, isso parece melhor. E se eu descer aqui na parte inferior, mais uma vez, essas outras formas também devem ser corrigidas. E aqui vamos precisar refinar isso. Na verdade, posso ver que precisamos da curva para ir para o outro lado. Então eu o configurei originalmente fez forma errada, mas isso não é problema. Acabei de usar uma ferramenta de caneta mantendo pressionada a tecla Alt ou Option enquanto a arrasto para o outro lado. E agora podemos usar a ferramenta de seleção direta e talvez apenas configurá-la aqui um pouco mais adiante. Este arrastamos para cima e depois temos aquela bela curva S que era necessária aqui na parte inferior. Parece que isso está parecendo muito melhor agora. Agora vamos voltar novamente para o objeto em si. E vou apenas ajustar um pouco as cores aqui. Então, ajustá-lo nos ajudará a vê-lo um pouco diferente aqui na parte inferior. Agora, porque há uma torção ou giro muito forte aqui, ele está se sobrepondo às sombras do gradiente. Então, talvez eu possa tentar arrastar isso um pouco mais para baixo para ajudá-lo a separar um pouco melhor. Ou também podemos ajustar essa curva aqui ou a alça até que esse artefato desapareça. Sinto que algo assim parece um pouco melhor. No entanto, eu gosto muito da forma como essa transição é visível aqui. Então, eu vou deixar assim por enquanto. E vamos diminuir um pouco. Vamos dar uma olhada nos detalhes na parte superior. Mais uma vez, aqui, há um pouco de falha de transição lá. Podemos tentar corrigir isso arrastando isso, talvez um pouco mais, algo assim. E também voltando para esse gradiente, se eu selecionar o preenchimento mais uma vez e pudermos tentar mover essa parada de cor de gradiente um pouco mais alto. Dessa forma, temos um pouco mais de contraste lá. Talvez até este possa vir um pouco mais alto, algo assim. E então, nesse golpe também, se voltarmos aqui, podemos esticar isso, garantindo que tenhamos um melhor contraste entre os dois tubos. Certo. Talvez até esse. Sim, isso parece muito melhor. Então, se eu diminuir o zoom agora, está começando a tomar forma, mas esse boné aqui porque está voltado para baixo, deve ser mais escuro. Então, mais uma vez, pense na luz que vem do topo. Se isso estiver mais abaixo, provavelmente deve ser mais vermelho. Então, se voltarmos aqui, talvez vamos selecionar o vermelho e, em seguida, clique com a tecla Shift pressionada aqui. Talvez pesado, mais brilhante que o vermelho ou possa ser ainda mais escuro. Então, se estou pensando na luz, acho que isso parece um pouco mais realista. Devemos fazer a mesma coisa aqui também. Então, clique com a tecla Shift pressionada lá. E para este talvez eu escolha mais como uma cor laranja, algo assim. Vamos dar uma olhada. Sim, eu gostei muito disso. E então talvez esse detalhe superior aqui só precise ser um pouco mais brilhante apenas para se separar do próprio tubo. E isso é praticamente isso. Claro que pode ser ainda mais refinado, torná-lo mais brilhante, adicionando alguns reflexos e destaques, sombras. Mas vou reservar essas técnicas para outro tutorial. 5. Fluxo de trabalho explicado: letra M: Como sempre, a primeira coisa que faço antes de entrar no Illustrator é fazer alguns esboços. Os dois desenhos que você pode ver no canto superior esquerdo, eu fiz no Procreate e depois os visualizei e refinei ainda mais no Photoshop. Acho mais fácil e rápido trabalhar no Photoshop no começo. Mas então, é claro, prefiro fazer a arte final no Illustrator para manter tudo completamente vetorizado quando se trata de ilustrar fitas e visualizar essas torções e voltas. A coisa mais importante que você tem que aprender e entender como eles se comportam em certos ângulos. A maioria das dobras que você precisaria para a tipografia é de 45 graus e 90 graus ângulos. Então essa falha aqui provavelmente seria em torno de 45 graus, enquanto este, o próximo Ford seria de 90 graus. E observe como a placa parece diferente aqui em comparação com esta dobra aqui à esquerda e à direita. Agora você pode ver no meu primeiro esboço, eu não tinha 100% de certeza de como essas dobras deveriam se parecer. Então eu decidi usar algo que possa me ajudar a entender a melhor forma de ilustrar isso. E eu olhei em volta e não consegui encontrar fitas ampliadas. Decidi usar papel higiênico. Agora, isso é algo que você terá em casa com certeza. E você pode ver quando você faz as toneladas, isso está realmente mostrando perfeitamente os ângulos que você precisará. Então, há os 45 graus e há o ângulo de 90 graus. E você verá como obtemos essa linha reta, que vimos aqui antes. Então, em vez de ter um detalhe que cai assim, devemos mantê-lo reto. Agora, uma vez que eu vi como preciso fazer as toneladas, tive que decidir aqui no meio se eu quero que a fita venha na frente e constantemente vindo de trás em nossa direção, ou é começando a vir em nossa direção, mas depois ele volta para trás. E, finalmente, novamente , ele vem na frente. Então, é mais como um padrão alternado vindo na frente e depois para trás e assim por diante, ou constantemente indo em uma direção. E, claro, a coisa toda também pode ser revertida. Então, há muitas variações que posso fazer, mas decidi que gosto mais dessa versão. Então este é o que vou recriar agora no Illustrator. E sem mais demora, vamos começar. 6. Como criar formas: letra M: Vou criar uma nova camada. Primeiro de tudo, poderemos acompanhar todos os objetos que crio aqui no lado direito. Então, não precisarei desenhar diretamente em cima do meu esboço. Eu só uso isso como referência. Vou usar a ferramenta retângulo e poderemos adicionar os cantos arredondados mais tarde. Então, vamos desenhar esse retângulo principal. Então, o primeiro atraso, vamos colocá-lo em algum lugar por aqui. Agora vou usar a ferramenta conta-gotas e provar a cor que usei no meu esboço e, em seguida, duplicar isso e provar a outra cor novamente com a ferramenta conta-gotas, você pode acessá-la rapidamente pressionando I no teclado. Agora, no Illustrator, às vezes quando você coloca em uma imagem raster e tenta fazer uma amostra dela com a ferramenta conta-gotas. Pode não pegar a cor nesses casos, tudo o que você precisa fazer é clicar duas vezes na ferramenta conta-gotas aqui na barra de ferramentas e certificar-se de que essas opções estão ativadas. Desde que já temos as cores. Não preciso mais me preocupar com isso. E o que preciso fazer agora é configurar os ângulos que precisamos. Primeiro de tudo, precisamos girar esses 45 graus, mantendo pressionada a tecla Shift. Você pode fazer isso de forma muito rápida e fácil. Ou também, você sempre pode entrar nas opções Transformar e alterar o ângulo aqui. O bom é que sempre podemos voltar aqui e mudar esses ângulos. Então, se eu quiser voltar para 0 graus, posso selecionar isso ou mais uma vez, posso simplesmente digitá-lo aqui, 45 graus. É ótimo que, mesmo quando um objeto está em um determinado ângulo, você ainda pode ajustar seu tamanho para que possa estendê-lo ou encurtá-lo sem estragar as proporções ou o ângulo em si. Agora vamos selecionar ambas as formas e mantendo pressionada a tecla Alt ou a tecla Option, podemos fazer duplicatas delas pressionando O, podemos obter a ferramenta refletir com a qual só temos que clicar e arraste e mantenha pressionada a tecla Shift para virá-la. Aqui, vou mudar a ordem das cores. Portanto, este deve ser a cor azul e o outro deve ser essa cor de menta. O pedido também deve estar configurado já. Podemos arrastar isso aqui e precisaremos que isso fique por trás dos outros. Então, vou usar o Command esquerdo colchete algumas vezes até que ele no lugar certo na ordem de empilhamento, podemos acompanhar nossos objetos aqui no painel Camadas também. Até agora criamos quatro retângulos e posso começar a movê-los. Se eu quisesse encurtar talvez as pernas, eu poderia usar a ferramenta de seleção direta, selecionar esses pontos inferiores e simplesmente arrastá-los para cima. E isso provavelmente é bom manter pressionada a tecla Shift se você não quiser acabar movendo-as para o lado. Então, mantendo pressionada a tecla Shift, posso mantê-la funcionando igualmente movendo-se talvez para algum lugar por lá. Como eu disse, só estou usando a ilustração no topo como referência, então não vou manter as proporções iguais. Eu serei capaz de ajustar isso à medida que avançar. Provavelmente precisarei ter esse retângulo esticado um pouco mais. E mesmo este, podemos nos esticar um pouco mais longe para garantir que acertemos as coisas. E agora é hora de mascarar. Eu decidi usar uma máscara de opacidade desta vez, não uma máscara de recorte, só vai ser mais fácil trabalhar com ela porque há menos detalhes que preciso manter visíveis do que as peças que preciso esconder. A coisa sobre o uso de uma máscara de recorte, você precisa definir as áreas que deseja manter visíveis. Então, sempre que eu quiser apenas extrair detalhes menores, prefiro usar uma máscara de opacidade. E isso também pode ser aplicado em um grupo. Então é isso que vou fazer primeiro selecionar todos esses objetos juntos, transformá-los em um grupo que é Comando ou Controle G. Podemos ver esse grupo chegando aqui. E então só precisamos ir ao painel de transparência e clicar em Make mask. Você não precisa de nenhuma forma selecionada para a própria Mesquita. Por padrão, o Illustrator esconde completamente tudo, então ele cria uma máscara preta e isso pode ser removido e transformado em uma máscara vazia clicando no clipe. Uma vez que a massa fica branca, isso significa que nada está oculto atualmente e tudo fica visível do grupo. Deste ponto em diante, será importante alternar para frente e para trás entre a vista do objeto e a vista da mesquita. Então é isso que você pode fazer clicando nessas duas miniaturas aqui. Para esses tipos de fluxos de trabalho, recomendo manter o painel de transparência, todos eles visíveis e idealmente próximos ao painel de camadas. Então você tem que ficar de olho nesses dois painéis em todos os momentos. Caso contrário, você pode acabar cometendo erros facilmente. Então, adicionamos a vista da mesquita, isso significa que se eu começar a criar formas agora, elas aparecerão dentro da máscara. Então, vou usar a ferramenta retângulo e, em primeiro lugar , vou desenhar um retângulo aqui na parte inferior, algo assim. Agora este é um retângulo com um preenchimento branco, o que não está fazendo muita diferença. Mas assim que eu mudar a cor de preenchimento aqui para preto, você verá imediatamente que esconderá todos esses detalhes. E onde quer que eu me mova, esse retângulo continuará escondendo detalhes. E a coisa toda é completamente não destrutiva. Então eu sempre posso voltar e fazer ajustes. Vou colocar isso de volta onde ele pertence, algo assim. E vou refinar essa dobra ainda mais. Mas primeiro, vamos prestar atenção ao lado esquerdo e direito. Então, nesses casos, novamente, vou usar o mesmo retângulo. Vou apenas duplicá-lo, mantendo pressionada a tecla Alt, clique e arraste e, em seguida, gire-o indo para o canto, comece a girar e mantenha pressionada a tecla Shift. Obtemos o ângulo de 45 graus. Pode arrastar isso aqui e configurá-lo em algum lugar ao redor. Isso parece muito bom. Agora é claro que não precisa ser perfeitamente 45 graus, mas acho que isso funciona para essa composição. Ele mantém as coisas boas e arrumadas. E vou usar novamente a ferramenta de reflexão pressionando o teclado. Vou apenas definir o ponto central do objeto que está aqui. E então eu posso clicar e arrastar, mantenha pressionada a tecla Alt e Shift juntas para configurá-la no lado direito. Agora, se eu quisesse tornar as coisas perfeitamente simétricas, eu teria que mover as coisas um pouco ao redor. No entanto, uma coisa que é ainda mais importante é que a altura em ambos os lados seja exatamente a mesma. Caso contrário, parecerá estranho. Então, vou usar as réguas Que é Comando ou Controle R e arrastar uma guia para baixo de cima, alinhe-a aqui. E dessa forma podemos garantir que a altura seja consistente. Então, agora o que precisamos fazer isso para voltar novamente, selecione o objeto, neste caso, e apenas mova-o ligeiramente para a esquerda até que ele esteja alinhado na parte superior. E então podemos arrastá-lo para cima para que ele não apareça por baixo. E então podemos voltar novamente para a mesquita. Então selecione o grupo, selecione a máscara e selecione esse retângulo na parte inferior e mova-o para cima até que ele esteja alinhado. Sinto que parece muito bom. Mas é claro, sempre podemos voltar e fazer mudanças tudo porque tudo está configurado de forma completamente não destrutiva. 7. Como adicionar detalhes, dobras arredondadas: letra M: Agora é hora de configurar esses detalhes adoráveis que farão com que pareça mais uma fita realista, onde temos essas dobras curvas agradáveis em vez desses ângulos afiados. Se quiséssemos ter coisas mais geométricas ou angulares, esse poderia realmente o estilo final com o qual acabamos, mas eu prefiro ter esses bons poços. Então, vamos aproximar o zoom. Primeiro de tudo, volte para os objetos. Selecione ambos à esquerda e à direita. Estou usando a ferramenta de seleção direta e vou aumentar os cantos arrastando os widgets de canto para cima. Então, provavelmente, algo assim funcionará bem. E se você quiser ser um pouco mais preciso, você sempre pode usar números reais aqui em cima. Assim, podemos configurá-lo para quatro milímetros ou três milímetros , o que funcionar melhor. Agora, se eu voltar para a ferramenta de seleção, ainda posso aumentar ou diminuir o tamanho desse retângulo, apenas certificando-se de que ele não está aparecendo abaixo do raio de coordenadas real que eu adicionei. E também não está aparecendo muito aqui em cima. Então, ele só precisa estar na posição certa, em algum lugar ao redor. No entanto, se eu quisesse ter certeza de que essa coordenada aqui não será visível, posso simplesmente clicar nela com a ferramenta de seleção direta. E dessa forma, quando eu for usado o widget de canto, isso só afetará esse canto. E para que isso funcione, antes de tudo, precisamos desenhar em uma forma adicional. Vou usar a ferramenta caneta e começo neste ponto aqui, desço ao longo da borda e, em seguida, talvez mantenha pressionada a tecla Shift e feche-a assim. Agora, a cor dessa forma deve ser a mesma que este detalhe dobrado aqui. Mas também precisamos de outra forma e elipse. Então, estou usando a ferramenta elipse pressionando L no teclado e desenhando um círculo perfeito mantendo pressionada a tecla Shift. E a cor deste deve ser a outra cor. E vamos ampliar um pouco mais perto. Agora só temos que alinhar as coisas. Bem. Primeiro de tudo, precisamos ter certeza de que esse ponto de ancoragem aqui esteja alinhado à borda. E então também temos que garantir que essa borda aqui esteja alinhada à linha diagonal que está descendo. A maneira mais fácil de ver isso seria mudar para a visão de esboço, que é Comando ou Controle Y. E agora tudo o que preciso fazer é arrastar essa elipse para baixo até que tenhamos esse ponto alinhado lá. Então precisamos ter uma tangente aqui e também aqui do lado esquerdo, posso ver que meu triângulo precisaremos ser ajustados. E, claro, neste momento, eu posso simplesmente movê-lo para baixo talvez aqui, novamente seguindo essa borda. E também aqui, ele tem que estar alinhado ao ponto de ancoragem do lado esquerdo. Quando voltarmos para a visualização normal Comando ou Controle Y, você provavelmente verá imediatamente no que estou trabalhando. E também podemos ver que, na verdade esse ponto de ancoragem aqui precisa vir contratar onde esse ponto de encontro provavelmente está em algum lugar por aqui. Então esse círculo era muito importante para criar essa forma redonda perfeita que precisávamos. Mas você também pode ver que essa massa que usamos anteriormente precisará descer um pouco. Agora, vamos primeiro colocar essas duas formas dentro desse grupo. Então, a mesquita que criamos também poderá afetá-los. Portanto, ambas as formas precisarão estar abaixo dessa linha diagonal e o triângulo precisará estar embaixo do círculo. Então, há a elipse embaixo dela, existe esse triângulo e todos os outros objetos já estão configurados ao redor deles. Agora, pode parecer um pouco complicado neste momento, mas essa é a parte mais difícil da parte mais desafiadora desse fluxo de trabalho. E se você fizer isso sozinho e fizer isso algumas vezes, ficará muito mais fácil. E essa técnica realmente ajudará você a se acostumar a trabalhar com máscaras de opacidade e várias formas dentro da mesma máscara. Agora que tenho os objetos no lugar, posso voltar a selecionar todo o grupo, depois mudar para a máscara de opacidade, onde posso selecionar a forma que tínhamos aqui e simplesmente arrastá-la para baixo. O ângulo não será afetado por mim simplesmente arrastando-o para baixo. E mais uma vez, tudo o que tenho que fazer é alinhá-lo para garantir que seja tangente a esse círculo. Então, obviamente, posso ampliar muito mais perto. E eu gostaria que houvesse uma opção rápida aqui. Existem plugins que ajudarão você a encaixar as tangentes. Mas, por padrão, você só precisa esperar que ele fique no lugar certo. Acho que parece bom. Pressiono Comando ou Controle Y. Podemos voltar e vê-lo na exibição de objetos. Eu ainda estou na massa, a propósito. E o que precisamos fazer agora é livrar desse pequeno detalhe lá. Então, temos que cortar isso. Agora, a maneira como podemos fazer isso é desenhando outro retângulo. Isso só vai ser um pequeno retângulo, literalmente escondendo esse detalhe. E esse retângulo também está usando preenchimento preto como antes. Talvez não precise vir até lá em baixo. Provavelmente só por aqui. Mas então eu volto para o objeto novamente usando o painel de transparência, selecione a elipse que já usamos uma vez, copie-a, Isso é Comando ou Controle C. Em seguida, volte para a máscara, pressione Command ou Control F para colá-lo no lugar. Portanto, o mesmo círculo, na mesma posição, será reutilizado dentro da máscara de opacidade. E tudo o que temos que fazer aqui é garantir que ele esteja definido como branco. Então, vamos ver, esse foi o truque que, sem essa elipse, começaríamos a perder detalhes. Mas a razão pela qual tivemos que adicionar esses dois objetos adicionais à máscara de opacidade é poder esculpir esse pequeno detalhe. Então, primeiro, o retângulo preto o retira e, em seguida, dividir elipse mostra esses detalhes novamente. Obviamente, neste momento, sempre podemos voltar e refinar a colocação e o alinhamento, mas não vou perder tempo com isso. E, em vez disso, vou mostrar mais um detalhe aqui no topo para ter certeza de que você entende como usar essa técnica. E então vou avançar rapidamente para mostrar a técnica de sombreamento, que também é crucial para que esse estilo realmente funcione. Então, para consertar o topo, na verdade nem precisamos deixar a máscara de opacidade. Tudo o que vou fazer aqui é duplicar a elipse que já temos aqui. Então essa é uma elipse branca mantendo pressionada a tecla Alt ou Option. Posso arrastá-lo para cima e depois tentar alinhá-lo para que ele se encaixe aqui e tangente em ambos os lados. E então também duplique esse outro retângulo. Clique e arraste. Mova para cá. E observe que como eu já os tinha na ordem certa, nem preciso mover as coisas para cima e para baixo. Eu só tenho que montá-lo em algum lugar por lá. E quando eu mais aproximo, posso apenas me certificar de que o alinhamento está correto. Então, movendo essa elipse um pouco para cima até conseguirmos o alinhamento certo. Agora, se eu aumentar o zoom, podemos ver que este lado esquerdo está pronto. Tudo bem, como prometi, vamos pular em frente e vou mostrar-lhe no final como fazer o sombreamento. E então. 8. Sombreamento: letra M: Então, apenas para recapitular, este é o design final. Então eu precisava de alguns elementos adicionais para criar as dobras. E também dentro da máscara, na verdade, temos muitas formas menores nos cantos. Só para mostrar, se eu mudar clicar na miniatura Máscara, podemos ver os objetos reais sem nenhum mascaramento. E é mais uma vez assim que parece quando a máscara é ativada. Então, configurar essas dobras e as coronárias dessa forma é bastante complicado, mas permite que você trabalhe de forma completamente não destrutiva, o que significa que você pode voltar atrás e fazer mudanças a qualquer momento, ambas as formas dentro da máscara e fora da máscara. Mas agora vamos voltar para a visualização do objeto real. Então eu saio da máscara e vou desenhar essas formas com base nas formas já existentes. Então esta é a parte do sombreamento. Isso realmente será bem simples agora, tudo o que preciso fazer é usar a ferramenta de seleção direta. Selecione esta forma aqui, esta outra forma ao lado dela, mantendo pressionada a tecla Shift, posso adicioná-las à seleção, e também precisaremos desse pequeno círculo aqui. Então, clique com a tecla Shift pressionada sobre isso também e, em seguida, Command ou Control C para copiar essas três formas. E então, para se certificar de que eles são colados não dentro do grupo , mas fora dele. Vou selecionar este guia que está acima do grupo na estrutura da camada. E então eu apenas pressiono Comando ou Controle F. Então observe que agora eles aparecem aqui em cima e eu posso até esconder o grupo neste momento. E tendo essas três formas ainda selecionadas, agora posso usar a ferramenta construtor de formas, que é shift M, mantendo pressionada a tecla Alt ou Option. Posso me livrar de todos esses detalhes aqui no topo. E, em seguida, junte rapidamente esses dois moldados simplesmente desenhando sobre eles sem segurar outros atalhos. Então, essa é a forma que precisávamos. E para isso vou aplicar um gradiente. Já tenho um gradiente preparado aqui. Vou apenas clicar nisso. É um gradiente linear, cor azul mais escura de um lado, totalmente opaco e a mesma cor no lado direito, mas definido como 0%. Podemos refinar isso muito melhor se realmente voltarmos o objeto original. E pressionando G no teclado, posso ajustar o ângulo do gradiente e também o comprimento dele para que possamos decidir quanto tempo queremos que ele vá. Vamos configurá-lo em algum lugar por aqui e, em seguida, podemos até ajustar o spread e novamente, arrastá-lo ainda mais se eu quisesse. Mas acho que isso parece muito bom. Vamos apenas clicar fora. E vamos ver sem sombreamento e com sombreamento, estou muito feliz com isso. E agora só temos que repetir a mesma coisa aqui no lado direito. Então, mais uma vez, vou usar a ferramenta de seleção direta, selecionar todas as formas que precisamos. Então, há esse pequeno círculo. Temos esses dois retângulos, mas desta vez vou também selecionar essa forma aqui, esse outro círculo também. E acho que isso é tudo o que precisamos. Assim, podemos copiar este Comando ou Controle C. Isso garante que ele não acabe dentro do grupo. Selecionarei esse caminho fora do grupo e, em seguida, Comando ou Controle F para colá-los no lugar. Agora podemos desligar o objeto em segundo plano e alternar para a ferramenta construtor de formas pressionando Shift M, pressionarei a tecla Alt ou Option para remover os detalhes. Não precisamos. Tudo isso pode ir. Então também podemos nos livrar de todos esses detalhes e até mesmo aquela pequena parte do canto lá. Então, em scan, Alt ou Option, clique nisso. Em seguida, as partes restantes que podemos fundir simplesmente desenhando para elas. Então, vamos acabar tendo um único caminho aqui no painel de camadas e, em seguida, pressione I para selecionar a ferramenta conta-gotas. Podemos provar o mesmo gradiente que temos no lado esquerdo. E então vamos voltar os objetos para que possamos ver o que criamos. E depois, voltando para o gradiente, podemos configurá-lo um pouco diferente desta vez. Então, o que precisamos aqui é, na verdade sombreamento em ambos os ângulos ou em ambos os lados. Então, vou esticar o gradiente assim. E então eu posso mover essas paradas de Gradientes aqui diretamente no anotador. Então precisamos de um, pare lá do que este que é o vazio. Vou arrastar até aqui, provavelmente em algum lugar por lá. E então eu mantenho pressionada a tecla Alt ou opção para duplicar essa cor, parar, arrastá-la para o lado direito e, em seguida, talvez também duplicar esta aqui. Mais uma vez, Alt ou Option clique e arraste, arraste-o para fora. E isso é como um limitador ou o fim dessa sombra do outro lado. E podemos suavizá-lo um pouco, talvez arrastando esses pontos mais perto da borda, algo assim. Agora vamos dar uma olhada sem a seleção. Isso parece muito bom. No entanto, é um pouco mais escuro do que no lado esquerdo, então vou voltar, pressionar G no teclado novamente, arrastar esses pontos mais para fora em ambos os lados. Então, aqui também, podemos arrastá-lo para fora e podemos até reduzir a opacidade apenas para torná-la mais suave, talvez para 60%. Mais uma vez, vamos dar uma olhada sem e com o sombreamento. Essa é sempre a maneira mais fácil julgar se você fez um bom trabalho ou não. Agora posso até colocar essas duas partes que usamos para criar o sombreamento em um grupo. Então eu os selecionei no painel Camadas e, em seguida, pressiono Command ou Control G e posso até renomear esse sombreamento. E agora posso esconder o guia. Não precisamos mais disso e podemos verificar rapidamente como ele parece sem sombreamento e o sombreamento novamente ligado. Lá vai você. Parece bastante semelhante ao meu mock-up original no canto superior direito. No entanto, a grande vantagem de fazer isso no Illustrator novamente, é que ele é completamente independente de resolução porque tudo é recriado em vetores e tudo mais. Lutar com a máscara de opacidade nos permite voltar e fazer alterações facilmente. Então, nada é excluído, simplesmente está escondido. Então, se eu decidir fazer as proporções diferentes nesse personagem, posso simplesmente voltar e fazer essas mudanças com muita rapidez e facilidade. 9. Como criar formas: letra D: Como sempre antes de entrar no Illustrator quando se trata de projetar algo, gosto de fazer alguns esboços rápidos. Eu faço meus esboços digitalmente, geralmente em procriar. E você pode ver aqui primeiro o desenho áspero e , em seguida, um desenho um pouco mais detalhado segurando as coisas em procreate, eu posso manter minhas linhas retas e posso até criar curvas agradáveis e depois preencha rapidamente os detalhes com cores diferentes apenas para ter uma ideia como essa ilusão de ótica torcida ficará nesta carta. Fui inspirado a fazer este tutorial em particular pelo código do jogo Monument Valley. Aqui estão algumas lindas capturas de tela do jogo. Se você ainda não jogou, eu recomendo experimentar isso porque, como designer ou ilustrador, você pode se inspirar muito nisso e também aprender sobre como criar esses interessantes ilusões de ótica. Então você pode ver que eu já selecionei uma fonte com a qual vou trabalhar. Este é Gotham ousado, regular e para poder trabalhar com ele corretamente, terei que descrevê-lo. Então, entramos no menu Tipo e escolhemos Criar contornos. Há também o comando de atalho ou Control Shift O. Quando olharmos para ele no painel de camadas , será um caminho composto. Agora, a razão pela qual não é um único caminho porque ele tem o contador ou o espaço vazio no meio. Então, na verdade, é composto por duas partes separadas unidas. É útil saber como você pode separar o caminho de dentro de um caminho composto. Normalmente uso o atalho de teclado Command, Option Shift H ou Control Alt Shift oito no PC. Mas isso também é algo que você pode encontrar no menu Objeto, liberação de caminho composto. Então, quando você fizer isso, você receberá duas partes separadas. Há aquele no meio e, em seguida, o grande que era o nosso esboço. Mas não precisamos fazer isso. Vou voltar e mantê-lo como um caminho composto. Talvez eu só remova o grupo. Então, usarei o atalho G deslocado por Comando ou Controle porque prefiro manter as coisas simples possível no painel de camadas. E então vou mover isso um pouco para baixo e duplicar a coisa toda mantendo pressionada a tecla Alt ou Option, vou clicar e arrastar para criar uma duplicata. Agora vou mudar a cor disso só para que possamos vê-lo melhor. E então eu gostaria de alinhá-lo perfeitamente em cima da outra letra. Se eu pressionar Command ou Control Y, você pode ver que essas duas linhas estão perfeitamente alinhadas. Então, mais uma vez, esta é a forma que temos em cima. E quando eu arrasto de volta, você pode ver como ele vai se encaixar no lugar. Agora vamos diminuir um pouco e depois comandar ou controlar, voltar para a visualização normal. Selecionarei esses dois objetos e , em seguida, pressionarei Shift M para acessar a ferramenta construtor de formas. Agora, o que eu gostaria de fazer é unir esses detalhes juntos. Então, a partir daqui, na parte inferior, começarei a desenhar esses detalhes e ele se tornará uma forma única e separada. No momento, herdou a mesma cor. Portanto, é um pouco difícil ver o que está acontecendo. Mas se eu selecioná-lo separadamente com a ferramenta de seleção direta, posso escolher uma cor diferente e imediatamente ela está começando a parecer interessante. Então, as duas formas estão começando a se fundir ou entrelaçar umas com as outras. Mas quando olho para o painel de camadas, posso ver que há uma forma adicional que foi criada quando uso a ferramenta construtor de formas, que posso mover para o lado. E esta é a sobra de uma das letras, mas não vou me livrar dela. Na verdade, vou usá-lo. Já que precisamos desse retângulo aqui, vou colocá-lo até o topo. Isso era mudança de comando ou controle, colchete direito para arrastá-lo rapidamente ou colocá-lo todo o caminho na parte superior na ordem de empilhamento, então vou colocá-lo em algum lugar por aqui. Agora vamos ampliar um pouco mais perto. Quero alinhá-lo à borda esquerda ou à borda direita dessa forma. A maneira mais fácil de fazer isso seria usar uma régua, alinhá-la a este ponto aqui. E agora podemos apenas alinhar e encaixar a essa régua. Agora vamos selecionar essa forma e arrastá-la um pouco para cima. Então, precisaremos ir mais longe dessa maneira e, em seguida, selecionar essa outra forma por trás. Então, novamente, use a ferramenta de construtor de formas que é Shift M e combine esses detalhes juntos. Então, vou apenas desenhar sobre eles. E, como antes, vou selecionar essa forma e mudar sua cor. E também posso selecionar as sobras e excluí-las. Na verdade, não precisamos disso. E se você fez tudo corretamente, acabará tendo três objetos separados. Este amarelo aqui acabou sendo um caminho composto. Mas como não há lacunas ou espaços vazios dentro dele, ele não precisa ser um caminho composto. Mais uma vez, simplifique o que você puder usar. O atalho que mostrei antes, Opção de Comando Shift H ou Control Alt Shift a. E então temos três partes separadas. 10. Como recolorir a arte, continuidade: letra D: Agora é hora de se livrar desses guias. Não precisamos mais disso. E é hora de também tornar as cores um pouco mais interessantes ou agradáveis. Então, vou selecionar essas formas juntas e clicar na opção de recolorir arte aqui na parte superior. Lá, posso entrar na opção de edição e até escolher regras de harmonia. Talvez use uma boa configuração de cores complementares divididas e comece a mover essas cores. Talvez algo assim funcione muito bem. Gosto muito desse. Vamos clicar em Ok, sempre podemos voltar a ele e fazer alterações mais tarde. A propósito, se você quiser aprender mais sobre harmonias de cores, recentemente, publicamos um vídeo no canal que começou a falar sobre teoria das cores. E há muito mais em breve também. Portanto, caso você não queira perdê-los, certifique-se de se inscrever e também aperte o pequeno ícone de sino para ser notificado sempre que lançarmos novos conteúdos. Mas vamos pular de volta e corrigir esse design. Porque se eles se aproximarem, você verá que na verdade há um detalhe que precisa ser refinado e essa é a continuidade entre essas duas curvas. Então, no momento, há um pequeno mergulho lá que precisamos refinar e manter em linha reta. Agora, para que isso funcione, primeiro arrastarei um guia para fora da régua esquerda e alinhe-o a este ponto de ancoragem aqui. Então esse é o mais distante para a direita. As curvas vão. Este guia é tangente às curvas. E então eu vou usar a ferramenta retângulo, encontrar esse outro ponto aqui na curva onde diz interseção que tem o ponto de ancoragem da curva. Então, há o ponto mais distante para a direita. Então, a partir daí, vou desenhar a forma e descer até aqui mais uma vez, onde diz se cruzam e depois apenas alegria para a esquerda até que esteja cobrindo aquele espaço que precisamos preencher. Agora vou preencher essa forma com a mesma cor que a cor na parte superior. Usando a ferramenta conta-gotas, posso clicar nisso. O atalho para conta-gotas, a propósito, eu estava usando é I. E então eu vou agora definir isso volta um pouco usando o colchete esquerdo Command. Posso empurrá-lo para baixo até ficar por trás dessa forma. Agora, se eu quiser, posso até manter isso como um objeto separado, mas gosto de arrumar as coisas. Então, antes de tudo, vou me livrar dos guias e então precisamos copiar essas formas para que precisemos de uma duplicata selecionando-a. Posso pressionar Comando ou Controle C e, em seguida, Comando ou Controle F, que o colará na parte superior da forma anterior exatamente na mesma posição. Então eu posso mudar o clique nessa outra forma, e posso clicar em um outro pequeno retângulo que adicionamos. Agora pressionando Shift M, saltamos de volta para a ferramenta de construtor de formas. E com isso, tudo o que preciso fazer agora é manter pressionada a tecla Alt ou Option e remover os detalhes que não precisamos. Então, toda essa forma grande aqui não precisamos também desta que não precisamos aqui. E então só precisamos mesclar os elementos restantes simplesmente desenhando sobre eles. Então, se eu aproximar, você verá isso melhor. Vou apenas desenhar sobre eles para conectá-los e mesclá-los em um. E também podemos nos fundir nestes nenhum momento, parece que estragamos as cores, mas como eu já o tinha salvo como uma amostra, posso simplesmente pular de volta para aquela cor que tínhamos originalmente lá. Mas agora, quando damos uma olhada neste detalhe aqui, agora é perfeitamente reto, exatamente como eu imaginei. 11. Como adicionar a sensação de 3D, versão alternativa: letra D: Por último, mas não menos importante, para adicionar um pouco mais de sensação tridimensional a todo o design. Vou selecionar este ponto aqui nessa forma azul. Então, apenas essa coordenada à esquerda usando a ferramenta de seleção direta. E então usarei a seta Shift para baixo ou talvez duas vezes e, em seguida, selecionarei esse outro ponto na parte inferior da outra forma e use Shift Up Seta duas vezes. Mas você pode ver que não havia nenhum ponto de interrupção lá para impedir que esse detalhe se mova. Então, temos que voltar aos passos e obter outro guia aqui no lugar. E amplie mais perto, selecione essa forma. E usando a ferramenta adicionar ponto de ancoragem, posso clicar no ponto de interseção lá. Então isso vai parar o resto da forma se mover quando eu selecionar esse ponto de ancoragem novamente e usar a seta Shift Up duas vezes. Então, são 20 pixels movidos para cima. Mas, na verdade, precisamos movê-lo ainda mais longe do que isso. Acabei de perceber que esse ponto precisa ir até aqui. E nesses casos, você pode até excluir o ponto de ancoragem usando a ferramenta caneta. Novamente, basta configurá-lo para a ferramenta Excluir ponto de ancoragem. Podemos remover esse ponto e, dessa forma, ele cria uma linha reta perfeita sem interrupção. Então, agora ampliando para trás, é assim que parece. E eu sinto que devemos ter o mesmo ângulo aqui no topo. E para fazer isso direito, vou usar uma forma. É como uma forma de espaço reservado. Com o Mitch, eu meço essa distância, depois arrasto para cima, coloco aqui, e apenas estique-a, arraste-a para o outro lado. E então eu posso selecionar esse ponto de ancoragem e arrastá-lo para baixo até que ele se encaixe nesse ponto. Então, desta forma, eu sei exatamente Ele desceu a mesma distância que o detalhe na parte inferior. Então, temos exatamente o mesmo ângulo na parte superior e na parte inferior. Agora, é hora de se livrar desse guia e dar uma olhada no design final. Gosto disso. Acho que parece muito bom, mas podemos criar uma versão alternativa para isso com talvez uma configuração de cores diferentes. Então, vou apenas duplicar a coisa toda, agrupá-la apenas para garantir que ela não se desmorone. E, em seguida, selecione-o. Vá para a opção de recolorir arte como vá para Editar e talvez tente uma harmonia de cores diferente. Desta vez, vou escolher cores analógicas e arrastá-las mais para baixo em direção a aqui. Eu acho que isso parece interessante, mas depois removerei a restrição da harmonia, e provavelmente vou deixar este um pouco mais escuro. Então esse é, eu acho que é o ponto na parte inferior. Se eu deixar mais escuro, só vai adicionar um pouco mais de contraste ao design. Agora podemos voltar para a guia Atribuir, onde é um pouco mais fácil ver o que estamos selecionando. Então, temos essas três cores usadas. E esta é a cor mais brilhante, que está no topo, que podemos novamente tornar um pouco mais brilhante adicionando mais saturação ou apenas removendo a saturação, acho que vai funcionar melhor neste momento . A propósito, aqui na guia Atribuir, também há outra opção realmente útil. Sempre que você selecionar uma cor, se você não tiver certeza em qual delas você está fazendo alterações, basta tocar neste ícone aqui com o qual você pode encontrá-lo dentro da arte. Quando você desliga isso, você pode ver as cores ajustadas. E se eu selecionar outro, novamente, podemos verificar onde isso está no trabalho artístico. O recurso de arte de recolorir é uma ferramenta muito robusta no Illustrator. E há tantas coisas que você pode fazer com isso se quiser aprender mais sobre isso. Tenho um tutorial separado que abrange todos os recursos em grande detalhe. Então, depois de terminar este, não se esqueça de conferir. O link está na descrição abaixo. Mas a melhor coisa sobre esse método foi que acabamos tendo um design muito simples composto por três partes simples. 12. Composição tipográfica: ilumine o caminho: Já tenho todos os elementos no topo, e vou construir tudo ao redor desta pequena lâmpada aqui no meio. Então eu preparei a fonte e o texto é encontrado, a propósito, é chamado de testes pesados. É uma fonte gratuita. Eu adoro isso. É um momento muito legal para trabalhar. Então, antes de tudo, vou ligar meus guias para saber onde está o ponto central. E então vou usar a ferramenta de círculo ou elipse. Vá para o centro onde os guias se cruzam. E, em seguida, mantendo pressionada a tecla Alt ou a tecla Option, posso começar a desenhar meu círculo. E enquanto eu estiver fazendo isso, eu também vou manter pressionada a tecla Shift para garantir que ela permanecerá um círculo perfeito. Então esse círculo será o esboço no qual vou colocar o texto. Provavelmente vou colocá-lo em algum lugar por aqui. Sempre podemos mudar o tamanho mais tarde, mas acho que é um bom tamanho. Então vou copiar o texto. Então eu acabei de destacar o comando C ou controle C. E, em seguida, usando a ferramenta de tipo, vá perto da borda da forma e mantendo pressionada a tecla Alt ou Option, observe como o cursor está mudando para essa forma ou esse tipo de ícone. E se eu clicar aqui, ele já transformará esse círculo em tipo em um objeto de caminho. Agora, se eu usar Command ou Control V para colar o texto, como você pode ver, ele já está lá. Agora, neste momento, é importante mudar para a Ferramenta Direct Selection, que é um no teclado. Depois de selecionar, você pode arrastar o ponto final até aqui no lado direito até as três horas. E, em seguida, arraste o ponto de partida até aqui, às nove horas. E então você pode ver ponto de partida está aqui e o ponto final lá. Agora, se eu quisesse ter certeza de que os textos ficam exatamente no meio, eu tenho que definir o texto para alinhar o centro. Uma vez que eu escolher isso, você pode ver que é perfeito. Agora que temos isso, vou duplicá-lo usando o Comando C ou Controle C e, em seguida, Comando F ou o Controle F para colá-lo em cima disso, é o recurso colar na frente que você pode encontrar no menu Editar também. Vou ocultar a versão original. E essa nova versão vou substituir pelos outros textos. Então, estou novamente apenas copiando e colando essas mensagens de texto. E, mais uma vez, defina uma linha para o centro. Agora vem novamente a ferramenta de seleção direta, a ferramenta de seta branca. E neste momento, nem precisamos mais dos guias. Se eu quiser ver esses círculos melhor, vou colocá-los em outra camada onde a cor de destaque é vermelha. Assim, você também pode ver melhor, tanto o ponto inicial quanto o final e o ponto central. Essa linha central é o que vou pegar com a ferramenta de seleção direta e arrastá-la para dentro da forma. Veja o que acontece lá é que os textos agora estão dentro. A razão pela qual estou fazendo isso é porque se eu mantiver os textos do lado de fora, obviamente, isso não vai funcionar bem porque vai colocar o texto de cabeça para baixo. Então, se eu arrastá-lo para dentro, isso funcionará muito melhor. Mas o que temos que consertar é o mesmo de antes. Temos que arrastar o ponto inicial. Então essa pequena linha aqui e o ponto final um pouco mais longe. Agora, os pontos finais às vezes são um pouco complicados de encontrar, mas consegui encontrá-lo aqui novamente para a direita e este para a esquerda. O que precisamos fazer também é selecionar todos os textos. Portanto, clique duas vezes no texto e pressione Command a ou Control a é para poder movê-lo para fora do círculo. Porque o que aconteceu ao movê-lo para dentro do círculo é que agora não está alinhado com o outro texto. Assim, você pode ver enquanto o lead que seus textos de ideias ficam no círculo, então ele o usa como uma linha de base. Este outro texto aqui está sentado dentro do círculo e pode ser uma decisão artística que você quer que ele faça assim. Mas o que eu gostaria de fazer é selecionar esse texto aqui e depois movê-lo fora para que ele esteja alinhado com os textos na parte superior. Então, o que vou fazer é um atalho útil é chamado de mudança de linha de base, que é a tecla Alt ou Option Shift. E, em seguida, seta para baixo para empurrá-lo para fora. seta para cima seria empurrá-lo em direção ao centro da forma. E você pode ver como consegui alinhar o círculo ao topo dos personagens ou a altura da tampa dos personagens. E agora o que preciso fazer é porque eu o mudei, também preciso reduzir o rastreamento. Agora isso é algo que você pode fazer no menu de personagens aqui. E você pode encontrar o rastreamento aqui. E podemos defini-lo para provavelmente algo como menos 100. Mas mesmo isso é um pouco demais. Se você quiser, você também pode usar opção setas para a esquerda e para a direita ou todas as setas para a esquerda e direita para definir rapidamente o rastreamento. E a mesma lacuna curta também pode ser usada para kerning, que é o que os chamamos. Você refina o espaçamento individual entre os caracteres. Então aqui, por exemplo, o th está um pouco perto demais, mas o E pode chegar um pouco mais perto. E então, especialmente entre o w e a, podemos ir um pouco mais longe. Quero dizer, mantenha-os mais próximos um do outro. Isso é novamente Alt ou opção seta para a esquerda neste caso. Então eu acho que o G e H podem ir um pouco mais perto também. I-n-g e o L e eu podemos ser separados um pouco. E isso era importante principalmente que o fundo fosse consertado. Mas também podemos verificar o texto superior aqui. E posso ver que o DNA pode ser separado no bit D e E pode ser um pouco mais próximo. E então você é ou você, este. Y e o também podem estar mais próximos. Estes podem ser afastados um pouco, então já estão muito melhores. Portanto, um pouco de kerning é muito útil, especialmente quando você começa a colocar texto em um caminho ou sempre que você trabalha com títulos ou títulos, sempre preste atenção nisso. E agora que temos os textos no lugar, podemos nos livrar desses originais aqui no topo. E deixe-me mostrar uma coisa antes de irmos mais longe. Essa é uma ferramenta que eu amo e às vezes eu usaria mesmo em texto circular, é chamada de Touch Type Tool. Você pode acessá-lo pressionando Shift T ou clique com o botão direito do mouse na Ferramenta Tipo e selecione-o na barra de ferramentas. Agora, o que essa ferramenta pode fazer é mover ou mudar e girar individualmente caracteres de escala sem perder a estabilidade de edição do texto. Então, por exemplo, se eu quiser que ele te mova um pouco para baixo, eu posso fazer isso. Se eu quisesse que o r fosse girado ligeiramente, torne o texto um pouco mais brincalhão. Eu posso fazer exatamente isso. Também posso tornar o texto ou caractere individual menor ou maior. Talvez tenha o y um pouco maior. E você já pode ver como ele está começando a parecer um pouco mais interessante. 13. Como adicionar elementos à composição: ilumine o caminho: E eu poderia passar um dia inteiro fazendo isso, mas vamos seguir em frente. E não vou repetir a mesma coisa no texto na parte inferior porque é muito simples e fácil de trabalhar. Mas o mais importante, o texto ainda é editável e ainda está no caminho que criamos para ele. Então, o próximo passo será começar a adicionar todos esses elementos aqui, talvez começando com essa pequena estrela aqui à direita. Vou colocá-lo em algum lugar alinhado ao centro, só vou trazer meus guias de volta também para que eu possa ver onde ele precisa ir. Talvez torná-lo um pouco maior e eu vou colocá-lo no lado direito também. Basta girá-lo ligeiramente para que pareça mais um ângulo ligeiramente diferente. Tudo bem, isso já está começando a ficar bem por conta própria. Poderia funcionar como um design como um crachá. Mas vamos levar isso para o próximo nível. E, a propósito, o finalizado começou com é algo que estamos compartilhando com nossos membros se você quiser ter acesso a ele e conteúdo exclusivo adicional que fazemos apenas para membros. Você pode encontrar o link na descrição abaixo e conferir em qual nível você prefere participar. Mas não vamos parar por aqui. Vou mostrar uma maneira muito legal de usar o efeito de transformação para criar um padrão radial. Eu gostaria de usar esses elementos aqui no canto superior esquerdo e fazer parecer que eles estão apenas se espalhando ou se espalhando do centro. Então, realmente representando idéias flutuando ao redor e apenas se espalhando do centro onde a pequena lâmpada está. Para poder fazer isso. Primeiro de tudo, o que vou fazer é voltar meus guias e desenhar um retângulo. Esta será a área em que eu gostaria de desenhar meus elementos. Agora, esse retângulo vou definir para ser transparente, então removo as cores de preenchimento e traçado. A propósito, você pode fazer isso pressionando o ponto de interrogação no teclado ou a tecla de barra para frente. E qualquer cor que esteja atualmente destacada pelas leituras, preenchimento ou traçado, esse atalho de teclado irá removê-lo, então defina-o como nenhum. Agora esta é uma forma completamente vazia, e posso ver que está centrada no meio da composição, o que é perfeito. Mas se eu quiser, também posso mover isso e garantir que ele esteja alinhado ao centro, com o guia. Agora que está lá, vou copiar, colar isso e usar outro atalho Command ou Control F5 para transformá-lo em um guia. Portanto, isso é algo que você pode encontrar no menu Exibir. E sob guias, faça guias. Esse é o que eu usei. Então, agora que ele se transformou em um guia, eu posso colocá-lo na minha camada de guias. E você pode ver se eu desligar isso, ainda tenho o outro retângulo, que vou usar junto com uma linha. Agora vou desenhar essa linha. E eu realmente preciso do meu guia para isso também, porque isso deve começar do ponto central, como o círculo original com o qual começamos. E vou começar a desenhar isso e mantenha pressionada a tecla Shift para ter certeza de que está completamente vertical. Agora ele não precisa ir muito alto. Só vou desenhá-lo em algum lugar até lá. Vou desligar meus guias. Selecionarei esta e a outra forma. Agora, ambos são invisíveis ou transparentes porque não há preenchimento ou traçado atribuído a eles. Vamos apenas tocar algo como essa câmera em algum lugar aqui no meio. Tudo bem, vamos selecionar essas formas novamente. Eu preciso da minha linha invisível também. Lá vai você. Agora que todos os três estão selecionados, posso usar o atalho Control G ou Command G para transformá-los em um grupo. Portanto, esse grupo é o que usaremos para o efeito de transformação. Então, agora que o grupo está pronto, podemos ir ao menu Efeito. E de distorcer e transformar, usarei o efeito de transformação. E abre esta caixa de diálogo adorável, mas um pouco complicada. Bem, antes de tudo, o que você precisa fazer é ativar visualização para que você possa ver as mudanças que está fazendo. E vou definir as cópias para cinco só para que possamos ver o que acontece. Quando começo a arrastar o ângulo para a esquerda. Você já pode ver o que está acontecendo aqui. Então, por que ele está girando em torno de si mesmo e não em torno da forma? Porque o ponto de referência atualmente definido para o ponto central. Uma vez que eu mudo isso para o fundo, ele já está se consertando. Porque agora toda a seleção, esse grupo inteiro é usado como ponto de referência. E o ponto inferior está no centro do círculo original. por isso que precisávamos dessa linha vazia. Esse é o único que o ancora ao centro. E você verá por que eu precisava do outro retângulo vazio também. Então, agora tudo o que precisamos decidir é quantas cópias queremos. Bem, acho que vou usar 45 graus. E para isso posso usar sete cópias. E isso também é, a propósito, um atalho que uso com muita frequência sempre que uma caixa de diálogo é selecionada. Você pode usar setas para cima e para baixo para aumentar ou diminuir rapidamente um valor. E você pode ver com que rapidez consigo ver quantos eu preciso. Agora 45 graus são exatamente 360 divididos por oito. E a razão pela qual precisamos de sete cópias, porque uma é a original mais sete. Então é assim que você obtém oito vezes 45 é igual a 360. E a razão pela qual mencionei isso é porque se você quiser usar um ângulo diferente, então vamos apenas dizer 60 graus. Mais uma vez, você só precisa fazer uma matemática rápida. Seis vezes. 60 é 360. Então, quantas cópias precisamos? Cinco. Então, se eu tiver quatro, isso não é suficiente porque temos um aqui no topo e quatro cópias, só temos que aumentá-lo para cinco. Se eu, por exemplo, quiser ter nove cópias, sei que o ângulo deve ser o D6. E só para mostrar, se eu reduzi-lo em um, são exatamente dez instâncias. Então, as cópias originais do M9. Então, novamente, isso é 36 graus vezes dez, o que é 360, o círculo completo. Mas vamos voltar à ideia original de usar 45 graus com sete cópias. E é disso que precisamos aqui. Então eu posso clicar em OK, e agora o efeito de transformação está pronto. Agora vem a parte interessante. Vou selecionar todos esses elementos aqui, recortá-los, Command ou Control X, depois selecionar o grupo e clicar duas vezes nele. Isso é chamado de isolamento. Quando você clica duas vezes em um grupo, você começa a trabalhar dentro dele e você pode ver que pequenas migalhas de pão na parte superior também. Então podemos ver que estamos trabalhando dentro do grupo. E se renomearmos esse grupo e chamá-lo, digamos apenas padrão, então poderemos dizer que estamos dentro do padrão. É sempre bom nomear seus grupos de qualquer maneira, então ele só ajuda você mesmo quando você está no modo de isolamento. Agora vou usar o Controle ou o Comando F para colar todos os elementos. Mas o que aconteceu é que, como esses elementos estão fora do nosso retângulo de segurança, toda a composição está ficando confusa. Mas olhe para este seno, mova-os para dentro desse retângulo. Na verdade, as coisas vão funcionar bem. Deixe-me voltar meus guias. Se eu clicar duas vezes para fora e voltar atrás, as guias poderão acompanhar onde esse retângulo está. Agora, se eu clicar duas vezes novamente, comece a mover essas formas. Você verá que, enquanto eu ficar dentro desse cofre, o retângulo, a câmera não vai se mover. Mas assim que eu me movo para fora dela, toda a composição começa a explodir e ficar completamente confusa aqui na parte inferior. É por isso que é muito importante criar um retângulo como esse. Porque enquanto você continuar trabalhando dentro do retângulo, você está livre para colocar esses elementos onde quiser. E, obviamente, o efeito Transform irá copiá-los, neste caso, sete vezes girados em torno do ponto central do experimento. Mas é claro, eu quero espalhar essas formas em torno de mais. Então, vou apenas ampliar um pouco mais perto. E vamos nos divertir movendo essas formas. E provavelmente vou acelerar isso porque não é tão interessante. Estou apenas escalando e movendo formas ao redor. 14. Máscara de opacidade de gradiente: ilumine o caminho: Ok, então algo assim. Estou muito feliz com. A propósito, deixe-me saber se você está interessado em ver como fazer esses pequenos ícones que eu criei. Então, a câmera, a ferramenta pincel, a ferramenta Caneta, posso mostrá-la em outro tutorial. Apenas me avise nos comentários se você estiver interessado, e também talvez me diga que tipo de objetos você gostaria de ver criados como ícones. E por último, mas não menos importante, gostaria de ensiná-lo a usar uma máscara de opacidade de gradiente. Então toda essa forma que temos aqui é gerada por esse grupo, o único grupo que temos aqui no topo. A propósito, como o efeito Transformar é um efeito ao vivo, podemos sempre selecionar o grupo e desativá-lo no painel de aparência. Se eu desligá-lo, poderemos vê-lo como o único elemento ou a única parte desse padrão que é gerado. E todo o resto é algo que nem consigo selecionar neste momento porque tudo faz parte do efeito. Mas se você quiser fazer mais variedade nas formas ao seu redor, você pode ir ao menu Objeto e escolher Expandir Aparência, que vai se livrar do efeito, mas ele transformará tudo esses elementos em objetos editáveis. Deixe-me mostrar como funciona se eu clicar em Expandir aparência, agora, todos esses elementos são selecionáveis, então eu posso clicar duas vezes e você pode ver que cada um ainda está em grupos. Mas eu seria capaz de clicar duas vezes novamente, entrar e começar a movimentar as coisas. Então isso ajuda a criar um pouco mais de variedade, se você quiser. Mas eu não preciso disso neste momento. Então, vou desfazer e voltar para a configuração original dos efeitos de transformação. Porque o que vou fazer aqui é ir ao painel de transparência e escolher Make mask. Enquanto estou no grupo, clico em Make Mask. E, por padrão, começa com uma máscara preta. Agora, isso não é ruim, mas eu só queria mostrar que, se você tiver a opção de clipe desativada, então é uma máscara vazia, algo que mostra tudo completamente. Então, quando esse ícone aqui é convidado, isso significa que tudo está visível. Quando é preto, tudo fica oculto. Portanto, essa máscara, a propósito, é aplicada no grupo selecionado, nem tudo o resto no design, apenas em um grupo selecionado. Agora, isso também é importante para poder começar a adicionar designs à máscara ou realmente definir o que a máscara vai fazer, você precisa clicar no ícone novamente. Então é assim que você trabalha com os objetos, e é assim que você trabalha com a máscara. E a maneira como você pode dizer que está trabalhando dentro da máscara é olhando para sua guia. Deve dizer máscara de opacidade aqui em cima, mas também o painel de camadas dirá máscara de opacidade. É quase como um reino separado. Você está trabalhando na dimensão do objeto ou na dimensão mesquita. Estamos no reino da máscara. E o que vou fazer agora é desenhar um círculo. Vou usar a ferramenta Elipse e na verdade precisamos mostrar nossa máscara. O que vou fazer é antes de tudo voltar a ligar os guias porque precisaremos deles. Em seguida, volte para a seção da mesquita. E então vou usar a ferramenta Elipse e O que clicar e arrastar do centro, apontar algo que cobre completamente toda a área. E agora vou mudar para o painel de gradiente. gradiente radial é o que eu quero. E você pode ver que eu tenho branco à esquerda e preto à direita. E isso é tudo o que precisamos, porque essa é a máscara de opacidade que manterá a parte central visível. E à medida que nos aproximamos das bordas, o gradiente fica preto, que significa que eles começam a esconder esses elementos. Por isso, cria esses bons efeitos alimentares. Então, do centro para fora, como uma fé de rádio uma forma que você pode pensar nisso assim. Então você pode ver minha transparência está mostrando isso exatamente. E, a propósito, se eu quiser, posso voltar para o gradiente e até mesmo ajustar o desvanecimento em si para que eu possa colocar a pequena estrela à direita, que mostrará mais o que mostrará mais objetos ou arrastá-lo mais para o esquerda e, em seguida, mostrará menos. Além disso, você pode pressionar G no teclado e, em seguida, usar o anotador de gradiente, o que é ainda mais fácil porque você pode fazê-lo diretamente no design. Então isso é muito legal. Você pode até arrastar o ponto final mais ou mais adiante. Então, se eu arrastar esse ponto, você pode ver que podemos esconder ainda mais dele se quisermos. Mas vou mantê-lo em algum lugar assim. Então, é quase como um pano de fundo. Não quero que o padrão seja muito avassalador porque o elemento de design mais importante está realmente no centro. Então, vou deixar isso por isso. E não se esqueça de voltar ao painel de transparência, voltar ao mundo real normal e deixar a máscara para trás. Agora podemos desligar os guias, clicar fora. E talvez como um efeito final que possa unir tudo. Podemos adicionar outro círculo. Nós então outro gradiente sobre ele, que eu realmente já preparei. Mas é exatamente a mesma coisa, o que fizemos na máscara de opacidade. Nesse caso, está do lado de fora. Portanto, não está em uma mesquita é simplesmente sentado aqui na parte inferior da composição. E posso mostrar que é o gradiente que usei. Portanto, são duas cores. Há um feed entre os dois também. E eu tenho isso definido para o modo de mesclagem Hard Light. É assim que ficaria no modo normal, mas acho difícil como talvez sobreposição, que é um pouco escuro demais. Acho que a luz dura é provavelmente a melhor combinação com a cor de fundo e toda a composição em geral. O legal sobre as máscaras de opacidade é que elas são completamente editáveis, então elas não são destrutivas. Então, podemos selecionar o grupo. E dentro do painel de transparência, se você quiser ver sem a máscara, basta clicar na máscara, que revela como era antes. E então podemos ver depois simplesmente desfazer e refazer. Deixe-me saber na seção de comentários, qual você prefere? Você prefere isso com a máscara de opacidade ou uma dúvida em V? Ambos parecem muito bonitos, mas acho que com a máscara é um pouco mais sutil e fácil de ler. 15. Ferramenta de mesclagem: entrelaçamento: Como de costume, começo com meu esboço em uma camada de modelo em segundo plano, e vou trabalhar em cima dele na camada separada chamada de arte. Começarei a usar a ferramenta elipse e mantendo pressionada a tecla Shift, vou desenhar meu primeiro círculo que colocarei aqui nesta parte do texto. Também vou selecionar a cor para isso. E observe que eu tenho amostras phi. Na verdade, recebi essas amostras no painel Temas de cores, que você pode acessar clicando neste pequeno ícone. Portanto, se você não tiver certeza com quais cores você deve trabalhar, escolhendo a opção Explorar, você poderá encontrar muitos temas de cores definidos pelo usuário. E todos eles terão cinco cores neles. Vamos ver se eu gosto deste. Só posso escolher Adicionar às amostras. E lá vai você. Temos outro grupo de cores. Portanto, essa é uma maneira brilhante de encontrar inspiração e testar diferentes temas de cores. Vou escolher este que criamos aqui. Estou no círculo original e depois eu Alt, clique e arraste para duplicá-lo, mudarei a cor, talvez para essa outra cor ou até mesmo uma cor completamente diferente lá. Em seguida, Alt, clique e arraste, duplique-o novamente, altere a cor. Então continue fazendo isso. Posso até alternar essas cores. Agora que eu tenho três cores diferentes, eu posso segurar clicar e arrastar esta aqui para baixo, depois clicar em Alt e arrastar isso. E, essencialmente, o que estou tentando ter em mente é que esses serão os pontos âncora na minha mistura. Então, uma vez que eu criar a mistura, vou juntá-los e acho que já à frente como eu desenharia com a ferramenta caneta, estou colocando esses pontos de ancoragem. Se você não estiver familiarizado trabalhando com a ferramenta caneta. E isso é algo que você precisa experimentar até ficar confortável. Mas mesmo que você faça as colocações erradas, você sempre pode alterá-las mais tarde para que isso realmente não importa. Agora, vamos continuar colocando-os para baixo. Vou usar novamente essa cor e depois o roxo mais escuro. E isso é basicamente tudo o que precisamos para a primeira palavra. Então, agora vou mudar para a ferramenta de mesclagem. W é o atalho para isso. E tudo o que preciso fazer é clicar neste primeiro círculo, depois no próximo, depois no próximo e no próximo, e assim por diante e assim por diante. Apenas certifique-se de passar por eles em ordem, na ordem em que deseja criar o texto. E é claro que não se parece com a forma por trás dela, o caminho que criamos. Mas depois de pressionar Control ou Command Y, posso alternar para a visualização de contorno. Na verdade, serei capaz de refinar o caminho da mistura para o que precisarmos. Então, tudo o que você precisa fazer neste momento é mudar para a ferramenta caneta e mantendo pressionada a tecla Alt, você pode começar a dobrar essas curvas. Então Alt, clique e arraste ou Option click and drag irá dobrar esses segmentos de caminho. Agora, infelizmente, este é um atalho que só funciona, acho que da CC 2018 em diante. Portanto, é para versões mais recentes do ilustrador. Mas deixe-me continuar fazendo isso. E se você tiver versões mais antigas, provavelmente poderá fazer a mesma coisa apenas adicionando pontos adicionais com a ferramenta caneta e, em seguida, começar a arrastá-los, adicionando as âncoras. Mas esse atalho economiza muito tempo. Então, é muito mais rápido. Dobrando essas linhas retas e também mantendo pressionada a tecla Alt ou Option, posso arrastar as âncoras ou os pontos manipulados também para colocá-los no lugar certo. E observe como os pequenos círculos ficam no mesmo lugar para que eles não estejam se movendo. Eles são apenas estáticos, permanecendo naquele lugar original onde os colocamos. Agora, vou refinar essas curvas um pouco como esta aqui também. Só vou arrastar as alças para fora um pouco mais. E acho que isso parece muito bom. As únicas coronárias afiadas aqui no topo. Então, vou tentar suavizar isso usando as alças. Certo? Algo assim. Agora, se eu pressionar Command ou Control Y, podemos voltar a ver as cores reais que criamos. E podemos até desligar temporariamente o plano de fundo apenas para que possamos ver como ele se parece. Agora, mesmo neste momento, parece bastante interessante. Então, temos esses pequenos pontos. Mas uma vez que selecionamos a forma e clicamos duas vezes na ferramenta Mistura na barra de ferramentas, podemos especificar exatamente quais configurações queremos usar com isso. Então, em vez de usar essa opção, podemos mudar para cores suaves para o espaçamento. E imediatamente você pode ver o quanto parece melhor. Então, se eu clicar longe, você vai, parece perfeito. Agora, a única coisa que precisamos consertar, claro, é o alinhamento. Então, neste momento, vou arrastar os pontos de ancoragem com a ferramenta de seleção direta. E nem estou incomodado neste momento em torná-lo exatamente o mesmo que meu desenho original. Isso foi mais como apenas um guia para criar essa forma. Mas agora que os tenho no lugar, posso configurá-lo. E parece muito bom. E este é o ponto em que eu realmente continuaria fazendo a mesma coisa. Mas todo o resto dos detalhes. 16. Como adicionar mais detalhes à composição: entrelaçamento: Agora você pode estar se perguntando por que eu não fiz a coisa toda em um. A razão para isso é que estou tentando mantê-lo simples para a ferramenta de mesclagem. Então, em vez de fazer tudo em uma, mesmo que seja uma linha contínua, como você pode ver o design, é melhor separar a arte em 34 ou cinco misturas separadas e depois tentar obter essas misturas combinando nos pontos de encontro. Então você verá exatamente como isso funciona, mas se você tentar fazer tudo de uma vez, ele irá travar o Illustrator ou você estará realmente lutando para obter as transições certas. Então, definitivamente vale a pena dividi-lo como se eu estivesse fazendo isso aqui. Então, vamos continuar. Vou usar o mesmo círculo que eu tinha antes, apenas selecionando um deles no painel de camadas, controle ou comando C e, em seguida , Controle ou Comando F para colá-lo, arraste-o para fora de esse grupo de mistura, e então agora posso movê-lo livremente e colocá-lo em algum lugar por aqui. Ok, então agora podemos fazer exatamente a mesma coisa. Clique e arraste antigos ou clique e arraste. E depois primeiro vou colocar esses pontos muito rapidamente. Lá, lá, lá. E então agora posso mudar essa cor. Então, este pode ser essa cor brilhante. Este pode ser o mais escuro e depois alternado. Então, novamente, talvez selecione esses dois pode ser a cor brilhante e, em seguida, essa pode ser a cor escura. E essa também é a cor escura lá. Então, é quase como um padrão alternado de certa forma. Agora, para ter certeza de que a mistura continua, também vou duplicar esse ponto, arrastá-lo até aqui, alinhá-lo com a outra forma, enviá-lo para a mesma cor exata, e isso também irá faça parte desta segunda mistura. Dessa forma, posso conectar os dois juntos. Então esse é um passo importante lá para garantir que eu não estrague minha mistura anterior. Vou trancar isso. Isso significa que não poderei selecionar acidentalmente. E agora posso usar a ferramenta de mesclagem e começar do primeiro círculo e clicar no segundo. E então continue passando por isso como antes. Certifique-se de que passamos na ordem correta. Certo. Então, isso provavelmente é um pouco mais longo e tem mais juntas do que a branda anterior. Mas ainda assim acho que isso deve estar bem. Espero que não trave o Illustrator. Portanto, é sempre bom economizar. Só estou economizando neste momento. E então o que vou fazer é alternar novamente para a visualização do esboço. Então, Comando ou Controle Y no teclado. E, neste momento, podemos até desativar a visibilidade da outra forma apenas para que ela não atrapalhe. E usando a ferramenta caneta, posso Alt, clicar e arrastar para criar minha primeira curva. Em seguida, arraste este para fora, mantendo pressionada a tecla Alt continuamente. Nem estou deixando ir. Eu posso controlar as alças também. Então eu posso dobrar essa forma. Eu posso dobrar esse outro caminho também. Ajuste também as alças imediatamente. Essa forma. E esses são os mais complicados aqui. Portanto, você quer ter certeza de que as alças em cima disso são contínuas para que não haja interrupção entre as duas alças. Algo assim. Talvez possamos arrastar isso um pouco mais longe e, em seguida, arrastar isso para fora também. Isso é muito bom. Então, mantendo pressionada a tecla Alt novamente, vamos dobrar isso e aquilo. Estou usando as alças. Podemos adicionar um pouco de curva lá. Também podemos adicionar uma curva um pouco mais suave aqui. Novamente, evite fazer uma pausa entre os dois pontos de alça. Algo assim. Que mais perto, isso pode estar um pouco mais longe. Tudo bem e, em seguida, clique em Alt e arraste novamente. Altere a opção assim. E o mais fácil aqui no final. Lá vamos nós. Então, agora, se eu pressionar Control ou Command Y, voltamos para a visualização normal. Posso desativar meu desenho original apenas para que possamos ver o que criamos. E, como sempre, temos que selecionar o caminho, clicar duas vezes na ferramenta Mistura e, em seguida, escolher Cor suave e clicar em OK. E isso vai regenerar o design. E agora podemos voltar a primeira palavra que criamos. E você pode ver porque alinhamos o ponto que eles estão unidos e usamos a mesma cor exata. Parece que é um caminho contínuo. Portanto, essa é uma maneira inteligente de evitar criar uma mistura muito longa. Então, apenas separá-lo assim. E, claro, se você se sentir assim, quer mover as coisas, você pode fazer isso. Você pode selecionar círculos. Digamos que neste caso eu apenas clique nisso e posso até usar as teclas de seta no teclado. Então, para cima, para baixo, para a esquerda , para a direita, eu posso empurrá-los. Eu também posso mover este 1º de maio ser um pouco e apenas refinar a forma. Portanto, não há sobreposição, mesmo este aqui, podemos nos mover um pouco mais longe. Essa é a coisa divertida que, uma vez que você tenha essas formas no lugar, é muito mais fácil fazer um homem e você pode realmente refinar, obter o espaço negativo bem preenchido. Então, vou desbloquear essa outra forma também para poder começar a brincar com esses pontos. E oh sim, este é o ponto em que temos a parte da reunião. E se eu quiser mover esse ponto aqui, tenho que ter certeza de criar uma seleção de marquise lá. Vou selecionar os dois círculos. E então eu posso movê-los ao mesmo tempo. Então eu posso me mover com provavelmente por aqui. 17. Como recolorir a arte, seletor de cores: entrelaçamento: E agora deixe-me acelerar um pouco o vídeo porque vou repetir os mesmos passos, mas depois vou explicar mais algumas coisas antes de finalizar esta arte. Ok, agora que temos o resultado final, deixe-me mostrar algumas técnicas muito legais da maneira como podemos melhorar essa composição. Primeiro de tudo, e se eu quisesse mudar as cores? Então, neste momento, estou feliz com a aparência, mas e se eu quiser usar ou apenas testar cores diferentes? Bem, a maneira mais fácil de tentar isso é selecionando tudo Controle ou Comando a e, em seguida, clique neste ícone na parte superior, o recurso de arte de recolorir, e você pode selecionar cores individuais, clique duas vezes neles. E, a partir do seletor de cores, você pode escolher cores manualmente ou alternar para as amostras de cores, que listamos todas as cores em seu documento. E então você pode escolher outro. Em seguida, clique em OK, e isso vai atualizá-lo. Mais uma vez. Talvez em vez dessa cor, eu vou usar amostras de cor de vestido e esse amarelo. E então, para o roxo, vou mudar para essa cor turquesa. E já podemos ver como essa nova versão se parece. Então, se eu clicar em OK, podemos comparar antes e depois. Portanto, é tão simples quanto isso fazer alterações. Ou você também pode usar o recurso de recolorir arte no modo de edição, onde você pode mover os pontos na roda de cores livremente. Ou se você quiser uma combinação, você só quer mudar a tonalidade. Você pode olhá-los juntos clicando nesta pequena corrente aqui. E então, quando você começar a movê-los, você verá como ele vai recolorir todos eles ao mesmo tempo, mas mantendo as relações entre as cores iguais. É uma boa combinação de cores lá. Então, mais uma vez, isso foi antes, e isso é depois. A próxima coisa que você pode fazer é alterar as configurações de cada uma de suas glândulas. Então, por exemplo, este aqui em cima. Se eu for para o menu Objeto e escolher mesclar, há duas opções. Primeiro de tudo, espinha reversa, que mudaria a ordem da mistura. Em vez de começar com este rosa brilhante e acabar no escuro, roxo, vai reverter as cores. Então agora você pode ver que temos um pouco mais de um salto em cada extremidade, mas isso também pode ser intencional, e na verdade parece muito bom. Ele apenas define as palavras um pouco mais. Então eu tive que ter um pouco de uma pausa entre cada uma das glândulas. Mas vou desfazer isso e mostrar outro recurso novamente a partir da mistura de objetos. Isso é chamado de frente para trás reverso, mas isso vai fazer é mudar o que está no topo e enquanto está atrás nos pons. Então, por exemplo, aqui você pode ver que temos essas cores brilhantes no topo, mas uma vez que eu escolher o reverso de frente para trás, teremos os detalhes roxos ou roxos escuros chegando ao topo e todas as outras sobreposições são vai ser revertido. Isso também é bastante útil e às vezes você pode obter melhores resultados jogando um pouco com as configurações. Depois de ter suas misturas prontas. 18. Espessura do traço, detalhes finais: entrelaçamento: E, finalmente, provavelmente o recurso mais legal é que você pode realmente alterar a espessura de seus traços. Agora, porque eles não são, na verdade, traços. Eles são as misturas entre esses círculos que criamos no começo. Você precisa ser um pouco mais inteligente do que simplesmente alterar as configurações do traçado. O que você precisa fazer é entrar em cada uma de suas misturas e garantir que você bloqueie o caminho, que também é conhecido como a espinha da branda. Então, vamos trancar isso em cada um desses eu vou trancá-lo aqui também. Indo lá, geralmente está no topo em cada uma das misturas. Por isso, é fácil encontrá-lo. E uma vez que passei e registrei tudo, agora se eu fizer um select all ou Control or Command a para selecionar todos os círculos no design. Agora, a razão pela qual isso é útil, porque agora podemos primeiro verificar se eles estão todos alinhados. Então, onde há uma junção, ela deve estar alinhada e eu posso perceber que há realmente um problema aqui. Então, vou usar a ferramenta de seleção direta e começar a arrastá-la até que ela se encaixe e se alinhe com a outra. Eu era uma boa maneira de detectar o erro aqui e, na verdade, ainda não estava alinhado. Deixe-me afastá-lo e depois movê-lo de volta. Agora, ele deve estar alinhado. Posso selecionar os dois juntos, movê-los para lá. Isso parece melhor. Agora, para que esse recurso funcione, temos que ter certeza de que temos apenas o círculo selecionado e não as partes. Assim, as espinhas dentro das misturas e mesmo que sejam registradas, elas, na verdade, são selecionadas quando usamos o comando ou controlamos um atalho. Então, em vez de usar isso, há outra ferramenta chamada Varinha Mágica, que pode selecionar os mesmos objetos dentro do design. E o que eu faria é clicar em um desses círculos. E você pode ver imediatamente que ele seleciona todos os outros círculos no design. Eu também posso entrar na visualização do esboço, e parece que está tudo selecionado. Agora, se eu verificar meus grupos, posso ver que as partes não estão selecionadas. Então, essa era uma maneira muito mais fácil e rápida fazer a seleção. A propósito, se você quiser refinar como a mágica está funcionando, basta clicar duas vezes nele e você pode escolher qualquer filtragem com a qual você gostaria de trabalhar. Eu estava usando opacidade e isso conseguiu filtrar apenas os círculos e não selecionar o contorno. Agora que eu tenho o círculo selecionado, você pode finalmente usar o efeito que eu queria mostrar. Então vamos para o menu Objeto, escolhemos, Transforme e Transforme Cada. Então você não quer escalar porque isso apenas aumentaria, diminuiria o tamanho de toda a composição. Você quer escolher Transformar cada, o que significa que você poderá redimensionar os círculos individualmente e mantê-los onde quer que estivessem originalmente, sem alterar sua posição. Então, vou ativar a visualização. E vou mudar a escala horizontal para 50. E então a escala vertical ou mais do 50. E lá vai você. Essa é a espessura reduzida aplicada no design. E da mesma forma, se eu quiser torná-lo mais espesso, eu poderia dizer digite cento e vinte, cento e vinte. E agora temos uma linha muito mais espessa que campos no espaço negativo mais. Então, neste momento, você pode experimentar e ver qual espessura funciona melhor. Se você quiser torná-lo muito fino, você pode descer para 25% e assim por diante e assim por diante. Claro, você pode até fazer mudanças individuais. Então, se eu fizer 5050, então eu posso selecionar um dos círculos, vamos dizer este aqui e depois usar escala de transformação de objeto neste caso, e talvez digitar 200. Então você pode ver que podemos criar variação na espessura também ajustando círculos individualmente. Claro, podemos até selecionar vários círculos. Então, talvez selecione isso que, que estou apenas mantendo pressionada a tecla Shift , escolhendo aleatoriamente alguns e volte novamente usando transformar cada disco desta vez porque não queremos movê-los ao redor. Então, mais uma vez, basta digitar duzentos, duzentos e lá você tem mais variedade, novamente na largura. Portanto, as possibilidades são realmente infinitas e isso só se resume à sua criatividade. Como será o resultado final. 19. Conclusão: Parabéns por terminar este curso. Espero que você tenha se divertido tanto assistindo isso quanto eu me diverti gravando. E, claro, não se esqueça do projeto da turma. Porque lembre-se, a prática leva à perfeição. Mal posso esperar para ver seu trabalho, então não deixe de enviá-lo. E caso você goste deste curso e queira aprender mais comigo , há muitos outros cursos que você pode encontrar aqui. Vá em frente, verifique-os agora. Mal posso esperar para te conhecer na próxima.