Tipografia Legal com a Blend Tool no Illustrator

abduzeedo seg, 05/31/2010 - 09:27

Já escrevi alguns tutoriais usando a Blend Tool para criar swirls e outras formas, mas nunca havia usado essa ferramenta para criar efeitos de texto. Alguns meses atrás recebi um email de um de nossos leitores pedindo para fazermos um tutorial com esse efeito. Como eu adoro efeitos de texto decidi tentar.

Então nesse tutorial vou mostrar a vocês como criar um efeito de texto usando a Blend Tool no Illustrator e depois vamos usar o Photoshop para alguns retoques finais para deixar nosso efeito mais sutil. A técnica é bastante simples e não vai levar mais de 30 minutos para completarmos o efeito.

Passo 1

Abra o Illustrator e crie um novo documento. Eu usei o tamanho A4, mas isso não é tão importante pois vamos copiar o vetor do illustrator e colar no Photoshop mais tarde.

Com a Pen Tool (P) crie um Z com apenas alguns pontos. Cada vez que criar um novo 'anchor point', segure o botão do mouse para transformá-lo em uma curva.

Typography with the Blend Tool in Illustrator

Passo 2

Duplique o Z e o mova um pouco para baixo.

Typography with the Blend Tool in Illustrator

Passo 3

Selecione a Blend Tool (W), e então clique em um dos segmentos e depois no outro para criar o blend object.

Typography with the Blend Tool in Illustrator

Passo 4

Com o blend object selecionado, dê um duplo clique no ícone da Blend Tool ou vá até Object>Blend>Blend Options. Troque o Spacing para Specified Steps usando 15 steps.

Typography with the Blend Tool in Illustrator

Passo 5

Com a Direct Selection Tool (A) comece a mover alguns 'anchor points' para mudar o blend object, a ideia aqui é adicionar movimento a letra Z.

Typography with the Blend Tool in Illustrator

Passo 6

Agora vamos criar outras letras. No meu design usei o nome do meu studio, Zee. Repita o que fizemos nos passos 2, 3 e 4.

Typography with the Blend Tool in Illustrator

Passo 7

Aplique a Blend Tool (W) nas letras E. Novamente com a Direct Selection Tool (A), mova alguns 'anchor points' para fazer os ajustes necessários e deixar o design mais suave.

Typography with the Blend Tool in Illustrator

Passo 8

Com a Direct Selection Tool (A) você pode selecionar as 2 linhas do Blend Object e trocar suas cores. Abaixo você pode ver 2 exemplos com azul e pink e amarelo e pink.

Typography with the Blend Tool in Illustrator

Passo 9

Copie o blend object do Illustrator e cole no Photoshop para fazermos alguns ajustes. No Photoshop, com a Eraser Tool(E) ou usando mask, use um 'very soft brush' para apagar algumas areas, como o começo da letra Z (1). Para a parte do final você vai precisar usar a Polygonal Lasso Tool(L)(2) para selecionar apenas a parte que quer apagar, ou então você vai apagar parte do E também. Depois faça o mesmo no final da segunda letra E. (3).

Typography with the Blend Tool in Illustrator

Conclusão

Esse tutorial foi uma sugestão de um leitor que entrou em contato com a gente via email. É impressionante a quantidade de coisas que podemos fazer usando a Blend Tool do Illustrator, é uma ferramenta poderosa e usá-la em textos não é muito comum, mas o resultado é muito legal.

Typography with the Blend Tool in Illustrator

Download Arquivo Illustrator

Clique aqui para fazer o download do arquivo Illustrator usado nesse tutorial

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.

Sponsored Links

More articles about: