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 de Cerveja no Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Neste tutorial vou mostrar a você como criar um efeito de texto de cerveja no Adobe Photoshop utilizando estilos de camada, pincéis personalizados, filtros e máscaras de recorte.

Para este tutorial, eu escolhi a palavra "PROSIT", uma palavra alemã que significa "Saúde!" em português.

Se você quiser utilizar um texto estilizado em seus projetos, há muitos efeitos de texto disponíveis no GraphicRiver.

Recursos do Tutorial

Os seguintes recursos foram utilizados durante a produção deste tutorial:

1. Como Definir o Plano de Fundo

Passo 1

Abra o Photoshop, vá para File > New e defina estes detalhes predefinidos:

  • Width: 850 px
  • Height: 500 px
  • Resolution: 72 px/inch
  • Color mode: RGB Color 8 bit

Clique em Create.

Create a document

Passo 2

Vá para File > Place Embedded ..., e escolha wooden-floor-with-blurred-cafe-background.jpg. Marque Maintain aspect ratio e Set horizontal scale para 90%.  Depois mova esta imagem com o mouse para que as suas bordas direita e inferior se cruzem com as bordas direita e inferior do documento. Pressione Enter para posicionar a imagem.

Place image

Passo 3

Vá para Layer > New Adjustment Layer > Curves e clique em OK. Na janela Properties da camada, marque Edit points to modify the curve e, em seguida, clique em qualquer lugar perto da linha branca diagonal para criar um novo ponto.  Para este ponto, defina Input: 78 e Output: 12. Depois clique dentro novamente para criar o segundo ponto. Defina o segundo ponto para Input: 216 e Output: 163.

Use curves adjustment

Passo 4

Vá para Layer > New Adjustment Layer > Hue/Saturation... e depois pressione OK. Na janela Properties da camada, defina estes valores:

  • Hue: +3
  • Saturation: -56
  • Lightness: +5
Change hue and saturation

Passo 5

Selecione a camada Hue/Saturation 1, segure a tecla Shift e clique na camada wooden-floor-with-blurred-cafe para selecionar todas as três camadas e depois pressione Control-G para criar um grupo destas camadas.

Group layers

2. Como Instalar os Pincéis e Patterns

Passo 1

Vá para Edit > Presets > Preset Manager... No Preset Type, selecione Brushes, clique em Load..., e escolha bubbles-and-foam-brushes.abr.

Install brushes

Passo 2

Vá para Edit > Presets > Preset Manager... No Preset Type, selecione Patterns, clique em Load..., e escolha o foam-noise.pat.

Install a pattern

3. Como Criar as Camadas de Texto

Passo 1

Pegue a Ferramenta Type (T) e escreva "PROSIT!" Escolha a fonte Poetsen One e depois vá para Window > Character e defina o Size (tamanho) da fonte para 240 pt e Tracking para -60.

Type the text

Passo 2

Vá para Layer > Duplicate Layer..., nomeie-o Sombra e clique em OK. Para mover esta camada sob a camada PROSIT!, vá para Layer > Arrange > Send Backward.

Duplicate layer

4. Como Estilizar uma Camada de Texto

Passo  1

Selecione a camada "PROSIT!" e vá em Layer > Layer Style > Blending Options... para aplicar o seguinte estilo de camada.

Adicione um Bevel e Emboss com estas configurações:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 55%
  • Direction: Down
  • Size: 13 px
  • Desmarque a caixa Use Global Light 
  • Angle: -170
  • Altitude: 32
  • Gloss Contour: Inclinação de Rolamento - Descendente
  • Marque a caixa Anti-aliased 
  • Highlight Mode: Screen #ffffff e Opacity: 69%
  • Shadow Mode: Screen #ffffff e Opacity: 85%
Add a bevel and emboss

Passo 2

Adicione um Contour com estas configurações:

  • Gloss Contour: Inclinação de Rolamento - Descendente
  • Marque a caixa Anti-aliased 
  • Range: 100%
Add a contour

