Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustrator Brushes

Como Criar um Efeito de Texto a Lápis no Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Communication Week.
22 Unique Photoshop Text Effects That Grab Your Attention!
How to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

Nos passos a seguir, você vai aprender a criar um efeito de texto a lápis no Adobe Illustrator utilizando um pincel de pattern bastante detalhado. 

Para iniciantes, você vai aprender como configurar uma simples grade e como criar o corpo do lápis utilizando um monte de retângulos. Usando os efeitos Zig Zag, Warp e Roughen juntamente com técnicas básicas de mistura e construção de formas vetoriais, você vai aprender como criar a ponta do lápis. 

Depois utilizando os efeitos Rounded Corners e o recurso Live Corners juntamente com um monte de retângulos e caminhos compostos, você vai aprender a criar os componentes restantes do seu lápis.

Adiante, você vai aprender como facilitar seu trabalho utilizando a Ferramenta Shape Builder, como salvar e nomear patterns, e como criar seu próprio pattern de pincel. Usando o efeito Transform, você vai aprender como multiplicar facilmente um caminho e como alinhá-lo perfeitamente à grade de pixels. Finalmente, você vai aprender como criar o efeito de texto usando seu pincel pattern e um simples pedaço de texto como uma referência.

Para obter mais inspiração sobre como ajustar ou melhorar seu efeito de texto final, você pode encontrar muitos recursos em GraphicRiver.

1. Como Criar um Novo Documento e Configurar uma Grade

Aperte Control-N para criar um novo documento. Selecione Pixels do menu drop-down Units, insira 850 na caixa de largura e 585 na caixa de altura, e depois clique naquele botão More Settings. Selecione RGB para o Color Mode, defina o Raster Effects para Screen (72 ppi), e clique em Create Document.

Habilite a Grade (View > Show Grid) e o Snap to Grid (View > Snap to Grid). Você vai precisar de uma grade a cada 1 px, então simplesmente vá para  Edit > Preferences > Guides > Grid e digite 1 na Gridline a cada caixa e 1 na caixa Subdivisions. Tente não ficar desencorajado (a) por toda essa grade—isto vai tornar o seu trabalho mais fácil e tenha em mente que você pode ativá-lo ou desativá-lo facilmente utilizando o atalho de teclado Control- ".

Você pode aprender mais sobre o sistema de grade do Illustrator neste tutorial por Andrei Stefan: Compreendendo o Sistema de Grade do Adobe Illustrator.

Você também deve abrir o painel Info (Window > Info) para uma visualização ao vivo com o tamanho e a posição de suas formas. Não se esqueça de configurar a unidade de medida em pixels de Edit > Preferences > Units. Todas estas opções vão aumentar significativamente a sua velocidade de trabalho.

setup grid

2. Como Criar o Corpo do Lápis

Passo 1

Pegue a Ferramenta Rectangle (M) e foque em sua Barra de Ferramentas. Remova a cor do traço e depois selecione o preenchimento e defina cor para R=227 G=174 B=124. Siga para a sua prancheta e simplesmente crie um retângulo de 10 x 8 px—a Grade e o Snap to Grid devem facilitar isto.

Retorne à sua Barra de Ferramentas e substitua a cor de preenchimento existente por R=207 G=154 B=104. Usando a mesma ferramenta, crie duas formas de 10 x 6 px e posicione-as exatamente como mostradas na segunda imagem.

rectangle

Passo 2

Usando a Ferramenta Rectangle (M), crie duas formas de 10 x 1 px e posicione-as exatamente como mostradas na primeira imagem. Preencha a parte superior com R=246 G=202 B=155 e a parte inferior com R=242 G=197 B=158.

Usando a mesma ferramenta, crie duas formas de 10 x 2 px e posicione-as exatamente como mostradas na segunda imagem. Preencha as duas formas com preto (R=0 G=0 B=0), diminua sua Opacidade para 40% e altere o Blending Mode para Soft Light.

Crie uma forma de 10 x 3 px, preencha-a com branco (R=255 G=255 B=255), diminua sua Opacidade para 50% e altere o Blending Mode para Soft Light.

thin rectangle

3. Como Criar a Ponta do Lápis

