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

Como Criar um Efeito de Texto Western (Oeste) no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Nos seguintes passo você vai aprender como criar um simples efeito de texto Western no Adobe Illustrator.

Para os iniciantes, você vai aprender como criar um simples plano de fundo e como adicionar uma peça de texto básica. Tirando total vantagem do painel Appearance, você vai aprender como criar seu efeito de texto Western.

Você vai aprender como trabalhar com múltiplos preenchimentos e traço, Offset, Cantos Arredondados e Transformar efeitos, alguns efeitos adicionais de técnicas básicas de mistura do Photoshop. Finalmente, você vai aprender como salvar e usar um simples estilo gráfico.

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

1. Como Criar um Novo Documento e Adicionar um Simples Plano de Fundo

Passo 1

Aperte Control-N para criar um novo documento. Selecione Pixels do menu drop-down Units, digite 850 nas caixas de largura e altura, e depois clique no botão Advanced. Selecione RGB para a Color Mode, defina Raster Effects para Screen (72 ppi), e depois clique Create Document.

new document

Passo 2

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=231 G=207 B=180. Vá para sua prancheta e simplesmente clique nela para abrir a janela Rectangle. Digite "860" em ambas as caixas e depois clique no botão OK.

rectangle

2. Como Adicionar o Seu Texto

Passo 1

Pegue a Ferramenta Type (T) e abra o painel Character (Window > Type > Character). Use a Fonte Texas Tango, defina o tamanho para 120 px, e depois simplesmente clique em sua prancheta. Adicione o texto "WILD" e defina sua cor para branco (R=255 G=255 B=255).

type tool

Passo 2

Certifique-se de que seu texto permanece selecionado, foque no painel Swatches (Window > Swatches), clique na amostra [None] para tirar esse preenchimento branco.

Vá para o painel Appearance (Window > Appearance) e clique no botão Add New Fill para adicionar um novo preenchimento para a sua peça de texto. Selecione-o e defina sua cor para R=212 G=92 B=17.

new fill

3. Como Criar a Parte de Trás do Efeito do Texto

Passo 1

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um segundo preenchimento usando esse mesmo botão de Add New Fill e arraste-o abaixo do preenchimento existente..

Selecione o novo preenchimento, defina sua cor para R=53 G=9 B=8, e depois vá para Effect > Path > Offset Path. Digite um Offset de 10 px, clique no botão OK, e depois vá para Effect > Stylize > Rounded Corners. Defina o Radius para 10 px, clique em OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante Move-Vertical para 5 px e depois clique em OK.

Add New Fill

Passo 2

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo esse preenchimento inferior e vá para Effect > Stylize > Drop Shadow. Digite os atributos mostrados na janela da parte superior esquerda (na seguinte imagem), clique no botão OK, e depois adicione outros três efeitos Drop Shadow mostrados abaixo.

Drop Shadow

Passo 3

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um terceiro preenchimento e arraste-o entre os dois preenchimentos existentes.

Selecione este preenchimento mais novo, defina sua cor para R=76 G=28 B=15, e depois vá para Effect > Path > Offset Path. Digite um Offset de 5 px, clique no botão OK, e depois vá para Effect > Stylize > Rounded Corners. Defina o Radius para 6 px, clique no botão OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante Move-Vertical para 4 px e depois clique em OK.

Offset Path

Passo 4

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um quarto preenchimento e arraste-o para a direita abaixo do preenchimento superior.

Selecione este preenchimento mais novo, defina sua cor para preto (R=0 G=0 B=0), e depois vá para Effect > Path > Offset Path. Digite um Offset de 10 px, clique no botão OK, e então vá para Effect > Stylize > Rounded Corners. Defina o Radius para 10 px, clique no botão OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante Move-Vertical para 5 px, clique no botão OK, e depois vá para Effect > Artistic > Film Grain. Arraste os três controles deslizantes como mostrado na seguinte imagem e depois clique no botão OK.

Film Grain

Passo 5

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo esse preenchimento preto , diminua sua Opacity para 15%, e mude o Blending Mode para Multiply.

Multiply

Passo 6

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um quinto preenchimento e arraste-o para a direita abaixo do preenchimento superior.

Selecione este novo preenchimento, defina sua cor para R=76 G=28 B=15, e depois vá para Effect > Path > Offset Path. Digite um Offset de 10 px, clique no botão OK, e então vá para Effect > Stylize > Rounded Corners. Defina o Radius para 10 px, clique no botão OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante Move-Vertical para 5 px, clique no botão OK, e então vá para Effect > Sketch > Graphic Pen. Defina o Stroke Direction para Vertical, arraste os dois controles deslizantes como mostrado na seguinte imagem, e depois clique no botão OK.

Graphic Pen

Passo 7

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo o preenchimento adicionado no passo anterior, diminua sua Opacity para 10%, e mude o Blending Mode para Soft Light.

Soft Light

Passo 8

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione o preenchimento superior e vá para Effect > Stylize > Rounded Corners. Defina o Radius para 2 px, clique no botão OK, e depois adicione os dois efeitos Drop Shadow mostrados abaixo.

Rounded Corners

4. Como Criar a Parte da Frente do Efeito do Texto