Passo 3

Adicione um Inner Shadow com estas configurações:

  • Blend Mode: Color Burn #000000
  • Opacity: 50%
  • Desmarque a caixa Use Global Light 
  • Angle: -90
  • Distance: 0 px
  • Choke: 0 px
  • Size: 32 px
  • Marque a caixa Anti-aliased 
Add an Inner Shadow

Passo 4

Adicione um Inner Glow com estas configurações:

  • Blending Mode: Color Dodge #ffc600
  • Opacity: 21%
  • Technique: Precise
  • Source: Center
  • Choke: 0%
  • Size: 27 px
  • Marque a caixa Anti-aliased
  • Range: 49%
Add an inner glow

Passo 5

Adicione um Gradient Overlay com estas configurações:

  • Blend Mode: Normal
  • Opacity: 100%
  • Style: Linear
  • Angle: 90
  • Scale: 100%
  • Clique no Gradient e defina estas paradas de cor:
  • Parada de cor 1 - Color: #b2710b Location: 0%
  • Parada de cor 2 - Color: #dca010 Location: 25%
  • Parada de cor 3 - Color: #dfb031 Location: 53%
  • Parada de cor 4 - Color: #c77f0d Location: 80%

Aperte o botão OK.

Add a gradient overlay

Passo 6

Vá para Layer > Smart Object > Convert to Smart Object e depois vá para Layer > Layer Style > Blending Options... Nas Blending Options, defina a Fill Opacity para 90% e pressione o botão OK.

Change blending options

Isto vai criar a camada do efeito de texto principal da cerveja.

Beer text result

5. Como Criar um Molde de Sombra

Passo 1

Selecione a camada "Sombra" e vá para Layer > Layer Style > Blending Options... para aplicar o seguinte estilo de camada.

Em Blending Options, defina a Fill Opacity para 0%.

Change blending options

Passo 2

Adicione um Gradient Overlay com estas configurações:

  • Blend Mode: Normal
  • Marque a caixa Dither 
  • Opacity: 100%
  • Style: Linear
  • Angle: -90
  • Scale: 100%
  • Clique no Gradient e defina estas paradas de cor e opacidade:
  • Parada de cor 1 - Color: #000000 Location: 0%
  • Parada de opacidade 1 - Opacity: 0% Location: 0%
  • Parada de cor 2 - Color: #000000 Location: 100%
  • Parada de opacidade 2 - Opacity: 100% Location: 100%

Aperte o botão OK.

Add a gradient overlay

Passo 3

Clique com o botão direito do mouse na camada "Sombra" e escolha Convert to Smart Object. Depois vá para Edit > Transform > Skew e Set vertical scale para 50%. Arraste o ponto de ancoragem central superior para cerca de -40° e pressione Enter.

Transform a shadow

Passo 4

Selecione a Ferramenta Move (V) e depois utilize as teclas de seta para mover a sombra, como mostrado na figura abaixo.

Move the shadow

Passo 5

Vá para Filter > Blur > Gaussian Blur..., defina o Radius para 2.6 px e depois clique em OK.

Gaussian blur filter

Passo 6

Vá para Layer > Layer Style > Blending Options... e defina a Fill Opacity para 75%. Clique em OK.

Change blending options

Isto vai criar uma sombra para o seu texto.

Shadow result

6. Como Criar a Primeira Textura da Cerveja

Passo 1

Selecione a camada "PROSIT!" e vá para Layer > New Fill Layer > Solid Color... Nomeie a camada Textura 1 e marque a caixa Use Previous Layer to Create Clipping Mask e depois pressione OK e selecione a cor black. Clique em OK novamente.

Create a new layer

Passo 2

Vá para Filter > Pixelate > Pointillize..., selecione Convert To Smart Object e  depois defina o Cell Size para 9. Clique em OK.

Add a pointillize filter

Passo 3

Vá para Layer > Layer Style > Blending Options..., defina o Blend Mode para Lighten e Fill Opacity para 10% e depois pressione OK.