Passo 1

Pegue a Ferramenta Pen (P) e crie um caminho vertical de 20 px. Adicione um traço de 0.25 px para este novo caminho, defina a cor para R=237 G=28 B=36, e depois vá para Effect >Distort & Transform > Zig Zag. Insira os atributos mostrados na seguinte imagem, clique em  OK e depois vá para Object > Expand Appearance.

Certifique-se de que o seu caminho resultante esteja selecionado, vá para Object > Path > Join (Control-J) para fechar seu caminho e depois pressione Shift-X para inverter rapidamente os atributos de preenchimento e traço.

zig zag

Passo 2

Usando a Ferramenta Rectangle (M), crie uma forma de 21 x 20 px e preencha-a com um azul aleatório. Foque no lado direito deste novo retângulo e mude para a Ferramenta Direct Selection (A). Selecione os dois pontos de ancoragem e vá para Object > Path > Average. Marque a caixa Both e clique em OK. Isto deve basicamente transformar seu retângulo em um triângulo.

Verifique se o seu triângulo está selecionado e faça uma cópia em frente (Control-C > Control-F). Selecione-o e vá para Effect > Warp > Arc Upper. Insira os atributos mostrados na seguinte imagem, clique no botão OK e depois vá para Object > Expand Appearance.

Selecione a forma vermelha juntamente com as duas azuis, abra o painel Pathfinder (Window > Pathfinder) e clique no botão Unite.

warp

Passo 3

Certifique-se de que a forma vermelha ainda está selecionada e faça uma cópia em frente (Control-C Control-F).

Usando a Ferramenta Ellipse (L), crie um círculo de 10 px e preencha-o com um amarelo aleatório. Posicione esta nova forma como mostrada na primeira imagem e depois vá para  Effect > Distort & Transform > Roughen. Digite os atributos mostrados na seguinte imagem, clique no botão OK e depois vá para Object > Expand Appearance.

Selecione sua forma amarela juntamente com a cópia dessa forma vermelha, vá para o painel Pathfinder e clique no botão Union. Selecione a forma resultante e substitua a cor de preenchimento existente com R=53 G=47 B=49.

roughen

Passo 4

Usando a Ferramenta Rectangle (M), crie uma forma de 25 x 10 px. Preencha-a com um azul aleatório e posicione-a como mostrada na primeira imagem. Foque no lado direito deste novo retângulo e mude para a Ferramenta Direct Selection (A). Selecione os dois pontos de ancoragem e vá para Object > Path > Average. Marque a caixa Both e depois clique em OK.

Selecione o seu triângulo azul juntamente com essa forma vermelha e adicione cópias em frente (Control-C > Controle-F). Certifique-se de que apenas as cópias estão selecionadas e clique no botão Minus Front no painel Pathfinder. Basta pressionar Shift-Control-G para Desagrupar o seu grupo resultante.

average

Passo 5

Selecione as formas vermelhas e azuis restantes e depois clique no botão Intersec do painel Pathfinder.

Vá para o painel Layers (Window > Layers), selecione as formas escuras que compõem a ponta do lápis e traga elas para a frente (Shift-Control-]).

intersect

Passo 6

Selecione sua forma azul juntamente com a escura e adicione as cópias em frente (Control-C > Control-F). Selecione as duas cópias e clique no botão Intersec do painel Pathfinder. Preencha a forma resultante com R=96 G=95 B=93.

pathfinder

Passo 7

Pegue a Ferramenta Rectangle (M) e crie uma forma de 3 x 2 px. Preencha-a com um amarelo aleatório e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo e mude para a Ferramenta Direct Selection (A). Selecione o ponto de ancoragem superior direito e arraste-o até a ponta do seu lápis, conforme mostrado na segunda imagem.

Duplique sua forma amarela, selecione esta cópia, rotacione-a 180 graus e depois posicione-a como mostrada na terceira imagem.

yellow

Passo 8

Pegue a Ferramenta Rectangle (M) e crie uma forma de 24 x 3 px. Preencha-a com um amarelo aleatório e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo, mude para a Ferramenta Delete Anchor Point (-), e simplesmente clique no ponto de ancoragem superior direito para removê-lo.

