Como Criar um Efeito de Texto de Cerveja no Adobe Photoshop

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:

• Fonte Poetsen One
• Assoalho de madeira com cor de café borrado
• Pincéis e um pattern de bolhas e espuma
  

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.

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.

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.

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
  

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.

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.

Passo 2

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

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.

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.

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%

Passo 2

Adicione um Contour com estas configurações:

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

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 
  

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%
  

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.

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.

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

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%.

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.

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.

Passo 4

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

Passo 5

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

Passo 6

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

Isto vai criar uma sombra para o seu texto.

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.

Passo 2

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

Passo 3

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

Isto vai criar a primeira textura sutil da cerveja.

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.

Passo 2

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

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.

Isto vai criar a segunda textura sutil da cerveja.

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.

Passo 2

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

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.

Isto vai criar a terceira textura sutil da cerveja.

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.

Passo 2

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

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.

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%.

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%
  

Passo 6

Adicione um Contour com estas configurações:

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

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.

Isto vai criar algumas bolhas grandes na cerveja.

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.

Passo 2

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

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.

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%.

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%

Passo 6

Adicione um Contour com estas configurações:

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

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.

Isto vai adicionar algumas pequenas bolhas para a cerveja.

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.

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.

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.

Passo 4

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

Passo 5

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

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.

Passo  7

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

Passo 8

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

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.

Passo 10

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

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.

Passo 12

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

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.

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.

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%

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

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 
  

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.

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.

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.

Passo 2

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

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.

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%.

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.

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.

• 
  Efeitos de Texto
  Como Criar um Efeito de Texto de Tinta de Quadrinhos no Adobe Photoshop
  Jan Stverak
• 
  Estilos de Camada
  Como Criar um Modelo de Texto em 3D Preto e Dourado e um Logotipo
  Jan Stverak
• 
  Estilos de Camada
  Como Criar um Efeito de Texto Inspirado no Homem-Aranha no Adobe Photoshop
  Jan Stverak
• 
  Efeitos de Texto
  Como Criar um Efeito de Texto Inspirado em Freddy Krueger no Adobe Photoshop
  Jan Stverak
• 
  Photoshop Actions
  Como Criar uma Ação de Texto Cinematográfico 3D Dourado no Adobe Photoshop
  Jan Stverak
• 
  Efeitos de Texto
  Como Criar um Efeito de Texto Cartoon no Adobe Photoshop
  Jan Stverak