Change blending options

Isto vai criar a primeira textura sutil da cerveja.

Filter result

7. Como Criar a Segunda Textura da Cerveja

Passo 1

Selecione a camada "Textura 1" e vá para Layer > New Fill Layer > Solid Color... Nomeie a camada Textura 2 e marque a caixa Use Previous Layer to Create Clipping Mask, e depois pressione OK e selecione a cor black. Clique em OK novamente.

Create a new layer

Passo 2

Vá para Filter > Pixelate > Mezzotint..., selecione Convert To Smart Object e defina o Type como Coarse Dots. Clique em OK.

Add a mezzotint filter

Passo 3

Vá para Layer > Layer Style > Blending Options..., defina o Blend Mode para Soft Light e Fill Opacity para 20% e depois clique em OK.

Change blending options

Isto vai criar a segunda textura sutil da cerveja.

Filter result

8. Como Criar a Terceira Textura da Cerveja

Passo 1

Selecione a camada "Textura 2" e vá para Layer > New Fill Layer > Solid Color... Nomeie a camada Textura 3 e marque a caixa Use Previous Layer to Create Clipping Mask, e depois pressione OK e selecione a cor black. Clique em OK novamente.

Create a new layer

Passo 2

Vá em Filter > Pixelate > Mezzotint..., selecione Convert To Smart Object e defina o Type como Fine Dots. Clique em OK.

Add a mezzotint filter

Passo 3

Vá para Layer > Layer Style > Blending Options..., defina o Blend Mode para Soft Light e Fill Opacity para 20% e depois clique em OK.

Change blending options

Isto vai criar a terceira textura sutil da cerveja.

Filter result

9. Como Criar Bolhas Grandes Com um Pincel Personalizado

Passo 1

Selecione a camada "Textura 3" e vá para Layer > New > Layer... Nomeie a camada Bolhas Grandes e marque a caixa Use Previous Layer to Create Clipping Mask e depois clique em OK.

Create a new layer

Passo 2

Vá para seus pincéis (Window > Brushes) e selecione o Bubbles - pincel grande.

Select the brush

Passo 3

Pincele o texto para criar uma densidade semelhante de bolhas, como na imagem abaixo. Você pode voltar a esta camada e adicionar mais bolhas a qualquer momento.

Brush the text

Passo 4

Vá até Layer > Layer Style > Blending Options... para aplicar os seguintes estilos de camada.

Em Blending Options, defina a Fill Opacity para 0%.

Change blending options

Passo 5

Adicione um Bevel and Emboss com estas configurações:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 240%
  • Direction: Up
  • Size: 6 px
  • Desmarque a caixa Use Global Light 
  • Angle: -90
  • Altitude: 60
  • Gloss Contour: Cone - Invertido
  • Marque a caixa Anti-aliased 
  • Highlight Mode: Screen com a cor white
  • Highlight Opacity: 43%
  • Shadow Mode: Soft Light com cor black
  • Shadow Opacity: 32%
Add a bevel and emboss

Passo 6

Adicione um Contour com estas configurações:

  • Gloss Contour: Cone - Invertido
  • Marque a caixa Anti-aliased 
  • Range: 100%
Add a contour

Passo 7

Adicione um Inner Glow com estas configurações:

  • Blend Mode: Color Dodge
  • Opacity: 50%
  • Color: white
  • Technique: Softer
  • Source: Center
  • Size: 13 px

Clique em OK para aplicar o estilo da camada.

Add an inner glow

Isto vai criar algumas bolhas grandes na cerveja.

Brush result

10. Como Criar Bolhas Pequenas Com um Pincel Personalizado

Passo 1

Selecione a camada "Bolhas Grandes" e vá para Layer > New > Layer... Nomeie a camada Bolhas Pequenas e marque a caixa Use Previous Layer to Create Clipping Mask e clique em OK.

Create a new layer

Passo 2

Vá para seus pincéis (Window > Brushes) e selecione o Bubbles - pincel pequeno.

Select the brush

Passo 3

Pincele o texto para criar uma densidade semelhante de bolhas, como na imagem abaixo. Você pode voltar a esta camada e adicionar mais bolhas a qualquer momento.

Brush the text

Passo 4

Vá até Layer > Layer Style > Blending Options... para aplicar os seguintes estilos de camada.

Em Blending Options, defina a Fill Opacity para 0%.

Change blending options

Passo 5

Adicione um Bevel and Emboss com estas configurações:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 209%
  • Direction: Up
  • Size: 7 px
  • Desmarque a caixa Use Global Light 
  • Angle: 90
  • Altitude: 30
  • Gloss Contour: Cone - Invertido
  • Marque a caixa Anti-aliased 
  • Highlight Mode: Screen com a cor white
  • Highlight Opacity: 43%
  • Shadow Mode: Soft Light com a cor black
  • Shadow Opacity: 32%
Add a bevel and emboss

Passo 6

Adicione um Contour com estas configurações:

  • Gloss Contour: Cone - Invertido
  • Marque a caixa Anti-aliased 
  • Range: 100%
Add a contour

Passo 7

Adicione um Inner Glow com estas configurações:

  • Blend Mode: Color Dodge
  • Opacity: 50%
  • Color: white
  • Technique: Softer
  • Source: Center
  • Size: 13 px
  • Marque a caixa Anti-aliased

Clique em OK para aplicar o estilo da camada.

Add an inner glow

Isto vai adicionar algumas pequenas bolhas para a cerveja.

Brush result

11. Como Criar uma Espuma de Cerveja

Passo 1

Escolha a Ferramenta Rectangle, defina o Preenchimento para a cor white e desenhe um retângulo sobre a parte superior do texto. Baixei a opacidade do retângulo para mostrar a você quanto do texto eu cobri. Seu retângulo deve ser branco sólido.

Create a rectangle

Passo 2

Vá para Filter > Distort > Wave..., selecione o botão Convert To Smart Object e utilize estas configurações:

  • Number of Generators: 5
  • Wavelength: Min. 10 Max. 60
  • Amplitude: Min. 2 Max. 6
  • Scale: H. 100% V. 100%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Aperte OK.

Add a wave filter

Passo 3

Enquanto a camada do retângulo estiver selecionada, Control-clique a camada "PROSIT!" para fazer uma seleção e depois vá para Layer > Layer Mask > Reveal Selection.

Mask a selection

Passo 4

Clique com o botão direito do mouse na camada do retângulo e escolha Convert to Smart Object.

Convert to smart object

Passo 5

Vá para Layer > New > Layer..., nomeie a camada para Espuma e clique em OK.

Create a new layer

Passo 6

Enquanto a camada "Espuma" estiver selecionada, Control-clique na camada do Retângulo para fazer uma seleção, e depois vá para o painel Paths (Window > Paths) e clique no ícone Make workpath from selection.

Make a workpath

Passo  7

Vá para seus pincéis (Window > Brushes) e selecione o pincel Foam.

Select the brush

Passo 8

Clique com o botão direito do mouse no Work Path e selecione Stroke Path... Selecione Tool: Brush e clique em OK.

Stroke the path

Passo 9

Segure Control e selecione a camada Espuma e Retângulo e depois clique com o botão direito do mouse na camada Espuma e escolha Convert to Smart Object.

Convert to smart object

Passo 10

Vá para Layer > Duplicate Layer... e duplique a camada Espuma como Sombra da Espuma. Clique em OK.

Duplicate the layer

Passo 11

Enquanto a camada "Sombra da Espuma" estiver selecionada, Control-clique na camada "PROSIT!" para fazer uma seleção e depois vá para Layer > Layer Mask > Reveal Selection.

Mask the layer

Passo 12

Envie a camada "Sombra da Espuma" para trás. Para fazer isto, vá para Layer > Arrange > Send Backward.

Arrange layers

12. Como Estilizar a Espuma de Cerveja

Passo 1