delete anchor point

Passo 9

Selecione a sua forma vermelha superior e adicione uma cópia em frente (Control-C > Control-F). Selecione esta cópia juntamente com a forma amarela superior e clique no botão Intersect do painel Pathfinder. Preencha a forma resultante com preto, diminua a Opacidade para 40% e altere o Blending Mode para Soft Light.

Selecione a forma vermelha inferior e adicione uma cópia em frente (Control-C > Control-F). Selecione esta cópia juntamente com a forma amarela inferior, e clique no botão Intersec do painel Pathfinder. Preencha a forma resultante com preto, diminua a Opacidade para 40% e altere o Blending Mode para Soft Light.

Selecione a sua forma azul e adicione uma cópia em frente (Control-C > Control-F). Selecione esta cópia juntamente com a forma amarela inferior restante e clique no botão Intersec do painel Pathfinder. Preencha a forma resultante com branco, diminua a Opacidade para 50% e altere o Blending Mode para Soft Light.

intersect

Passo 10

Selecione suas formas vermelhas e substitua a cor existente com R=217 G=164 B=114. Selecione sua forma azul e substitua a cor existente com R=236 G=192 B=145.

recolor

4. Como Criar o Lado Metálico do Lápis

Passo 1

Pegue a Ferramenta Rectangle (M) e crie duas formas de 3 x 22 px e uma forma de 5 x 22 px. Preencha todos os três retângulos com R=171 G=175 B=184, posicione-os como mostrados na primeira imagem e depois vá para Effect > Stylize > Rounded Corners. Insira um Raio de 1 px, clique no botão OK e depois vá para Object > Expand Appearance.

Certifique-se de que as formas resultantes estejam selecionadas e vá para Object > Compound Path > Make (Control-8) para transformá-las em um caminho composto.

rounded corners

Passo 2

Certifique-se de que o seu caminho composto cinza ainda está selecionado e adicione uma cópia em frente (Control-C > Control-F). Usando a Ferramenta Rectangle (M), crie uma forma de 13 x 6 px, defina a cor de preenchimento para R=149 G=153 B=162 e posicione-a como mostrada na primeira imagem.

Selecione este novo retângulo junto com a cópia do seu caminho composto e clique no botão Intersec do painel Pathfinder. Transforme o grupo de formas resultante em um novo caminho composto (Control-8) e depois duplique-o (Control-C > Control-F). Rotacione esta cópia 180 graus e depois posicione-a como mostrada na quarta imagem.

compound path

Passo 3

Pegue a Ferramenta Rectangle (M) e crie duas formas de 3 x 1 px e uma forma de 5 x 1 px. Preencha todos os três retângulos com R=229 G=229 B=227 e posicione-os como mostrados na primeira imagem. Transforme-os em um caminho composto (Control-8) para facilitar à você a seleção ou edição de todas estas formas ao mesmo tempo.

Duplique este novo caminho composto (Control-C > Control-V) e selecione a cópia. Posicione-o como mostrado na segunda imagem e substitua a cor existente por R=208 G=212 B=215.

rectangles

Passo 4

Pegue a Ferramenta Rectangle (M) e crie duas formas de 3 x 2 px e uma forma de  5 x 2 px. Preencha todos os três retângulos com preto e posicione-os como mostrados na primeira imagem. Diminua a Opacidade para 30% e altere o Blending Mode para Soft Light. Transforme estas novas formas em um caminho composto e depois duplique-o (Control-C > Control-V). Selecione a cópia e posicione-a como mostrada na segunda imagem.

Pegue a Ferramenta Rectangle (M) e crie dois  quadrados de 3 px e uma forma de  5 x 3 px. Preencha todas as três formas com branco e posicione-as como mostradas na terceira imagem. Diminua a Opacidade para 40% e altere o Blending Mode para Soft Light. Transforme estas novas formas em um caminho composto.

rectangles

Passo 5

Pegue a Ferramenta Rectangle (M) e crie duas formas de 1 x 20 px. Preencha ambas as formas com R=83 G=92 B=107 e posicione-as como mostradas na primeira imagem.

