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

Como Criar um Efeito de Texto de Lagarto Detalhado no Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Nos passos seguintes você vai aprender como criar um efeito de texto de lagarto bem simples no Adobe Illustrator.

Para começar, você vai aprender como configurar uma simples grade e como criar as formas principais usando ferramentas básicas, alguns efeitos Warp, e o recurso de Live Corners. Siga em frente, você vai aprender como salvar um pincel de caligrafia, como tirar total vantagem do painel Appearance, e alguns truques de traços puros. Finalmente, você vai aprender como salvar e usar pincéis de arte, como criar um fundo ligeiramente texturizado, e como adicionar um sombramento sutil.

Para mais inspiração em como ajustar ou melhorar o 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, digite 850 na caixa width (largura) e 600 na caixa height (altura), e depois clique nesse botão Advanced. Selecione RGB para o Color Mode, defina o Raster Effects para Screen (72 ppi), e depois clique Create Document.

Ative o Grid (View > Show Grid) e Snap to Grid (View > Snap to Grid). Você vai precisar de uma grade a cada 0.5 px, então basta ir para Edit > Preferences > Guides > Grid, e digite 0.5 na caixa Gridline every e 1 na caixa Subdivisions. Tente não ficar desanimado por toda essa grade—isso vai tornar o seu trabalho mais fácil, e tenha em mente que você pode facilmente habilitar ou desabilitar ela utilizando o atalho de teclado Control-".

Você pode aprender mais sobre sistema de grade do Illustrator e como isso pode fazer seu trabalho mais fácil neste curto tutorial de Andrei Stefan: Understanding Adobe Illustrator's Grid System.

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

setup gridsetup gridsetup grid

2. Como Criar as Formas Iniciais

Passo 1

Pegue a Ferramenta Rectangle (M) e foque em sua Barra de Ferramenta. Remova a cor do traço, e depois selecione o preenchimento e defina sua cor para R=192 G=39 B=45. Mova a sua prancheta e simplesmente crie um retângulo de 5.5 x 10 px.

Mude para a Ferramenta Direct Selection (A) e selecione os quatro pontos de ancoragem que compõem o seu retângulo. Siga para a barra superior e digite 0.5 px nessa caixa Corners.

rectanglerectanglerectangle

Passo 2

Certifique-se de que seu retângulo arredondado está selecionado e vá para Effect > Warp > Bulge. Marque a caixa Horizontal, arraste o controle deslizante Bend para 50%, e depois clique no botão OK.

warp bulgewarp bulgewarp bulge

Passo 3

Duplique a sua forma (Control-C > Control-F). Selecione a cópia e arraste-a 5.5 px para a direita como mostrada na primeira imagem.

Selecione ambas as formas feitas até agora e vá para Object > Expand Appearance.

expand appearanceexpand appearanceexpand appearance

Passo 4

Usando a Ferramenta Rectangle (M), crie uma forma de 4.5 x 10 px, preencha-a com R=236 G=28 B=36, e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo e pegue a Ferramenta Direct Selection (A). Primeiro, selecione os pontos de ancoragem do lado esquerdo e digite 0.5 px na caixa Corners, e depois selecione os pontos de ancoragem do lado direito e digite 1 px na mesma caixa Corners. No final, sua forma deve parecer com a segunda imagem.

live cornerslive cornerslive corners

Passo 5

Selecione de novo a sua forma mais recente e vá para Effect > Warp > Bulge. Digite os atributos como mostrados abaixo, clique no botão OK, e depois vá para Effect > Warp > Arc Lower. Novamente, digite os atributos mostrados na imagem a seguir e depois clique no botão OK.

warpwarpwarp

Passo 6

Usando a Ferramenta Rectangle (M), crie uma forma 4.5 x 9 px, preencha-a com R=240 G=90 B=36, e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo e pegue a Ferramenta Direct Selection (A). Primeiro, selecione os pontos de ancoragem do lado esquerdo e digite 0.5 px na caixa Corners, e depois selecione os pontos de ancoragem do lado direito e digite 1 px na mesma caixa Corners. No final, sua forma deve parecer com a segunda imagem.

orange rectangleorange rectangleorange rectangle

Passo 7