Selecione a camada "Sombra da Espuma" e vá até Layer > Layer Style > Blending Options... para aplicar os seguintes estilos de camada.

Em Blending Options, defina a Fill Opacity para 0% e marque a caixa Layer Mask Hides Effects.

Change blending options

Passo 2

Adicione um Drop Shadow com estas configurações:

  • Blend Mode: Linear Burn com a cor black
  • Opacity: 8%
  • Desmarque a caixa Use Global Light 
  • Angle: 90
  • Distance: 2 px
  • Size: 4 px
  • Contour: Gaussian
  • Marque a caixa Anti-aliased 

Clique em OK para aplicar o estilo da camada.

Add a drop shadow

Passo 3

Selecione a camada "Espuma" e vá para Layer > Layer Style > Blending Options... para aplicar os seguintes estilos de camada.

Adicione um Bevel and Emboss com estas configurações:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 150%
  • Direction: Up
  • Size: 29 px
  • Soften: 4 px
  • Desmarque a caixa Use Global Light
  • Angle: 90
  • Altitude: 30
  • Marque a caixa Anti-aliased 
  • Highlight Mode: Screen com a cor white
  • Highlight Opacity: 100%
  • Shadow Mode: Linear Burn com a cor black
  • Shadow Opacity: 10%
Add a bevel and emboss

Passo 4

Adicione um Inner Shadow com estas configurações:

  • Blend Mode: Linear Burn com a cor black
  • Opacity: 15%
  • Desmarque a caixa Use Global Light 
  • Angle: -90
  • Distance: 5 px
  • Size: 7 px
  • Marque a caixa Anti-aliased
Add an inner shadow

Passo 5

Adicione um Inner Glow com estas configurações:

  • Blend Mode: Linear Burn
  • Opacity: 21%
  • Color: black
  • Technique: Softer
  • Source: Center
  • Size: 62 px
  • Marque a caixa Anti-aliased 
Add an inner glow

Passo 6

Adicione um Pattern Overlay com estas configurações:

  • Blend Mode: Linear Burn
  • Opacity: 34%
  • Pattern: Ruído de Espuma

Clique em OK para aplicar o estilo da camada.

Add a pattern overlay

Passo 7

Clique com o botão direito do mouse na camada "Espuma" e escolha Convert to Smart Object. Isto vai criar a textura e a sombra da espuma.

Convert to smart object

13. Como Criar as Bolhas da Espuma da Cerveja

Passo 1

Selecione a camada "Espuma" e vá para Layer > New > Layer... Nomeie a layer Bolhas de Espuma e marque a caixa Use Previous Layer to Create Clipping Mask e clique em OK.

Create a new layer

Passo 2

Vá para seus pincéis (Window > Brushes) e selecione o Bubbles - pincel pequeno.

Select the brush

Passo 3

Pincele a espuma para criar uma densidade semelhante de bolhas, como na figura abaixo. Você pode voltar a esta camada e adicionar mais bolhas a qualquer momento.

Brush the foam

Passo 4

Vá até Layer > Layer Style > Blending Options... para aplicar os seguintes estilos de camada.

Em Blending Options, defina a Fill Opacity para 0%.

Change the blending options

Passo 5

Adicione um Bevel and Emboss com estas configurações:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 220%
  • Direction: Up
  • Size: 7 px
  • Desmarque a caixa Use Global Light 
  • Angle: -90
  • Altitude: 30
  • Marque a caixa Anti-aliased 
  • Highlight Mode: Screen com a cor white
  • Highlight Opacity: 80%
  • Shadow Mode: Soft Light com a cor black
  • Shadow Opacity: 55%

Clique em OK para aplicar o estilo da camada.

Add a bevel and emboss

Parabéns! Você Terminou

Neste tutorial, você aprendeu como criar um efeito de texto de cerveja utilizando estilos de camada, pincéis personalizados e máscaras de recorte.

Espero que você tenha gostado deste tutorial e fique à vontade para deixar seus comentários e criações abaixo.

Final result
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.