Usando a mesma ferramenta, crie quatro quadrados de 1 px e posicione-as como mostrados na segunda imagem. Preencha todas as quatro formas com branco, diminua a Opacidade para 70% e altere o Blending Mode para Soft Light.

Em seguida, crie duas formas de 1 x 2 px, preencha-as com preto e posicione-as como mostradas na terceira imagem. Diminua a Opacidade para 20% e altere o Blending Mode para Soft Light. Transforme estas duas formas em um caminho composto (Control-8) e duplique-o (Control-C > Control-V). Posicione a cópia como mostrada na quarta imagem e aumente sua Opacidade para 30%.

Crie duas formas de 1 x 3 px, preencha-as com branco e posicione-as como mostradas na terceira imagem. Diminua a Opacidade para 30% e altere o Blending Mode para Soft Light.

rectangles

5. Como Criar a Borracha do Lápis

Passo 1

Pegue a Ferramenta Rectangle (M), crie uma forma de 15 x 20 px, preencha-a com R=224 G=67 B=86 e posicione-a como mostrada na primeira imagem. Foque no lado esquerdo deste novo retângulo e mude para a Ferramenta Direct Selection (A). Selecione os dois pontos de ancoragem, vá para o painel de controle e simplesmente insira 3 px na caixa Corners.

live corners

Passo 2

Certifique-se de que a sua forma rosa ainda está selecionada e adicione uma cópia em frente (Control-C > Control-F). Pegue a Ferramenta Rectangle (M), crie uma forma de 15 x 6 px, posicione-a como mostrada na primeira imagem e defina a cor de preenchimento para R=229 G=82 B=101. Selecione este novo retângulo juntamente com a cópia da sua forma rosa e clique no botão Intersect do painel Pathfinder. Certifique-se de que a forma resultante está selecionada e adicione uma cópia em frente (Control-C > Control-F).

Usando a mesma ferramenta, crie uma forma de 15 x 2 px, preencha-a com preto e posicione-a como mostrada na terceira imagem. Selecione este novo retângulo juntamente com a cópia feita há alguns minutos atrás e clique no botão Intersect do painel Pathfinder. Certifique-se de que a forma resultante permaneça selecionada, diminua sua Opacidade para 30% e altere o Blending Mode para Soft Light.

pathfinder

Passo 3

Selecione as duas formas feitas no passo anterior e duplique-as (Control-C > Control-V). Rotacione estas cópias 180 graus e posicione-as como mostradas na segunda imagem. Selecione a forma destacada na segunda imagem e simplesmente substitua a cor de preenchimento existente por R=214 G=57 B=76.

Pegue a Ferramenta Rectangle (M), crie duas formas de 15 x 1 px e posicione-as exatamente como mostradas na primeira imagem. Preencha a parte superior com R=255 G=122 B=141 e a parte inferior com R=235 G=102 B=121.

Usando a mesma ferramenta, crie uma forma de 15 x 3 px e posicione-a exatamente como mostrada na quarta imagem. Defina a cor de preenchimento para branco, diminua a Opacidade para 30% e altere o Blending Mode para Soft Light.

rotate

6. Como Criar o Pincel de Pattern

Passo 1

Pegue a Ferramenta Rectangle (M) e crie uma forma de 4 x 26 px. Preencha-a com um vermelho aleatório, diminua a Opacidade para cerca de 50% e posicione-a exatamente como mostrada na primeira imagem. Selecione este retângulo junto com o resto das formas feitas até agora e Agrupe-os (Control-G).

Faça uma cópia do seu grupo (Control-C > Control-V) e posicione-o como mostrado na terceira imagem.

group

Passo 2

Selecione o seu grupo superior e pegue a Ferramenta Shape Builder (Shift-M). Mantenha o botão Alt no seu teclado pressionado e simplesmente arraste um caminho um pouco vertical das bordas superior para inferior desse retângulo vermelho. Este movimento vai eliminar rapidamente esse retângulo vermelho juntamente com todas as formas que estão por trás dele e, no final, as coisas devem se parecer como na segunda imagem.

shape builder tool

Passo 3

