Veja através das sombras efeitos do texto (e forma) no Adobe Illustrator - um curso Graphic Design for Lunch™

1. Introdução à criação de um efeito de texto através da borda no Adobe Illustrator: Olá, sou Helen Bradley e bem-vinda a esta aula sobre como criar uma aparência de sombra offset de preenchimento de lacunas para texto no Adobe Illustrator Nesta aula, veremos como criar esse efeito de texto no Adobe Illustrator Agora, há algumas maneiras de fazer isso, como você verá nesses dois exemplos. Embora o texto pareça idêntico nos dois casos, cada um é criado de uma forma muito diferente. Neste exemplo, o efeito é incorporado ao texto. O texto não é editável, você não pode alterar a fonte, não pode alterar a palavra, não pode alterar o espaçamento Basicamente, você não pode mudar nada se quiser alguma mudança, você tem que começar tudo do início. Não é que essa seja a maneira errada de fazer as coisas, é só que não é a maneira mais eficiente. Neste segundo exemplo, temos um texto que parece idêntico, mas foi criado de forma muito diferente. Esse texto é editável. Você pode alterar a palavra, alterar a fonte, alterar a cor, alterar o espaçamento entre o texto e o efeito de contorno Você pode mudar praticamente tudo. No geral, é uma maneira mais inteligente de obter exatamente o mesmo resultado e leva aproximadamente o mesmo tempo para ser concluída Além disso, esse efeito pode ser salvo para que você possa reutilizá-lo qualquer momento no futuro em outra parte do texto com um único clique Outro benefício dessa abordagem é que ela pode ser salva e exportada, para que você possa compartilhá-la com outras pessoas. Nesta aula, mostrarei o truque para criar esse tipo de efeito de texto em termos de criar essa borda transparente para o texto e mostrarei como salvá-lo como um estilo reutilizável Você aprenderá a criar dois estilos de texto e, como bônus, verá como eles podem ser aplicados às formas quanto ao texto. Seu projeto de fim de aula será criar um ou outro desses efeitos de texto. Se consegui convencê-lo de que vale a pena ver como criar esse efeito de borda transparente, arregace as mangas, aumente o Illustrator e vamos começar 2. Efeito 1 - Sombra deslocada: Para o primeiro de nossos efeitos de texto vamos começar com um novo arquivo. Estou usando um documento de 1920 por dez, 80 pixels de tamanho. Vou clicar em Criar. Vou clicar na ferramenta Tipo. Vou digitar minha palavra em letras maiúsculas. Estou apenas digitando a palavra café e posso esticá-la simplesmente arrastando a alça do canto Se eu fizer isso com a tecla Shift , a fonte permanecerá nas proporções corretas. Você também pode selecionar o tipo e apenas digitar o tamanho desejado. Vou digitar 350 para isso. Vou mudar minha fonte para uma fonte que eu baixei de 1001 fontes, chamada Grolier Vou te dar o link na área do projeto para que você mesmo possa baixar essa fonte, se quiser. Estou examinando o painel de caracteres aqui, vou apenas ampliar o espaçamento entre as letras para que tenhamos espaço nessa palavra para que nosso efeito realmente apareça E acho que vou aumentar para cerca de 100. Isso será ajustável posteriormente. Então, temos nosso tipo aqui. No momento, não importa a cor, porque vamos começar a trabalhar nela no painel de aparência. Então, vou para a ferramenta de digitação. Vou selecionar meu tipo e vou para o painel de aparência. Eu o tenho visível aqui, mas você pode encontrá-lo escolhendo janela e depois aparência. Agora, para esse painel de aparência, o que vamos fazer é, nessa área de caracteres , desligar o preenchimento. Então, você vai se certificar que não tem nenhum preenchimento. E então você clicará aqui em tipo, sem aparência, e não deverá ver absolutamente nada porque não tem aparência. O tipo está aqui, mas não há cor. Não há preenchimento e não há derrame. Clique aqui em Adicionar novo preenchimento, e isso adiciona um preenchimento, mas nenhum traçado. Eu não quero acariciar, então estou deixando isso onde está. Agora vamos escolher a cor na qual vamos trabalhar. Então essa vai ser a cor do seu tipo. Eu vou escolher essa cor azul aqui. Agora tenha nosso texto. Vou fazer uma cópia, então vou pegar esse preenchimento aqui, vou arrastá-lo então vou pegar esse preenchimento aqui, vou e soltá-lo no sinal de mais Então, temos um preenchimento na parte superior e um preenchimento embaixo. No preenchimento abaixo, vou criar uma cor diferente para que seja mais fácil para você ver o que está acontecendo Você não precisa fazer com que seja de uma cor diferente. Mas você pode ver que está bloqueado. Não podemos ver porque esse preenchimento está no topo. Agora, para esse preenchimento roxo, o que está por baixo, vamos compensá-lo Então, vou selecioná-lo aqui no painel. Então, estamos apenas ajustando esse preenchimento, e vamos efetuar e depois distorcer e transformar, e então vamos transformar E vamos mover isso horizontal e verticalmente e verticalmente E esse será nosso espaço vazio mais tarde. Se você quiser que seja um pouco maior, pode aumentá-lo um pouco. Vamos fazer nossos seis. Então, isso vai ficar vazio. Vou clicar em OK. Fizemos para fazer uma terceira cópia, e a terceira cópia será o contorno real que veremos ao redor dessa fonte, esse tipo de contorno em offset Então, vou pegar esse preenchimento, aquele que já transformamos, e vou colocá-lo no sinal de mais. Então, temos uma cópia, mas é claro que ambas são exatamente iguais Então, não estamos vendo nada diferente. Mas essa eu vou transformar na cor que eu quero para o contorno E no meu caso, quero que seja exatamente da mesma cor da fonte. Então, eu quero que a fonte tenha uma espécie de sombra deslocada que seja exatamente da mesma cor da própria fonte E, novamente, não estamos vendo isso porque está escondido atrás dessa aqui. Então, o que vamos fazer é pegar esse arquivo, aquele que está na parte de trás, e vamos transformá-lo um pouco mais. E já temos nossa transformação aqui. Vamos apenas editá-lo. Então, vou clicar nele e isso abrirá para que possamos editá-lo. Então, eu vou levar isso para dez. Então, os primeiros seis pixels dessa transformação estão escondidos atrás do roxo. Na verdade, estamos dizendo que quatro pixels valem a borda. Claro, você pode usar seus próprios valores lá. Agora, até agora, temos o efeito de termos uma espécie de cores empilhadas, um azul e depois um roxo e depois um azul Queremos tornar esse roxo transparente. Então, a maneira como vamos fazer isso é um pequeno efeito que você pode fazer por meio do painel de aparência. Então, o que vamos fazer é ir até esse roxo, aquele que queremos fazer desaparecer, se você quiser. Certifique-se de selecioná-lo e clicar em sua opacidade, e definiremos sua opacidade para E o efeito disso é torná-lo totalmente transparente. Então, efetivamente, não podemos ver isso. Então, tudo o que estamos vendo é essa camada superior e essa camada inferior do texto. Mas aquele no meio pelo qual queremos ver nem está mais visível. Isso é exatamente o que deveria ser, porque há um recurso no Illustrator que nos permite fazer um nocaute se algo tiver uma opacidade Tem que ser zero. Então, o que vamos fazer é descer, certificando-se, é claro, de que nosso texto esteja selecionado e escolher essa opacidade, aquela nos caracteres, aquela na parte inferior O que vamos fazer é clicar duas vezes no grupo eliminatório Na primeira vez que você clica nele, ele passa por uma pequena barra. Na segunda vez que você clica nele, ele age como um nocaute Então, o que está fazendo é tornar esse preenchimento aqui, esse transparente. E se adicionarmos uma camada preenchida abaixo dela, você verá que ela é transparente Então, vamos fazer isso com uma cor diferente. E na última paleta, vamos arrastar esse retângulo aqui abaixo do nosso texto, e você pode ver que esse texto é, e você pode ver que esse texto na Estamos dizendo por meio desta área aqui que ela é efetivamente oca Então, estamos obtendo esse pequeno efeito de sombra realmente adorável em nosso texto. A única maneira de fazer isso e ainda manter a capacidade de edição total do nosso texto é usar esse grupo eliminatório E você pode ver que o texto é totalmente editável. cartas são enviadas. Você pode colocar letras. Você pode mudar sua fonte, você pode mudar sua palavra. Você pode alterar o tamanho da fonte. Todas essas coisas podem ser alteradas. E esse efeito está em apenas uma peça do tipo. Então, novamente, em nossa paleta las, temos a palavra café aqui, e ela tem todas essas aparências nela, mas é apenas uma peça de texto totalmente editável com esse tipo de área recortada nela editável com esse tipo de área recortada É um pequeno efeito muito bom, bastante simples de obter , uma vez que você entenda como esses nocautes 3. Efeito #2 — efeito de borda pontilhada: Para nosso segundo tipo de efeito, eu já comecei isso rapidamente. Então, eu tenho um documento totalmente novo, 1920 por 1080. Acabei de digitar a palavra pontos e a configurei para 500 pontos Vou mudar minha fonte e, nesse caso, vou usar uma fonte chamada, e então ela termina. Portanto, essa é uma fonte minúscula. Também vou aumentar um pouco o espaçamento entre os caracteres Certifique-se de que haja bastante espaço para esse efeito. Vamos fazer exatamente o que fizemos antes. Então, vou abrir o painel de aparência. Vamos passar por isso. Vamos para o painel de personagens. Estamos apenas clicando nele e removeremos o preenchimento do nosso texto. E então vamos digitar nenhuma aparência, clicar nela e adicionar nossas aparências Vou escolher a cor de preenchimento que vou usar para o meu tipo. Então, neste caso, vou fazer com que seja uma espécie de roxo. Vou duplicar isso, então vou arrastá-lo para o sinal de mais aqui Essa será a parte do nosso efeito de tipo que será transparente. Vou configurá-lo com uma cor diferente apenas para que possamos ver onde está. Vamos escolher o efeito para armazenar e transformar e depois transformar E, novamente, desta vez vou movê-lo em seis pixels na horizontal e na vertical e clicar em OK, exatamente como fizemos Vamos fazer uma duplicata disso novamente, vamos mudar a cor. Vou escolher a mesma cor em que estou trabalhando com meu tipo. E este já tem uma transformação porque o copiamos de antes Mas porque está por trás disso , não estamos vendo isso. Então, o que vou fazer é alterar sua transformação. Então, vou clicar em Transformar e vou transformá-lo um pouco mais que possamos vê-lo por trás do tipo. Tudo isso é exatamente como fizemos anteriormente. Vamos abrir o painel de preenchimento aqui e vamos para a opacidade, e vamos defini-la como zero porque sabemos que precisamos fazer isso para que seja um E então vamos descer até a opacidade mais baixa, ignorar todas as outras opacidades que existem Vamos apenas escolher aquele na área de personagens e clicaremos duas vezes no grupo eliminatório Então, essa é uma cópia exata do que criamos no vídeo anterior Mas o que vamos fazer agora é que, em vez dessas linhas aqui, vamos transformá-las em pontos. E para torná-los pontos, precisaremos usar um traço Então, vou pegar esse traço vazio que está aqui em cima e vou movê-lo logo acima do preenchimento que está criando esse pequeno efeito externo. E vou pegar a transformação aqui a partir desse preenchimento e vou arrastá-la e soltá-la no meu traçado. Então, na verdade, pegar isso emprestado, se quiser, ou roubá-lo porque não vai voltar novamente E vou definir a cor do meu traçado aqui para a mesma cor do tipo. Então, efetivamente, estamos dizendo praticamente o que dizíamos antes, exceto que isso é um traçado e não é um preenchimento offset Não precisamos desse preenchimento, então podemos desligá-lo ou simplesmente jogá-lo no lixo Então, vou retirá-lo e colocá-lo na lata de lixo apenas para manter as coisas bem arrumadas Então, agora estamos diante de transformar essa linha aqui em uma série de pontos. Então, vamos clicar aqui no traçado para abrir o painel do traçado. E para fazer pontos, vamos torná-los um pouco mais grossos, então vou configurá-los para três Vou usar essa tampa redonda para identificar pontos ao redor, não bordas afiadas Vou clicar em Dashed Line. E agora, isso está me dando uma linha tracejada de 12 pontos. Se você quiser traços, é exatamente isso que você faria Mas eu quero pontos. Então, vou definir o comprimento do meu traço como zero e, em seguida, vou definir minha lacuna para qualquer espaço que eu queira entre meus pontos Então, no momento, estou configurando para seis pontos, e isso parece muito bom. Agora, há algumas opções aqui nas quais você pode usar essas duas aqui. E o que eles vão fazer é tornar esses ângulos aqui muito nítidos ou não. Então você pode ver que este não é perfeitamente quadrado. Mas se eu clicar nisso, vai ficar bonito e quadrado. Portanto, você pode escolher qualquer fonte que estiver usando se concorda com aparência um pouco extravagante ou se gostaria que fosse mais compacta geometricamente E para essa fonte, embora seja uma fonte muito extravagante, ela também é Então, vou optar por essa opção, que vai me dar linhas mais nítidas Vou tornar meus pontos um pouco maiores e vou aumentar um pouco o espaçamento entre eles Agora, como fizemos anteriormente, provavelmente vamos querer provar para nós mesmos que essa é realmente uma área transparente e não algo branco. Então, vou clicar fora do meu tipo aqui. Vou definir isso como traçado nasal e vou configurá-lo para uma cor de preenchimento que vou usar, e vamos desenhar um retângulo E então, a partir do último painel, vamos mover o retângulo para trás do texto E, como você pode ver, é definitivamente um efeito transparente. Depois de criar esse efeito, você pode realmente salvá-lo como um estilo gráfico. Então, o que vou fazer é clicar no meu texto e abrir meu painel de estilo gráfico. Você também pode acessá-lo escolhendo Janela e, em seguida, estilo gráfico, e vou adicioná-lo como um estilo gráfico. Então, a cor e os pontos. Agora, podemos reaplicar isso ao texto, mas também podemos reaplicá-lo a uma Então, antes de começarmos, vamos zerar as coisas, se quiser. Eu vou para o painel de aparência. Vou clicar neste pequeno menu aqui e escolher uma aparência clara. Nada aparece nele no momento. Então, vamos arrastar um pequeno retângulo. Como você pode ver, ele não preenche e não tem traçado. Mas posso clicar aqui nesse estilo gráfico, e isso aplicará exatamente o mesmo estilo gráfico a essa forma que temos no texto. Portanto, os estilos gráficos, quando você os cria, podem ser aplicados ao texto e a duas formas. E essa é uma maneira de evitar que você precise configurar essas coisas sempre de novo. Você pode simplesmente salvá-lo como um estilo gráfico e reutilizá-lo conforme necessário