Selecione de novo a sua forma laranja e vá para Effect > Warp > Bulge. Digite os atributos como mostrados abaixo, clique no botão OK, e depois vá para Effect > Warp > Arc Lower. Novamente, digite os atributos mostrados na seguinte imagem e depois clique no botão OK. Certifique-se de que a forma resultante está selecionada e envie-a para trás usando o atalho de teclado Shift-Control-[.

warpwarpwarp

Passo 8

Usando a Ferramenta Rectangle (M), crie uma forma de 4.5 x 8 px, preencha-a com R=246 G=146 B=30, e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo e pegue a Ferramenta Direct Selection (A). Primeiro, selecione os pontos de ancoragem do lado esquerdo e digite 0.5 px na caixa Corners, e depois selecione os pontos de ancoragem do lado direito e digite 1 px na mesma caixa Corners. No final, sua forma deve parecer com a segunda imagem.

yellow rectangleyellow rectangleyellow rectangle

Passo 9

Selecione de novo a sua forma amarela e vá para Effect > Warp > Bulge. Digite os atributos mostrados abaixo, clique no botão OK, e depois vá para Effect > Warp > Arc Lower. Novamente, digite os atributos mostrados na seguinte imagem e depois clique no botão OK. Certifique-se de que a forma resultante está selecionada e envie-a para trás usando o mesmo atalho de teclado Shift-Control-[.

warpwarpwarp

Passo 10

Usando a Ferramenta Rectangle (M), crie uma forma de 3.5 x 7 px, preencha-a com R=250 G=175 B=59, e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo e pegue a Ferramenta Direct Selection (A). Primeiro, selecione os pontos de ancoragem do lado esquerdo e digite 0.5 px na caixa Corners, e depois selecione os pontos de ancoragem do lado direito e digite 1 px na mesma caixa Corners. No final, sua forma deve parecer com a segunda imagem.

yellow rectangleyellow rectangleyellow rectangle

Passo 11

Selecione de novo a sua forma mais recente e vá para Effect > Warp > Bulge. Digite os atributos mostrados abaixo, clique no botão OK, e depois vá para Effect > Warp > Arc Lower. Novamente, digite os atributos mostrados na seguinte imagem, e depois clique no botão OK. Certifique-se de que a forma resultante está selecionada e envie-a para trás (Shift-Control-[).

warpwarpwarp

Passo 12

Usando a Ferramenta Rectangle (M), crie uma forma de 3.5 x 6 px, preencha-a com R=255 G=200 B=0, e posicione-a como mostrada na primeira imagem.

Continue focando neste novo retângulo e pegue a Ferramenta Direct Selection (A). Primeiro, selecione os pontos de ancoragem do lado esquerdo e digite 0.5 px na caixa Corners, e depois selecione os pontos de ancoragem do lado direito e digite 2 px na mesma caixa Corners. No final, sua forma deve parecer com a segunda imagem.

yellow rectangleyellow rectangleyellow rectangle

Passo 13

Selecione de novo a sua forma mais recente e vá para Effect > Warp > Bulge. Digite os atributos como mostrados abaixo, clique no botão OK, e depois vá para Effect > Warp > Arc Lower. Novamente, digite os atributos mostrados na seguinte imagem e depois clique no botão OK. Certifique-se de que a forma resultante está selecionada e envie-a para trás (Shift-Control-[).

send to backsend to backsend to back

Passo 14

Selecione as cinco formas destacadas na seguinte imagem e vá para Object > Transform > Reflect. Marque a caixa Vertical e depois clique no botão Copy. Selecione as formas recém-feitas e arraste-as para a esquerda como mostradas na seguinte imagem.

reflectreflectreflect

3. Como Salvar um Pincel de Caligrafia

Abra o painel Brushes (Window > Brushes) e clique no botão New Brush. Marque a caixa Calligraphic Brush, e depois clique no botão OK. Nomeie o seu novo pincel "0,75 pt. Oval" digite todos os atributos mostrados abaixo, e depois clique no botão OK.

calligraphic brushcalligraphic brushcalligraphic brush

4. Como Colorir as Formas do Meio

Passo 1

Selecione suas duas formas vermelhas escuras, foque no painel Appearance (Window > Appearance), e substitua essa cor de preenchimento com R=172 G=198 B=8.

green fillgreen fillgreen fill

Passo 2

Certifique-se de que suas formas verdes ainda estão selecionadas, continue focando no painel Appearance e adicione um segundo preenchimento usando o botão Add New Fill. Selecione o novo preenchimento e torne-o branco, diminua sua Opacity para 70%, mude o Blending Mode para Soft Light, e depois vá para Effect > Distort & Transform > Transform. Digite todos os atributos mostrados abaixo e depois clique no botão OK.

add new filladd new filladd new fill

Passo 3

Certifique-se de que suas formas verdes ainda estão selecionadas, continue focando no painel Appearance e adicione um terceiro preenchimento usando o botão Add New Fill. Selecione o novo preenchimento, defina a cor para R=0 G=56 B=24, e depois vá para Effect > Distort & Transform > Transform. Digite todos os atributos mostrados abaixo e depois clique no botão OK.

transformtransformtransform

Passo 4

Certifique-se de que suas formas verdes ainda estão selecionadas e continue focando no painel Appearance. Selecione de novo o preenchimento de cima e vá para Effect > Warp > Bulge. Digite os atributos mostrados abaixo e depois clique no botão OK.

bulgebulgebulge

Passo 5

Certifique-se de que suas formas verdes ainda estão selecionadas e continue focando no painel Appearance. Selecione o traço, aplique seu pincel de caligrafia "0,75 pt. Oval" do painel Brushes, e defina sua cor para R=128 G=147 B=6.

strokestrokestroke

5. Como Colorir as Formas Restantes

Passo 1

Primeiro, você precisa copiar os atributos de Appearance de suas formas verdes e cole-as nas cinco formas que se encontram no lado direito.

Isto pode ser feito muito facilmente no painel Layers (Window > Layers). Expanda sua camada e você vai notar um pequeno círculo do lado direito de todos os seus objetos—isso é um ícone de alvo. Segure a tecla Alt, clique no ícone de alvo que representa uma das suas formas verdes, e arraste para o círculo que representa uma das formas que se encontram no lado direito.

Selecione as cinco formas que você copiou os atributos e foque no painel Appearance. Abra o efeito Warp aplicado para esse preenchimento de cima, e substitua o estilo Bulge com o estilo Arc como mostrado abaixo.

target icontarget icontarget icon

Passo 2

Novamente, copie os atributos de Appearance de suas forma verdes do meio, e desta vez cole-as nas cinco formas que se encontram do lado esquerdo.

Depois que você terminar, selecione todas as cinco formas e foque no painel Appearance. Abra o efeito Warp aplicado ao preenchimento de cima e substitua o estilo Bulge com o estilo Arc como mostrado abaixo.

target icontarget icontarget icon

6. Como Adicionar Algumas Manchas Laranjas

Passo 1

Usando a Ferramenta Ellipse (L), crie um grupo de círculos espremidos como mostrados na seguinte imagem, e preencha-os com R=240 G=120 B=44.

orange circleorange circleorange circle

Passo 2

Selecione os círculos laranjas espremidos destacados na seguinte imagem, e vá para Effect > Warp > Arc. Digite os atributos mostrados abaixo e depois clique no botão OK.

warp arcwarp arcwarp arc

Passo 3

Selecione os círculos laranjas espremidos destacados na seguinte imagem, e vá para Effect > Warp > Arc. Digite os atributos mostrados abaixo e depois clique no botão OK.

warp arcwarp arcwarp arc

7. Como Adicionar Alguns Destaques Sutis

Passo 1

Usando a Ferramenta Ellipse (L), crie duas formas 1 x 6.5 px. Preencha ambas as formas com branco e posicione-as como mostradas na seguinte imagem. Selecione estes círculos espremidos um a um e aplique os efeitos Warp mostrados abaixo.

whitewhitewhite

Passo 2

Usando a Ferramenta Ellipse (L), crie outros cinco círculos espremidos como mostrados na primeira imagem. Torne-os branco, e não se esqueça de aplicar o efeito Warp mostrado abaixo.

warpwarpwarp

Passo 3

Usando a Ferramenta Ellipse (L), crie outros cinco círculos espremidos como mostrados na primeira imagem. Torne-os branco, e não se esqueça de aplicar o efeito Warp mostrado abaixo.

warpwarpwarp

Passo 4

Selecione todos os seus círculos brancos espremidos e mude o Blending Mode para Overlay.

blend modeblend modeblend mode

8. Como Criar as Antenas e o Pêlo

Passo 1

Usando a Ferramenta Pen (P), crie dois caminhos como mostrados na primeira imagem. Adicione um traço de 0.5 px para estes caminhos, defina sua cor para R=0 G=56 B=24, e foque no painel Appearance. Simplesmente clique no pedaço de texto "Stroke" para abrir o painel flutuante Stroke, e selecione Width Profile 4 do menu drop-down Profile.

stroke profilestroke profilestroke profile

Passo 2

Desabilite o Grid (Control-") e o Snap to Grid (Shift-Control-").

Usando a Ferramenta Pen (P), adicione um grupo de caminhos como na primeira imagem. Certifique-se de que todos estes caminhos estão selecionados, envie-os para trás (Shift-Control-[), e aplique esse mesmo traço escuro usado no passo anterior.

send to backsend to backsend to back

9. Como Salvar os Dois Pincéis de Arte

Passo 1

Selecione todas as formas feitas até agora e clique no botão New Brush do painel Brushes. Marque a caixa Art Brush e clique no botão OK. Nomeie este novo pincel "Cartepillar Art Brush 100%", digite todos os atributos mostrados abaixo, e depois clique no botão OK.

art brushesart brushesart brushes

Passo 2

Mantenha focando no painel Brushes e arraste o seu pincel de arte de lagarto acima do botão New Brush para duplicá-lo. Dê duplo clique no pincel recém-adicionado, renomeie-o "Caterpillar Art Brush 200%", arraste o controle deslizante de Width para 200%, e depois clique no botão OK.

duplicate brushduplicate brushduplicate brush

10. Como Criar o Fundo e Adicionar o Texto

Passo 1

Usando a Ferramenta Rectangle (M), crie uma forma 860 x 610 px, preencha-a com R=235 G=232 B=215, e certifique-se de que ela vai cobrir sua prancheta inteira.

backgroundbackgroundbackground

Passo 2

Certifique-se de que seu retângulo grande ainda está selecionado, continue focando no painel Appearance, e adicione um segundo preenchimento. Torne-o preto, diminua sua Opacity para 3%, mude o Blending Mode para Multiply, e vá para Effect > Artistic > Film Grain. Digite os atributos mostrados abaixo e depois clique no botão OK.

film grainfilm grainfilm grain

Passo 3

Certifique-se de que seu retângulo grande ainda está selecionado, continue focando no painel Appearance, e adicione um terceiro preenchimento.  Defina a cor para R=255 G=200 B=0, diminua sua Opacity para 15%, mude o Blending Mode para Multiply, e vá para Effect > Artistic > Sponge. Digite os atributos mostrados abaixo e depois clique no botão OK.

spongespongesponge

Passo 4

Pegue a Ferramenta Type (T) e abra o painel Character (Window > Type > Character). Selecione a fonte Pacifico, defina o tamanho para 180 px, e aumente o tracking para 200. Simplesmente clique na sua prancheta e adicione o seu texto branco.

type tooltype tooltype tool

Passo 5

Certifique-se de que seu texto ainda está selecionado, substitua o branco com R=216 G=223 B=33, diminua a Opacity para 50%, e depois vá para Effect > Distort & Transform > Tweak. Digite os atributos mostrados e depois clique no botão OK.

tweak effecttweak effecttweak effect

11. Como Criar o Efeito do Texto e Adicionar Algum Sombreamento Sutil

Passo 1

Pegue a Ferramente Brush (B) e selecione seu pincel "Caterpillar Art Brush 200%" do painel Brushes. Use o texto como uma referência bruta e desenhe um grupo de caminhos sobre como mostrado na seguinte imagem.

brush toolbrush toolbrush tool

Passo 2

Certifique-se de que todos os pincéis adicionados no passo anterior estão selecionados, e vá para Effect > Stylize > Drop Shadow. Digite os atributos mostrados na janela superior esquerda (na seguinte imagem), clique no botão OK, e depois aplique os outros três efeitos Drop Shadow mostrados abaixo.

drop shadowdrop shadowdrop shadow

Passo 3

Pegue a Ferramenta Brush (B) e desta vez selecione seu pincel de arte "Caterpillar Art Brush 100%" do painel Brushes. Adicione um grupo de caminhos como mostrado na seguinte imagem.

brush toolbrush toolbrush tool

Passo 4

Certifique-se de que todos os pincéis adicionados no passo anterior estão selecionados e aplique os três efeitos Drop Shadow mostrados abaixo.

drop shadowdrop shadowdrop shadow

Passo 5

Usando a Ferramenta Rectangle (M), crie uma nova forma 860 x 610 px, preencha-a com o gradiente radial mostrado abaixo, e mude o Blending Mode para Soft Light. Tenha em mente que o zero amarelo da imagem Gradient (Window > Gradient) significa a porcentagem da Opacity.

radial gradientradial gradientradial gradient

Parabéns! Você Terminou!

Aqui está como deve ficar. Espero que você tenha aproveitado este tutorial e possa aplicar estas técnicas em seus futuros projetos.

Sinta-se livre para ajustar o design final e fazer do seu jeito. Você pode encontrar algumas ótimas fontes de inspiração em GraphicRiver, com soluções interessantes para melhorar o seu design.

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