Selecione o grupo de formas restante e pegue essa mesma Ferramenta Shape Builder (Shift-M). Desta vez, segure os botões Shift e Alt no seu teclado e arraste duas seleções simples para o lado esquerdo e lado direito desse retângulo vermelho, como mostrado nas seguintes imagens. No final as coisas devem se parecer com a terceira imagem.

Mude para a Ferramenta Direct Selection (A), selecione esse retângulo vermelho e simplesmente remova-o usando o botão Delete no seu teclado.

delete

Passo 4

Usando a Ferramenta Direct Selection (A), selecione todas as formas destacadas na primeira imagem e simplesmente arraste-as para dentro do painel Swatches (Window > Swatches) para salvá-las como um pattern. Desmarque as formas da sua prancheta e selecione esse pattern no painel Swatches (Window > Swatches). Abra o menu fly-out do painel Swatches e vá para Swatch Options... . Renomeie seu pattern "Start" e clique no botão OK.

Selecione as formas destacadas na segunda imagem e salve-as como um segundo pattern. Selecione este novo pattern e renomeie-o " End ".

save pattern

Passo 5

Selecione as formas destacadas na seguinte imagem, abra o painel Brushes (Window > Brushes) e clique no botão New Brush. Verifique a caixa Pattern e clique OK. Escolha um nome para o seu pattern, certifique-se de que os atributos estão configurados como mostrados abaixo e depois foque nas caixas Tiles.

Basta abrir o Start Tile e adicionar seu pattern "Start", e depois abra o End Tile e adicione seu pattern "End". Depois de terminar, clique no botão OK e o seu novo pincel de pattern vai aparecer no painel Brushes.

save pattern brush

7. Como Criar o Fundo

Passo 1

Escolha a Ferramenta Rectangle (M) e crie uma forma de 860 x 595 px. Preencha-a com R=250 G=255 B=255 e certifique-se de que ela cobre toda a sua área de trabalho.

background

Passo 2

Escolha a Ferramenta Pen (P), crie um caminho horizontal de 860 px e posicione-o como mostrado na imagem a seguir. Adicione um traço de 1 px para este caminho e defina sua cor para R=41 G=171 B=226.

horizontal line

Passo 3

Certifique-se de que o seu caminho horizontal ainda esteja selecionado, diminua sua Opacidade para 20% e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante Move-Vertical para 0.5 px, clique no botão OK e, em seguida, vá novamente para Effect > Distort & Transform > Transform. Desta vez, arraste esse controle deslizante Move-Vertical para 15 px, insira 39 na caixa Copies e clique em OK.

Esse primeiro efeito Transform é usado para alinhar perfeitamente seu traçado à grade de pixels. Ative o recurso de Pré-visualização de Pixel (View > Pixel Preview), veja mais de perto o seu caminho horizontal e depois desative o efeito Transform para entender exatamente o que ele faz.

transform

8. Como Criar o Efeito do Texto

Passo 1

Escolha a Ferramenta Type (T) e abra o painel de Character (Window > Type > Character). Selecione a fonte Milkshake e defina o tamanho para 200 px e o tracking para 100.

Basta clicar em sua área de trabalho e adicione o texto "Draw". Torne-o preto e diminua a sua Opacidade para cerca de 30% do painel Transparency (Window > Transparency).

Usando a Ferramenta Pen (P) e o pedaço de texto como referência, desenhe alguns caminhos simples como mostrados na segunda imagem.

type tool

Passo 2

Livre-se do seu texto e certifique-se de que seus caminhos estão selecionados. Basta aplicar seu pincel pattern no painel Brushes (Window > Brushes) e depois vá para Effect > Stylize > Drop Shadow. Insira os atributos mostrados na janela esquerda (na seguinte imagem), clique no botão OK e depois aplique os outros dois efeitos Drop Shadow.

drop shadow

Passo 3

Finalmente, adicione um efeito de rabisco simples para o resto das palavras.

scribble

Parabéns! Você Terminou!

Aqui está como deve parecer. Espero que você tenha gostado deste tutorial e possa aplicar estas técnicas em seus projetos futuros.

Sinta-se à vontade para ajustar o design final e deixá-lo do seu próprio jeito. Você pode encontrar algumas excelentes fontes de inspiração no GraphicRiver, com soluções interessantes para melhorar o seu design.

final product
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.