Este tutorial é sobre várias técnicas para criar um efeito de sombra longa, frequentemente usado nas últimas tendências de design.
Necessário
- Adobe Illustrator CS5 ou superior
- Nível de proficiência: iniciante
- Tempo para completar: 20 minutos
Instruções
Passo 1
Crie um novo documento, selecione a ferramenta Retângulo arredondado e desenhe um quadrado.
Passo 2
Para maior clareza, examinarei as técnicas usando texto como exemplo, mas elas podem ser aplicadas a qualquer objeto que você desejar.
etapa 3
Com o texto selecionado, vá para o painel Appearance (Window> Appearance) e clique em Add New Fill na parte inferior do painel. Arraste o preenchimento criado abaixo do nível “Personagens” para que os efeitos sejam aplicados atrás do texto.
Passo 4
Selecione a camada de preenchimento no painel Aparência, clique em Adicionar novo efeito na parte inferior do painel e escolha Distorcer e transformar> Transformar. Insira os valores conforme mostrado na imagem. Você pode diminuir a opacidade para 12% ou o que quiser.
Etapa 5
Como você pode ver, criamos muitas cópias do preenchimento e as movemos ligeiramente para baixo para a direita para criar uma sombra suave. Infelizmente, a sombra agora está fora dos limites do ícone, portanto, precisamos criar uma máscara de corte.
Selecione o quadrado arredondado, copie e cole acima da camada de texto. Com o novo quadrado e o texto selecionados, clique com o botão direito do mouse na prancheta e selecione Make Clipping Mask.
A sombra que ultrapassa a borda do quadrado ficará oculta e agora você pode aplicar a mesma técnica para criar uma sombra no quadrado principal.
Etapa 6
Repita as etapas 1 e 2. Selecione o texto e pressione Ctrl + C> Ctrl + B duas vezes para criar três cópias do objeto. Selecione preto para as duas últimas cópias.
Etapa 7
Selecione a cópia mais baixa, mantenha pressionada a tecla Shift e mova o texto conforme mostrado na imagem. Reduza a opacidade para 0%.
Etapa 8
Selecione as duas cópias inferiores do texto, vá para Object> Blend> Blend Options e insira 150 nas etapas especificadas para uma transição suave.
Etapa 9
Agora você pode diminuir a opacidade da sombra resultante para 12%, criar uma máscara de corte para ela como no exemplo anterior e aplicar esta técnica de sombra ao quadrado principal.
Etapa 10
A próxima técnica é semelhante à anterior, você cria duas cópias do texto sob a principal e faz uma transição suave entre elas, mas desta vez a cópia inferior não precisa ser transparente.
Selecione a transição criada e vá para Object> Expand. Isso vai quebrar a transição em 150 caminhos separados. Sem desmarcá-los, vá para o painel Pathfinder (Window> Pathfinder) e selecione Unite. Isso irá mesclar todos os caminhos selecionados em um.
Etapa 11
Selecione a Gradient Tool (G) e preencha o caminho criado com um gradiente de preto a transparente em um ângulo de 45 graus. Em seguida, diminua a opacidade dessa camada conforme desejar.
Etapa 12
Como você deve ter notado, há muitos pontos de ancoragem desnecessários deixados no caminho após a fusão. Vamos nos livrar deles.
Como nosso caminho é bastante simples, não será difícil aumentar e diminuir o zoom com a Pen Tool (P), após ativar os Guias inteligentes (Exibir> Guias inteligentes).
Outra maneira é selecionar todos os pontos de ancoragem desnecessários com a ferramenta de seleção direta (A) e pressionar Del.
Etapa 13
Crie uma máscara de corte para a sombra resultante e aplique a mesma técnica ao quadrado principal.
