Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Queimado Realista no Adobe Photoshop

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

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

Este tutorial vai mostrar a você como usar dois estilos de camada para criar um efeito de texto de couro queimado super fácil, mas ainda muito realista. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na GraphicRiver.

Arquivos do Tutorial

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

1. Como Adicionar uma Textura de Fundo

Passo 1

Crie um novo documento de 1024 x 683 px, e em seguida vá para Arquivo > Colocar Vinculados (File > Place Linked) para carregar a imagem da Textura de Couro.

Redimensione a imagem para que ela se encaixe dentro do documento, e tente manter o canto inferior direito que está muito escuro do lado de fora.

Place the Leather TexturePlace the Leather TexturePlace the Leather Texture

Passo 2

Vá para Imagem > Ajustes > Sombras/Realces (Image > Adjustments > Shadows/Highlights).

Marque a opção Mostrar Mais Opções (Show More Options) e use os seguintes valores para o resto das configurações:

Sombras:

  • Intensidade (Amount): 1
  • Tom: 50
  • Raio: 30

Realces:

  • Intensidade (Amount): 20
  • Tom: 50
  • Raio: 30

Ajustes:

  • Cor: 0
  • Meio tom (Midtone): 0
ShadowsHighlights SettingsShadowsHighlights SettingsShadowsHighlights Settings

2. Como Criar um Simples Efeito de Vinheta

Passo 1

Clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Degradê (Gradient).

Add a Gradient LayerAdd a Gradient LayerAdd a Gradient Layer

Passo 2

Crie um preenchimento de degradê de Transparente para a Cor de Preenchimento (Transparent to Fill Color) usando as cores #eaeaea para a esquerda e #816f69 para a direita.

Altere o Estilo para Radial, a Escala para 350 e marque a opção Pontilhamento (Dither).

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Passo 3

Altere o Modo de Mesclagem (Blend Mode) da camada Degradê (Gradient) para Superexposição Linear (Linear Burn).

Blend ModeBlend ModeBlend Mode

3. Como Criar o Texto

Passo 1

Crie o texto usando a fonte Big Top. Altere seu Tamanho (Size) para 200 pt e o Espaçamento entre Caracteres (Tracking) para -50.

Create the TextCreate the TextCreate the Text

Passo 2

Altere o valor do Preenchimento (Fill) da camada do texto para 0.

Layer Fill ValueLayer Fill ValueLayer Fill Value

Passo 3

Duplique a camada do texto.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

4. Como Aplicar um Estilo de Camada à Camada do Texto

Dê um duplo-clique na camada de texto original para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Tamanho (Size): 30
  • Contorno de Reflexo (Gloss Contour): Aro - Duplo (Ring - Double)
  • Marque a opção Suavização de Serrilhado (Anti-aliased).
  • Modo de Realce (Highlight Mode): Sobrepor (Overlay)
  • Modo de Sombra (Shadow Mode):
    • Cor: #675b47
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)
  • Marque a opção Suavização de Serrilhado (Anti-aliased).
  • Escala (Range): 100%
ContourContourContour

Passo 3

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Little Pluses
TextureTextureTexture

Passo 4

Adicione uma Sobreposição de Cor (Color Overlay) com as seguintes configurações:

  • Cor: #3f3d43
  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Opacidade: 90%
Color OverlayColor OverlayColor Overlay

Passo 5

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
  • Cor: #74838e
  • Opacidade: 65%
  • Distância: 5
  • Expansão (Spread): 10
  • Tamanho (Size): 20
Drop ShadowDrop ShadowDrop Shadow

5. Como Usar a Opção Mesclar Se

Passo 1

Clique na aba Opções de Mesclagem (Blending Options) na parte superior da caixa de diálogo Estilo de Camada (Layer Style).

Na seção Mesclar Se (Blend If) próxima da parte inferior da janela, clique-e-arraste o controle deslizante branco da Camada Subjacente (Underlying Layer) para a esquerda.

Perceba como isso afeta o preenchimento do texto no documento, como você começará a ver as áreas brilhantes sendo mostradas através dele.

Blend IfBlend IfBlend If

Passo 2

Agora segure a tecla Option/Alt e clique-e-arraste o controle deslizante para dividi-lo. Mova cada final separadamente para criar uma transição suave.

Ajuste os controles deslizantes até que você consiga um efeito de seu gosto.

Blend If SlidersBlend If SlidersBlend If Sliders

Isso basicamente ajuda a proteger os realces da textura de serem afetados pelos efeitos de texto que você aplicou.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

6. Como Aplicar um Estilo de Camada à Camada de Texto Cópia

Dê um duplo-clique na camada de texto cópia para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Estilo: Entalhe Elevado (Pillow Emboss)
  • Tamanho (Size): 15
  • Marque a opção Suavização de Serrilhado (Anti-aliased).
  • Modo de Realce (Highlight Mode): Sobrepor (Overlay)
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Vale - Profundo (Cove - Deep)
  • Marque a opção Suavização de Serrilhado (Anti-aliased).
ContourContourContour

Passo 3

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
  • Cor: #85552f
  • Opacidade: 35%
  • Distância: 5
  • Tamanho (Size): 10
Inner Shadow 1Inner Shadow 1Inner Shadow 1

Passo 4

Clique no sinal de + à direita da aba Sombra Interna (Inner Shadow) para adicionar outro efeito de Sombra Interna com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
  • Cor: #85552f
  • Opacidade: 35%
  • Distância: 0
  • Tamanho (Size): 25
Inner Shadow 2Inner Shadow 2Inner Shadow 2

Passo 5

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
  • Opacidade: 70%
  • Cor: #b2b0af
  • Tamanho (Size): 10
Outer GlowOuter GlowOuter Glow

Passo 6

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição Linear (Adicionar)(Linear Dodge (Add))
  • Cor: #ccdfe0
  • Opacidade: 45%
  • Distância: 0
  • Tamanho (Size): 5
Drop Shadow 1Drop Shadow 1Drop Shadow 1

Passo 7

Adicione outro efeito de Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
  • Cor: #c9c7ad
  • Opacidade: 35%
  • Distância: 5
  • Tamanho (Size): 15
Drop Shadow 2Drop Shadow 2Drop Shadow 2

Isso vai finalizar o efeito de texto.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

Trabalho Incrível, Você Terminou!

Neste tutorial , nós criamos um fundo simples usando uma textura e uma camada de preenchimento de degradê.

Em seguida, nós criamos duas camadas de texto e estilizamos elas com alguns efeitos e opções de mesclagem para criar o efeito de queimado.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads