Letras com sombreamento no Illustrator

1. Primeiros passos: Oi pessoal, eu sou Jamie Bartlett. Nesta aula, vamos aprender como pedir para adicionar algumas sombras de estilo texturizadas às nossas letras dentro do Illustrator. É super rápido e fácil e é uma ótima maneira de adicionar um pouco de estilo às suas letras. Com um projeto de classe, você só precisa do Illustrator e algumas letras vetoriais. Você pode usar letras que você já criou ou você pode criar algo novo para a classe. Se você precisa de alguma inspiração, um ótimo lugar para começar, são suas iniciais porque há apenas algumas letras. Então vamos entrar. Aqui está a letra que vou usar. Você pode fazer qualquer tipo de letras de estilo que você quiser, ele só precisa ser um vetor. Se precisar de ajuda para transformar suas letras em vetor, tenho uma classe chamada Monoline. Nessa aula, eu ensino uma das minhas técnicas favoritas sobre como vetorizar suas letras usando a ferramenta caneta. Meu letreiro usa traçados para começar, mas o seu não precisa. Torna as coisas um pouco mais fáceis no nosso primeiro passo. Então comece fazendo um novo documento. No meu documento é definido como 2000 pixels por 1500 pixels. Certifique-se de que é RGB e certifique-se de desmarcar, alinhar novos objetos à grade de pixels, se isso foi selecionado. Em seguida, certifique-se também de que as unidades estão definidas para pixels. Clique em “Ok”. Em seguida, traga suas letras para este documento. Vou fechar isso, já que já tenho o meu preparado. Antes de começarmos, quero mostrar como será o nosso projeto final. Então eu tenho todas as letras aqui com diferentes posicionamentos para sombras. Você pode se divertir muito decidindo onde você quer adicionar mais profundidade à sua carta. Porque normalmente, você provavelmente não pensaria em adicionar uma sombra aqui ou nesses pontos, mas acrescenta muito. 2. Preparando as letras: Vamos voltar aos nossos caminhos originais. A primeira coisa que eu quero fazer é duplicar esta camada para que eu tenha um backup. Tudo o que vou fazer é ir para a “Paleta de Camadas”, arrastar minha camada até o ícone “Nova Camada”, e agora eu tenho uma “Cópia de Camadas”. Vou trancar essa camada e escondê-la. Agora eu sempre tenho que voltar se por alguma razão eu estraguei tudo. Sempre certifique-se de salvar enquanto você vai junto. Antes de delinear meus Caminhos e transformá-los em preenchimentos, há algumas situações em que é muito mais fácil separar as camadas enquanto ainda é um caminho. Uma dessas situações é este L aqui. Se você se lembra do meu exemplo, queremos que essa parte do L pareça estar sobrepondo essa parte traseira, então precisamos de uma sombra nessa parte traseira. Mas se o delinearmos, estas duas partes que se cruzam vão fundir-se. Precisamos romper esse caminho antes que eles se fundam. Selecione sua camada e, em seguida, mude para a “Ferramenta de Seleção Direta” pressionando A no teclado selecione os pontos que contêm o caminho sobreposto. Se eu selecionar este ponto, os dois pontos em ambos os lados também serão copiados quando eu copiá-lo e colá-lo. Copie, Command C e cole na frente pressionando Command F no teclado. Agora tenho esta linha duplicada. Se eu o tirei, você pode ver que eu ainda tenho isso por baixo, e isso é ótimo. Isso se aplica a qualquer letra que tenha caminhos sobrepostos dentro deles como este. O D tem caminhos sobrepostos, mas você pode ver que eles já são dois caminhos separados, então eu não preciso me preocupar com isso. Se você se lembra como eu fiz o N, este é outro que eu posso fazer isso também. Se eu mudar para a “Ferramenta de Seleção Direta” novamente pressionando A, e eu quero que este caminho seja duplicado, então eu vou selecionar este ponto, e copiar e colar na frente, e então eu tenho isso pronto para ir. Preciso fazer a mesma coisa por este caminho. Então eu vou selecionar esse ponto e o caminho, copiar, colar, e agora eu tenho esse. Eu tenho mais uma para fazer isso enquanto ainda é um caminho. Eu vou fazer o A, copiar colar na frente, e tudo o resto vai funcionar melhor quando for preenchido. Uma vez que você tenha feito tudo isso, vá em frente e selecione todas as suas letras, em seguida, vá até “Objeto, Caminho, Destaque Traçado”. Agora tudo se tornou um preenchimento. Você pode ver que o L aqui ainda está separado. 3. Separando tudo: Em seguida, precisamos terminar de separar todas as nossas camadas. Por exemplo, este E, eu quero sombras para estar em cada parte desses links aqui. Preciso fazer uma seleção para ter essa sobreposição no topo. Vou selecionar essa parte do E, copiar e colar na frente e então eu vou clicar duas vezes sobre ela, para entrar no modo de isolamento para que nada mais possa ser selecionado, apenas essa camada. Vou ampliar e adicionar alguns pontos de ancoragem a este caminho. Para fazer isso, eu vou pressionar o sinal de mais no meu teclado e, em seguida, basta clicar onde eu quero que esse ponto de ancoragem seja adicionado. Em seguida, vou encontrar a minha Ferramenta de Laço, selecionar todos os pontos que eu quero excluir e, em seguida, ir para Objeto, Caminho, Remover Pontos de Âncora. Eu vou ampliar um pouco mais e eu só vou mover este ponto um pouco. Se você precisar ajustar qualquer um dos seus pontos, mude para a ferramenta de seleção direta pressionando A e você pode simplesmente movê-lo um pouco, para que fique um pouco mais reto. Então eu posso apenas tirar esses outros dois e entre pressionando menos no teclado. Eu separei aquele E. Eu vou fazer a mesma coisa para o G aqui. Para sair do modo de isolamento, tudo o que você precisa fazer é clicar duas vezes fora dessa camada. Eu vou fazer a mesma coisa com o G; copiar e colar na frente, clique duas vezes para isolá-lo e, em seguida, ampliar e eu preciso adicionar um ponto bem aqui. Basta pressionar o sinal de adição, adicionar o seu ponto, ir para a sua Ferramenta Laço e selecionar todos os pontos que você deseja excluir. Em seguida, Objeto, Caminho, Remover Pontos de Ancoragem. Agora, nesta situação, você verá que as alças desses dois pontos estão estendidas. Alterne para a ferramenta Caneta e mantenha pressionada a opção no teclado e puxe a alça para o ponto de ancoragem. Tudo vai endireitar. Lá vai você. Vai continuar fazendo isso, até que tudo esteja separado como você quer. 4. Criando a sombra: Antes de termos as sombras, vamos começar mudando a cor do nosso texto para que possamos ver as sombras, porque as sombras vão ser pretas e se as letras são pretas, então não podemos vê-lo. Então, por enquanto, eu só vou mudar minha cor para um cinza mais claro. Se você sabe qual cor você quer, sinta-se livre para escolher essa cor agora, você sempre pode alterá-la mais tarde embora. Vamos começar adicionando a sombra a este L. Eu quero que a sombra esteja nesta parte do L abaixo deste caminho. Então, selecione a parte do caminho que você deseja ter uma sombra nele, vá para o painel de aparência. Se o painel de aparência ainda não estiver aqui, basta ir até a janela e encontrar a aparência. No Illustrator, você pode realmente adicionar vários preenchimentos e traçados em qualquer objeto. Agora temos um preenchimento, queremos adicionar outro preenchimento. Então, clique no botão Adicionar novo preenchimento e ele cria um novo preenchimento aqui. Mas queremos que seja um preenchimento de gradiente. Vá para a ferramenta de gradiente, certifique-se de que o preenchimento está selecionado e, em seguida, alterne o preenchimento aqui para ser um gradiente. Em seguida, vá para a ferramenta de gradiente, clique e arraste para onde você deseja que a sombra. Isso vai reiniciá-lo. Agora precisamos fazer algum ajuste do nosso gradiente. A primeira coisa que precisamos fazer é tornar nosso gradiente radial em vez de linear. Desta forma, é um círculo. Então queremos mudar o branco e o preto que o preto esteja no centro e o branco saia para a borda. Agora queremos ajustar o posicionamento do nosso gradiente. Queremos arrastar o centro para onde queremos que a sombra apareça. Então precisamos fazer isso muito menor, provavelmente mais a partir daí. Volte para o painel de aparência, expanda o preenchimento de gradiente. Queremos alterar o modo de mesclagem deste preenchimento para ser multiplicado. Assim, o branco não aparece mais e é misturado na nossa camada. Nós só temos o escuro aparecendo, se você quiser, apenas a opacidade, você pode até parar aqui e ter uma sombra gradiente. Mas vamos dar um passo adiante e adicionar um pouco de textura a ele. Para adicionar alguma textura garante que o preenchimento de gradiente está selecionado, e então vamos descer aqui e adicionar novo efeito. Vá para textura, grão. Certifique-se de que o seu grão está definido para estippled, e então você pode brincar com o olhar que você gosta. Eu sei que gosto do meu por volta dos 40 e 25. Pressione Ok. Agora você pode ver como isso está parecendo. Quando você estiver usando o efeito de grão pontilado, não é possível alterar a cor do gradiente. Vai ser sempre preto e branco. Muito rapidamente eu vou mudar a cor do meu L só para que você possa ver do que eu estou falando. Vamos mudar para esta cor vermelha. Você vê que o grão aqui ainda é preto. Então o que eu gosto de fazer é mudar a opacidade do meu grão, então parte da cor rosa vermelha começa a aparecer e não é tão áspera, assim. Você realmente precisa que o grão seja colorido, você sempre pode voltar para o grão e mudá-lo de estippled para granulado. Adicione ajuste o contraste até que a maior parte da camada fique branca. Então, se você defini-lo para uma rota lá, pressione Ok, e então você pode voltar para seus gradientes e alterá-lo para qualquer cor que você quiser. Você pode ver aqui que qualquer chamada que você escolher, como este azul, muda o grão para a cor. A única coisa que eu não gosto neste efeito de granulado é que você pode ver o grão que ele desaparece. Enquanto o efeito estippled que eu gosto de usar realmente fazer isso fora, a densidade da textura fica menos para criar o gradiente. Então eu vou apenas mudar minha letra de volta para ser cinza. Agora que você tem seu conjunto de sombras, você pode brincar e fazer alguns ajustes. Se você tiver seu preenchimento de gradiente selecionado, mude para a ferramenta de gradiente pressionando G, e você pode encurtar isso para trazê-lo ainda mais, você pode espalhá-lo, e você também pode trazer o preto em mais, que o escurece, torna-o mais sólido no início. Também faça isso aqui. Então era isso que eu estava fazendo. Temos que escurece as configurações que você preferir. Você também pode sempre voltar para o grão e brincar com ele mais aqui. 5. Sombras múltiplas: Agora, vamos adicionar essa textura a outra letra. A maneira mais fácil de fazer isso é alternado para sua ferramenta de seleção, selecione a próxima coisa que você deseja aplicar ferramenta Sombra. Eu vou fazer isso aqui e eu tenho uma sombra no topo e no fundo. Agora, em vez de fazer todas essas etapas novamente, você pode fazer uma amostra da sombra com sua ferramenta Conta-gotas. Para que isso funcione primeiro, temos que ter certeza de que as configurações da ferramenta Conta-gotas estão corretas. Você encontrará sua ferramenta Conta-gotas, clique duas vezes para abrir as opções e você precisa ter certeza de que a aparência está marcada. Pressione Ok e, em seguida, clique em e experimente seu grão. Você pode ver que seu grão aparece lá em cima. Você pode ver que esta camada tem o preenchimento cinza e o preenchimento gradiente assim como RL. Agora, precisamos posicionar isto onde queremos. Mude para sua ferramenta de gradiente e então você pode simplesmente posicioná-la e ampliá-la exatamente como quiser, e porque eu tenho essa parte da camada D no topo, ela está indo exatamente onde eu quero. Mas agora, precisamos adicionar outro preenchimento de gradiente aqui para criar outra sombra. Só preciso duplicar este preenchimento. Para fazer isso, eu me certifico de que preenche selecionados e, em seguida, ir até aqui e este é duplicado item selecionado. Aperte isso e criará outro aqui em baixo. Então nós apenas movemos para onde queremos e lá você vai e continua com todas as suas cartas. Uma vez que você tenha todas as letras sombreadas, como você quer que elas sejam, agora você pode brincar com cores ou qualquer ajuste que você queira fazer. 6. Ajustando cores: Se você se lembra, minha final tem várias cores, mas eu só vou mostrar como fazer tudo uma cor por enquanto, e você sempre pode mudar as cores como quiser. A maneira mais fácil é usar a ferramenta Varinha Mágica. Você pode clicar duas vezes na ferramenta Varinha Mágica para alterar as configurações. Verifique se Preenchimento está marcado e se a tolerância está definida como zero. Em seguida, clique na cor que você deseja selecionar, que é a nossa cor cinza. Então podemos ajustá-lo para a cor que quisermos e vê-lo muda para qualquer cor. Digamos que você tenha uma cor aqui que você realmente gostou, como essa cor roxa, e você quer que suas letras sejam aquela cor roxa. Então use sua ferramenta Varinha novamente para selecionar todo o vermelho e, em seguida, use sua ferramenta Conta-gotas. Então, se você clicar diretamente no roxo, tudo muda para roxo. Então você perderia todas as sombras e todo o verde porque ele está provando a aparência deste quadrado roxo e que não tem nenhuma sombra nele. Então, para contornar isso, você tem que segurar Shift no teclado enquanto você clica. Isso apenas mostra a cor e não toda a aparência. 7. Finalizando: Então aqui está minha letra final, eu vou sombreá-lo e eu vou colorir como eu quiser. Mas uma coisa que pode incomodá-lo, talvez não, é que porque este é um efeito raster, parte do grão vem fora da forma. Então, para contornar isso, o que vamos fazer é mascará-lo. Vou diminuir o zoom, fazer uma seleção de todas as minhas letras, e agrupá-la pressionando “Comando G”. Agora é um grupo. Agora eu quero copiar e colar isso na frente. Em seguida, eu quero mesclar esta camada duplicada completamente e ir para o “Pathfinder” e, em seguida, pressione “Unite”, para unir todas essas formas. Então vamos mudar esta camada para branco e depois cortá-la pressionando “Command X”. Vá até Janela, transparência com suas letras selecionadas, clique duas vezes para adicionar uma máscara, e enquanto dentro dessa máscara, podemos colar na frente, e faz uma máscara aqui. Se ampliarmos, pode ver que não sai mais das nossas cartas. Uma outra coisa a saber é que o tamanho do grão é baseado no tamanho do seu objeto. Digamos que nossa letra era desse tamanho. Se fizermos zoom, você pode ver como esse grão é grande e não parece tão bom. Então você quer ter certeza de que é grande o suficiente para o grão estar olhando para a direita. Agora, a resolução sobre este documento é muito maior do que eu queria ser quando o exporto. Se eu vou exportá-lo, eu sempre posso dizer para web e mudar o tamanho dele aqui. Embora se eu quisesse que fosse 800 por 600, eu faria isso, e ele o redimensiona para mim, mas o grão mantém seu tamanho. Isso é tudo o que há para adicionar um pouco de sombreamento às suas letras. Espero que tenham gostado disto e mal posso esperar para ver todos os vossos projectos. Se você postou no Instagram, sinta-se livre para me marcar em um par de pares, para que eu possa ver seu trabalho. Eu amo se você me deixou um comentário, e se você tiver alguma dúvida, sinta-se livre para me perguntar na página da comunidade. Obrigado rapazes. Te vejo na próxima vez. 8. Dicas de bônus!: Ei pessoal, eu estou de volta e eu só queria compartilhar com vocês um pequeno vídeo bônus rápido em algumas dicas úteis, que poderia ser útil como você construir o seu efeito. A primeira é, eu quero mostrar como você pode mudar a forma do seu gradiente radial. Se você entrar em seu gradiente radial, tudo que você precisa fazer é pegar o ponto superior aqui e você pode esmagá-lo, ou até mesmo esticá-lo, e isso pode ser útil dependendo da forma da sua letra. A próxima dica será útil se você precisar que sua arte seja toda vetorial. Vou mostrar-vos como vetorizar as nossas sombras. Vou fazer apenas o “L “por enquanto, mas você pode fazer com todas as suas cartas. Primeiro, vou copiar e colar a parte da carta que tem uma sombra nela. Então eu vou mudar o preenchimento dessa cor para branco, e então uma vez que é branco ir para objeto, rasterizar. Verifique se a resolução é 300 e o plano de fundo está definido como transparente. Pressione “Ok”, e agora está rasterizado. Então, o próximo passo é traçá-lo de imagem. Então aqui em cima, você verá o traço da imagem, e se você clicar na seta para baixo, você pode selecionar “Logotipo preto e branco”, que parece funcionar muito bem. Em seguida, precisamos abrir o painel de rastreamento de imagem. Então vá até aqui na barra de ferramentas, pressione isso para abrir, e aqui estão todas as nossas opções de rastreamento. Assim, você pode mexer com o limiar girando-o para cima ou para baixo, para que mais ou menos da textura apareça. Além disso, queremos ter certeza de que temos ignorar cheque branco. Assim temos as sombras negras. Uma vez que você tem, como você gosta, suba aqui e pressione “Expandir”, e agora temos sombras vetoriais. Como é vetor, você pode até mesmo entrar e mudar a cor das sombras para qualquer coisa que você quiser. Vou selecionar o azul do meu L mudando para a ferramenta conta-gotas e, em seguida, mantendo pressionada a tecla “Shift” para ter certeza de que não seleciono o gradiente. Agora é da mesma cor que o L. Então eu vou entrar aqui e escurecer um pouco. Se eu desligar meu gradiente de textura antigo, você pode ver o novo. Obrigado rapazes. Espero que você goste dessas duas pequenas dicas e foi capaz de ajudá-lo a personalizar seu efeito ainda mais.