Passo 1

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um novo preenchimento e arraste-o sobre o existente.

Selecione este preenchimento mais novo e substitua a cor plana com o gradiente linear mostrado abaixo. Tenha em mente que os números em azul da imagem Gradient significam a porcentagem de Location.

Em seguida, vá para Effect > Stylize > Rounded Corners. Defina o Radius para 2 px, clique no botão OK, e depois vá para Effect > Path > Offset Path. Digite um Offset de -2 px, clique no botão OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante de Scale-Vertical para -96%, não se esqueça de verificar o ponto superior médio de referência, e então clique no botão OK.

Linear Gradient

Passo 2

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione o preenchimento superior e duplique-o usando o botão Duplicate Selected Item. Selecione o preenchimento adicionado recentemente, substitua o gradiente linear com preto, e depois vá para Effect > Artistic > Film Grain. Arraste os três controles deslizantes como mostrado abaixo e depois clique no botão OK.

Film Grain

Passo 3

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo o preenchimento adicionado no passo anterior, diminua sua Opacity para 5%, e mude o Blending Mode para Multiply.

Multiply

Passo 4

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um novo preenchimento e arraste-o sobre o existente.

Selecione este preenchimento mais novo, defina sua cor R=76 G=28 B=15, e depois vá para Effect > Path > Offset Path. Digite um Offset de -1 px, clique no botão OK, e depois vá para Effect > Sketch > Graphic Pen. Defina o Stroke Direction para Vertical, arraste os dois controles deslizantes como mostrado na seguinte imagem, e depois clique no botão OK.

Graphic Pen

Passo 5

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo o preenchimento adicionado no passo anterior, diminua sua Opacity para 15%, e mude o Blending Mode para Soft Light.

Soft Light

Passo 6

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um novo preenchimento e arraste-o sobre o existente.

Selecione este preenchimento mais novo, defina sua cor para R=235 G=190 B=89, mude o Blending Mode para Soft Light, e vá para Effect > Stylize > Rounded Corners. Defina o Radius para 2 px, clique no botão OK, e depois vá para Effect > Stylize > Inner Glow. Digite todos os atributos mostrados abaixo e depois clique no botão OK.

Inner Glow

Passo 7

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um novo preenchimento e arraste-o sobre o existente.

Selecione este preenchimento mais novo, mude seu Blending Mode para Overlay, e substitua a cor plana com o gradiente linear mostrado abaixo. Tenha em mente que o número amarelo da imagem Gradient significa a porcentagem de Opacity.

Em seguida, vá para Effect > Stylize > Rounded Corners. Defina o Radius para 2 px, clique no votão OK, e depois vá para Effect > Path > Offset Path. Digite um Offset de -7 px, clique no botão OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o Scale-Vertical deslizante para -96%, não se esqueça de  verificar o ponto de referência médio superior, e depois clique no botão OK.

Overlay

Passo 8

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo o preenchimento adicionado no passo anterior e vá para Effect > Blur > Gaussian Blur. Defina o Radius para 3 px e então clique no botão OK.

Gaussian Blur

Passo 9

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo o preenchimento adicionado no passo anterior e duplique-o usando o mesmo botão Duplicate Selected Item. Selecione o preenchimento recentemente adicionado, diminua sua Opacity para 30%, e remova o efeito Gaussian Blur.

Duplicate Selected Item

Passo 10

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Adicione um novo preenchimento e arraste-o sobre o existente.

Selecione este preenchimento mais novo, mude seu Blending Mode para Overlay, diminua a Opacity para 20% e substitua a cor plana com a gradiente linear mostrada abaixo. Lembre-se de que o número amarelo da imagem Gradient significa a porcentagem de Opacity.

Em seguida, vá para Effect > Stylize > Rounded Corners. Defina o Radius para 2 px, clique no botão OK, e depois vá para Effect > Path > Offset Path. Digite um Offset de -5 px, clique no botão OK, e depois vá para Effect > Distort & Transform > Transform. Arraste o controle deslizante de Scale-Vertical para -96%, não se esqueça de verificar o ponto superior médio de referência, e então clique no botão OK.

Linear Gradient

Passo 11

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance.

Selecione o contorno, torne-o preto, defina o tamanho para 6 px, e então vá para Effect > Stylize >  Rounded Corners.  Defina o Radius para 2 px, clique no botão OK, e então vá para Effect > Path > Offset Path. Digite -2 px Offset e então clique no botão OK.

Black Stroke

Passo 12

Certifique-se de que seu texto ainda está selecionado e mantenha focando no painel de Appearance. Selecione de novo esse contorno, diminua sua Opacity para 25%, e mude o Blending Mode para Soft Light.

ABCD

5. Como Salvar e Usar Estilos Gráficos

Passo 1

Certifique-se de que seu texto ainda está selecionado, abra o painel Graphic Styles (Window > Graphic Styles), e simplesmente clique nesse botão New Graphic Style.

New Graphic Style

Passo 2

Finalmente, você pode adicionar o novo texto e usar seus estilos gráficos salvos como mostrado abaixo.

Graphic Styles

Parabéns! Está Pronto!

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

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

Final Product
Advertisement
Advertisement
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.