Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Blend Tool
Design

Como Utilizar a Ferramenta Blend para Letras no Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product image
What You'll Be Creating

Você já se perguntou quais ferramentas você pode utilizar para tornar as letras mais atrativas do que já são? A Ferramenta Blend é fácil de utilizar, e você pode rapidamente trazer mais vida para as letras!

Procurando por incríveis recursos vetoriais e complementos do Illustrator? Vá ao GraphicRiver.

O Que Você Vai Precisar

Você vai precisar de acesso ao Adobe Illustrator; se você não tiver o software, poderá fazer o download de uma versão de teste no site da Adobe. Você também precisará do seguinte:

1. Abra o Arquivo de Linha Fornecido

Abra o arquivo de linha do Adobe Illustrator. Este arquivo já está configurado como um documento de 1080 px x 1080 px em RGB a 72ppi.

Open the file provided with the lined script word hi

2. Como Criar o Traço Inicial para as Letras

Passo 1

Vá até a barra de ferramentas e clique na Ferramenta Rectangle. Clique e segure para expandir as opções e selecione a Ferramenta Ellipse (L). Segure Option-Shift para desenhar um círculo uniforme em expansão a partir do centro; eu estou escolhendo um tamanho de 64 px . Este círculo vai ditar o tamanho do traço.

Create a circle using the Ellipse Tool

Passo 2

Queremos adicionar um gradiente à nova forma que criamos. Selecione a forma e vá para a barra de ferramentas. Selecione a amostra de contorno e clique em none. Selecione a amostra Fill e selecione Gradient.

Change the Fill of the circle to a gradient and no stroke

Passo 3

Queremos dar cor a este gradiente, então vamos abrir nosso painel Gradient indo em Window > Gradient. Selecione um lado do controle deslizante de gradiente e, na barra Color, selecione a cor que você deseja utilizar.  Qualquer cor que você queira utilizar é boa—apenas certifique-se de que um lado do controle deslizante esteja claro e o outro lado esteja escuro. Isto vai dar mais dimensão à obra de arte. Eu estou escolhendo azul, com o código de cor #3CD9FF para o controle deslizante esquerdo e #0000FF para o controle deslizante direito.

Change the gradient to a blue color

Passo 4

Vamos multiplicar a forma pressionando Option-Shift e arrastando para a direita. Eu estou escolhendo uma cor roxa para essa outra forma com os seguintes códigos: #FF9BFF e #7900FF.

Duplicate the circle element and add another color to the new circle

3. Como Utilizar a Ferramenta Blend

Passo 1

Selecione as duas formas e selecione a Ferramenta Blend (W). Clique no ponto esquerdo de ambos os círculos, começando com o círculo azul e depois com o roxo.

Using the blend tool blend both circles

Passo 2

Todo mundo vai conseguir algo diferente, mas queremos fazer uma transição suave. Ao selecionar a forma, clique duas vezes na Ferramenta Blend na barra de ferramentas para abrir a janela Blend Options. Em Spacing, selecione Specified Distance e marque a caixa Preview. Altere a Specified Distance para 1 px para obter uma transição suave. Clique em OK.

Open the Blend Options and change the Specified Distance to 1px

Passo 3

Selecione a forma e selecione o tipo de linha. Vá para Object > Blend > Replace Spine.  Esta opção vai substituir o traçado pela forma que acabamos de criar, mantendo as duas formas iniciais utilizadas no início e no final da palavra. No lado direito está uma prévia (Comando-Y) dos elementos.

Replace the spine of the main lettering with the blended element

Passo 4

Utilizando a Ferramenta Direct Selection (A), podemos duplicar um ponto para o "i". Selecione o círculo à direita e pressione Comando-C seguido de Comando-V e posicione o círculo recém-criado sobre o "i".

Create a dot by copying and pasting a circle with the Direct Selection Tool

Passo 5

Vamos adicionar cores ao fundo. Selecione a Ferramenta Rectangle (M) e crie um quadrado preto na prancheta . Pressione Shift-Comando- [ para mover o quadrado para trás e encaixar o elemento pressionando Comando-2.

Add a black square background

Passo 6

Vamos adicionar um texto com serifa para tornar a obra de arte intrincada. Utilizando a Ferramenta Text (T), clique na prancheta e digite "BYE". Estou escolhendo o Playfair Display em 445 pt em branco.

Using the text tool add the word bye

Passo 7

Ao selecionar o elemento de texto, pressione Shift-Comando-O para criar contornos no texto, seguido por Shift-Comando-G para desagrupar a palavra.

Transform the text into outlines

4. Como Utilizar a Ferramenta Eraser

Queremos criar a ilusão do elemento script entrelaçando com a fonte serifada. Vamos trazer o B para frente selecionando-o e pressionando Shift-Comando-].

Para o "Y", podemos criar mais dimensão, pois temos o "h" contornando a letra. Selecione o "Y" e pressione Shift-Comando-V para duplicar o elemento no mesmo lugar. Isto vai duplicá-lo sobre o elemento script. Na barra de ferramentas, selecione a Ferramenta Eraser (Shift-E) e comece a pintar os segmentos do "Y" que você quer que fique na frente. Certifique-se de que o elemento "Y" selecionado seja o da frente. Tente seguir o mesmo esquema da face do script para apagar o resto da letra.

A Ferramenta Eraser apaga os elementos que estão sendo selecionados; se não estivermos selecionando nada, a Ferramenta Eraser funcionará da mesma maneira que funciona no Adobe Photoshop. Eu fiz o mesmo com a letra "E" para parecer abaixo. Cabe a você decidir quais partes deseja trazer e manter atrás!

Abaixo você pode ver que o lado esquerdo tem as letras sobre o script, e as formas do lado direito em amarelo são aquelas em que utilizei a Ferramenta Eraser.

Duplicate the letters over the hi word and using the Eraser Tool erase parts of the word that you want to display forward

5. Como Adicionar Drop Shadow

Vamos dar a esta obra mais dimensão. Selecione o elemento script e vá até Effect > Stylize > Drop Shadow. Marque a caixa Previewe utilize as seguintes configurações:

Add Drop Shadow to the hi script element

6. Como Salvar o Arquivo

Para salvar o arquivo, vá até File > Save As… para salvar o arquivo como um arquivo do Adobe Illustrator. Se você deseja salvar como JPEG ou outro formato de arquivo de imagem, vá para File > Export e escolha o formato. Sinta-se à vontade para marcar Utilizar Pranchetas se você tiver colocado elementos fora da sua prancheta no documento. Clique em Export.

Save the file as AI or export it for JPEG

Parabéns! Você Terminou Este Tutorial!

Neste tutorial, emparelhamos uma ferramenta fácil de utilizar com letras para criar uma aparência entrelaçada. Hoje aprendemos a:

  • Utilizar a Ferramenta Blend para criar um traço de caneta no estilo gradiente.
  • Substituir a espinha de um objeto por um elemento misturado.
  • Adicionar a sombra para criar um senso de dimensão na arte.
End result

Se você gostou deste tutorial, você pode gostar destes:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.