1. Design & Illustration
  2. Text Effects

Como Criar 10 Diferentes Estilos de Camada Efeito de Texto Uteis no Photoshop

by
Read Time:26 minsLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
10 Styles That Have Changed the Face of Icon Design
How to Create 10 Mini Pug Illustrations in Adobe Illustrator

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

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

Estilos de camada são uma das ferramentas mais poderosas do Photoshop. Suas muitas configurações diferentes e opções podem ajudá-lo a criar efeitos sem fim fácil e rapidamente. Nesse tutorial mostrarei a você como usar um punhado de estilos de camada e algumas dicas úteis e truques para criar dez efeitos de texto comuns e úteis. Vamos começar!

Esse efeito de texto foi inspirado nos muitos Estilos de Camada disponíveis no GraphicRiver.

Recursos do Tutorial

Para completar esse tutorial, você precisará dos seguintes recursos:

Fontes

Padrões e Texturas

Para usar as imagens como padrões, abra cada uma delas no Photoshop, vá até Editar > Definir Padrão, e clique em OK.

1. Como Criar um Efeito de Texto Vidro

Passo 1

Crie um novo documento de 1000 x 500 px, clique no ícone Criar nova camada de preenchimento ou ajuste no final do painel Camadas e escolha Gradiente.

Crie o preenchimento do gradiente usando as Cores #3e6181 para o esquerdo e #46aaab e para o direito, e marque a caixa Pontilhamento (Dither).

GradientGradientGradient

Passo 2

Adicione uma camada de preenchimento com Padrões,configure o Padrão com Grilled Noise (link no padrões e texturas) e altere o Modo de Mesclagem para Superexposição.

PatternPatternPattern

Passo 3

Crie um texto usando a fonte Cimochi, e altere o Tamanho para 350 pt.

Create the TextCreate the TextCreate the Text

Passo 4

Altere o preenchimento da Camada do texto para  valor 0, e duplique.

Layer SettingsLayer SettingsLayer Settings

Passo 5

Clique duplo na camada original de texto e aplique o seguinte etilo de camada:

Acrescente um Chanfro e Entalhe com essas configurações:

  • Profundidade: 200
  • Tamanho: 15
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 40
  • Altitude: 50
  • Contorno de Brilho: Valley - baixo (low)
  • Marcar a caixa Suavização de Serrilhado (anti-aliased). 
  • Modo de Realce: Luz Linear
    • Opacidade: 100%
  • Modo  de Sombra: Tela
    • Cor: #888888
    • Opacidade: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione um Traçado com essas configurações:

  • Tamanho: 1
  • Opacidade: 50%
  • Tipo de Preenchimento: Gradiente
  • Estilo: Refletido
  • Usar o preenchimento de gradiente steel s88.
StrokeStrokeStroke

Adicionar uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Subexposição de Cor
  • Cor: #ffffff
  • Opacidade: 40%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: -108
  • Distância: 5
  • Tamanho: 5
Inner ShadowInner ShadowInner Shadow

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Supexposição Linear
  • Opacidade: 50%
  • Cor: #7b7b7b
  • Tamanho: 10
Inner GlowInner GlowInner Glow

Adicione uma Sobreposição de Gradiente com essas configurações.

  • Modo de Mesclagem: Multiplicar
  • Opacidade: 50%
  • Estilo: Refletido
  • Usar o preenchimento de gradiente Aluminum 5.
Gradient OverlayGradient OverlayGradient Overlay

Adicione uma Sombra Projetada com essas configurações:

  • Opacidade: 50%
  • Distância: 5
  • Tamanho: 10
Drop ShadowDrop ShadowDrop Shadow

Isso vai dar o estilo da primeira camada.

Styled Layer 1Styled Layer 1Styled Layer 1

Passo 6

Clique duplo na cópia da camada de texto para aplicar o seguinte estilo de camada.

Adicionar um Chanfro e Entalhe com essas configurações:

  • Tamanho: 25
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 117
  • Altitude: 69
  • Contorno de Brilho: Cone - Invertido
  • Marcar  a caixa Suavização de Serrilhado
  • Modo de Realce: Luz Linear
    • Opacidade: 100%
  • Modo Sombra:
    • Opacidade: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicionar um Traçado  com essas configurações:

  • Tamanho: 1
  • Posição: Dentro
  • Modo de Mesclagem: Sobrepor
  • Opacidade: 50%
  • Tipo de Preenchimento: Gradiente
  • Estilo: Refletido
  • Use o preenchimento de gradiente steel s88.
StrokeStrokeStroke

Adicionar uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Sobrepor
  • Cor: #ffffff
  • Opacidade: 50%
  • Desmarcar a caixa Usar Luz Global
  • Ângulo: 24
  • Distância: 5
  • Tamanho: 5
Inner ShadowInner ShadowInner Shadow

Adicionar uma Brilho Interno com essas configurações:

  • Modo de Mesclagem: Multiplicar
  • Opacidade: 50%
  • Cor: #9f9f9f
  • Tamanho: 5
Inner GlowInner GlowInner Glow

Isso criará um efeito de vidro brilhante.

Glass Layer Style Text EffectGlass Layer Style Text EffectGlass Layer Style Text Effect

2. Como Criar um Efeito de Texto Metal

Passo 1

Crie um novo documento de 1000 x 500 px, clique no ícone Criar nova camada de ajuste ou preenchimento na parte inferior do painel Camadas, e  escolha Gradiente.

Crie um novo preenchimento de gradiente usando as Cores #596267 para o esquerdo e #222831 para a direita, altere o Estilo para Radial, a Escala para 200 e marque a caixa Pontilhamento.

GradientGradientGradient

Passo 2

Adicione uma camada de preenchimento Padrão, configure o Padrão como Hex Metal Mesh (do pacote Metal Mesh Patterns - Pack 1), mude o Modo de Mesclagem da camada para Multiplicação.

PatternPatternPattern

Passo 3

Crie um texto usando a fonte Queen of Camelot, altere a Cor para #2c2b2b, e o Tamanho para 250 pt.

Create the TextCreate the TextCreate the Text

Passo 4

Clique duplo na camada de texto para aplicar o seguinte estilo de camada:

Adicione um Chanfro e Entalhe com as seguintes configurações:

  • Técnica: Cinzel Sólido
  • Profundidade: 250
  • Tamanho: 5
  • Contorno de Brilho: Anel
  • Marcar a caixa Suavização de Serrilhado
  • Modo de Realce: Luz Brilhante
    • Opacidade: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione um Contorno com essas configurações.

  • Contorno: Cone - Invertido
  • Marcar a caixa Suavização de Serrilhado
ContourContourContour

Adicione uma Textura com as seguintes configurações:

  • Textura: Side Slanting Mesh (do pacote Metal Mesh Patterns - Pack 1)
  • Escala: 25%
  • Profundidade: 10%
TextureTextureTexture

Adicionar um Traçado com essas configurações:

  • Tamanho: 2
  • Tipo de Preenchimento: Gradiente
  • Estilo: Refletido
  • Use o preenchimento de gradiente Riddle of Steel.
StrokeStrokeStroke

Adicione uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Subexposição de Cor
  • Cor: #b67564
  • Opacidade: 35%
  • Distância:25
  • Tamanho: 10
Inner ShadowInner ShadowInner Shadow

Adicione um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Luz Direta
  • Opacidade: 67%
  • Cor: #c2ccd4
  • Técnica: Preciso
  • Posição: Centro
  • Tamanho: 51
  • Contorno:
Inner GlowInner GlowInner Glow

Adicione um efeito acetinado com essas configurações:

  • Modo de Mesclagem: Sobrepor
  • Cor: #d6d6d6
  • Opacidade: 58%
  • Ângulo: 60
  • Distância: 42
  • Tamanho: 24
  • Contorno: LInear
  • Marcar a caixa Suavização de Serrilhado.
  • Marcar a caixa Invertido.
SatinSatinSatin

Adicionar uma Sobreposição de Gradiente com essas configurações:

  • Marque a caixa Pontilhamento.
  • Modo de Mesclagem: Sobrepor
  • Use o preenchimento de gradiente stove pipe 20.
Gradient OverlayGradient OverlayGradient Overlay

Adicione uma Sobreposição de Padrão com essas configurações:

  • Modo de Mesclagem:  Sobrepor
  • Padrão: 9.jpg (do pacote de texturas Metal seamless).
  • Escala: 50%
Pattern OverlayPattern OverlayPattern Overlay

Passo 5

Adicione um Brilho externo com essas configurações:

  • Modo de Mesclagem: Luz Linear
  • Opacidade: 100%
  • Cor: #67ade8
  • Tamanho:5
Outer GlowOuter GlowOuter Glow

Adicionar uma Sombra Projetada com essas configurações:

  • Opacidade: 50%
  • Distância: 15
  • Dispersão: 25
  • Tamanho:15
Drop ShadowDrop ShadowDrop Shadow

Isso vai colocar estilo no texto.

Metal Layer Style Text EffectMetal Layer Style Text EffectMetal Layer Style Text Effect

3. Como Criar Efeito de Texto Prensado e Entalhado

Passo 1

Crie um novo documento 1000x 500 px, clique no ícone Criar nova camada de preenchimento ou ajuste no final do painel Camadas e escolha Gradiente.

Crie o preenchimento do gradiente usando as Cores #3c9179 para a esquerda e #57caaa para a direita, e marque a caixa Pontilhamento.

GradientGradientGradient

Passo 2

Adicione um camada de preenchimento com Padrão, configure o padrão como Diagonal Noise, e altere o modo de mesclagem da camada para Superexposição de Cor.

PatternPatternPattern

Passo 3

Crie o texto usando a fonte Bw Modelica SS01 Extra Bold, e altere o Tamanho para 200 pt.

Create the TextCreate the TextCreate the Text

Passo 4

Mude o valor da camada de Preenchimento do texto para 0.

Layer SettingsLayer SettingsLayer Settings

Passo 5

Clique duplo na próxima camada para aplicar o seguinte estilo de camada.

Adicione um Chanfro e Entalhe com essas configurações:

  • Estilo: Entalhe
  • Tamanho: 0
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Altitude: 60
  • Marcar a caixa suavização de serrilhado
  • Modo de Realce:
    • Opacidade: 20%
  • Modo Sombra:
    • Opacidade: 30%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Luz suave
  • Opacidade: 70%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 3
  • Tamanho: 3
Inner ShadowInner ShadowInner Shadow

Adicione um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Superexposição de Cor
  • Opacidade: 10%
  • Cor: #000000
  • Tamanho: 10
Inner GlowInner GlowInner Glow

Adicione um Sobreposição de Gradiente com essas configurações:

  • Marque a caixa Pontilhamento.
  • Modo de Mesclagem: Luz Suave
  • Opacidade: 15%
  • Crie um preenchimento de gradiente de Transparente para Preenchimento de Cor usando a Cor #000000 para os dois lados, e altere o lado transparente com valor da Opacidade de 50% para Parada da Opacidade.
Gradient OverlayGradient OverlayGradient Overlay

Adicione uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Luz Suave
  • Cor: #ffffff
  • Opacidade: 75%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 1
  • Dispersão: 5
  • Tamanho: 3
Drop ShadowDrop ShadowDrop Shadow

Isso vai criar uma efeito de texto em baixo relevo.

Pressed Layer Style Text EffectPressed Layer Style Text EffectPressed Layer Style Text Effect

Passo 6

Para criar um efeito de entalhe, crie uma nova camada de texto e certifique-se de alterar o valor de Preenchimento para 0.

New Text LayerNew Text LayerNew Text Layer

Passo 7

Clique duplo na camada de texto para aplicar o seguinte estilo:

Adicione um Chanfro e Entalhe com essas configurações:

  • Estilo: Chanfro Externo
  • Tamanho: 5
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 100
  • Altitude: 25
  • Marcar a caixa Suavização de Serrilhado
  • Modo de Realce: Luz Suave
    • Opacidade: 50%
  • Modo Sombra:
    • Opacidade: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Luz Brilhante
  • Cor: #d0d0d0
  • Opacidade: 50%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 1
  • Tamanho: 1
Inner ShadowInner ShadowInner Shadow

Adicione uma Sobreposição de Gradiente com essas configurações:

  • Marque a caixa Pontilhamento.
  • Modo de Mesclagem: Luz Suave
  • Opacidade: 20%
  • Crie um preenchimento de gradiente de Preenchimento de Cor para Transparente usando a cor #ffffff dos dois lados, e altere a Parada de Opacidade do lado transparente para valor de Opacidade de 40%.
Gradient OverlayGradient OverlayGradient Overlay

Adicione um Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Luz Suave
  • Cor: #000000
  • Opacidade: 50%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 7
  • Tamanho: 10
Drop ShadowDrop ShadowDrop Shadow

Isso vai criar um efeito em relevo.

Embossed Layer Style Text EffectEmbossed Layer Style Text EffectEmbossed Layer Style Text Effect

4. Como Criar um Efeito de Texto Neon

Passo 1

Crie um novo documento de 1000 x 500 px, clique no ícone Criar nova camada de Ajuste ou Preenchimento no final do painel Camada, e escolha Gradiente.

Crie o preenchimento do gradiente usando as Cores #2e0d45 para a esquerda e #0d0317 para a direita, altere o Estilo para Radial, e Escala para 200, e marque a caixa Pontilhamento.

GradientGradientGradient

Passo 2

Posicione a imagem BrickLargeBrown0025 no topo da camada Gradiente, redimensione se necessário, e altere o Modo de Mesclagem para Sobrepor.

Add the Texture ImageAdd the Texture ImageAdd the Texture Image

Passo 3

Crie um texto usando a fonte MM Cruella 100, e altere a Cor para #d87aff, o Tamanho para 250 pt, e o valor de rastreamento para 10.

Create the TextCreate the TextCreate the Text

Passo 4

Altere o valor do Preenchimento da camada de texto para 0. Você pode aumentar o valor de preenchimento após aplicar o estilo de camada para conseguir um efeito mais brilhante se você gostar.

Layer SettingsLayer SettingsLayer Settings

Passo 5

Clique duplo na camada de texto para aplicar o seguinte estilo de camada.

Adicione um Chanfro e Entalhe com essas configurações:

  • Profundidade: 250
  • Tamanho: 5
  • Suavização: 2
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 60
  • Altitude: 0
  • Contorno de Reflexo: Anel - Duplo
  • Marcar a caixa Suavização de Serrilhado
  • Modo de Realce: Subexposição de cor
    • Cor: #dcdcdc
    • Opacidade: 50%
  • Modo Sobra: Luz Brilhante
    • Cor: #e5e5e5
    • Opacidade: 10%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicionar um Contorno com essas configurações:

  • Contorno: Cone - Invertido
  • Marcar a caixa Suavização de Serrilhado
ContourContourContour

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Luz Linear
  • Cor: #ebd5f3
  • Opacidade: 100%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 0
  • Tamanho: 5
Inner ShadowInner ShadowInner Shadow

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Subexposição Linear (Adicionar)
  • Opacidade: 100%
  • Cor: #ddbfff
  • Origem: Brilho
  • Tamanho: 5
Inner GlowInner GlowInner Glow

Adicione um efeito Cetim com essas configurações:

  • Modo de Mesclagem: Luz Brilhante
  • Cor: #e6a2ee
  • Opacidade: 50%
  • Ângulo: 90
  • Distância: 10
  • Tamanho: 35
  • Contorno: Linear
  • Marcar a caixa Suavização de Serrilhado
  • Marque a caixa Inverter.
SatinSatinSatin

Adicione um Brilho Externo com essas configurações:

  • Modo de Mesclagem: Subexposição Linear (Adicionar)
  • Opacidade: 100%
  • Cor: #c689ff
  • Tamanho: 15
  • Intervalo: 85%
Outer GlowOuter GlowOuter Glow

Adicione uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Divisão
  • Cor: #f227ff
  • Opacidade: 85%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 0
  • Tamanho: 50
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Adicione outra Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Divisão
  • Cor: #f227ff
  • Opacidade: 100%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 0
  • Tamanho: 60
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Adicione uma terceira Sombra Projetada com essas configurações:

  • Opacidade: 50%
  • Distância: 30
  • Tamanho: 7
Drop Shadow - 3Drop Shadow - 3Drop Shadow - 3

Isso vai criar um efeito de texto neon brilhante.

Neon Layer Style Text EffectNeon Layer Style Text EffectNeon Layer Style Text Effect

5. Como Criar um Efeito de Texto Cromado

Passo 1

Abra a imagem Indoor Chairs e vá até Imagem> Tamanho da Imagem alterar o valor da Largura para 1000 px

Image SizeImage SizeImage Size

Passo 2

Vá até Filtro>Desfoque>Desfoque Gaussiano, e altere o valor do Raio para 1.5.

Gaussian BlurGaussian BlurGaussian Blur

Passo 3

Vá até Filtro> Distorção > Onda, e use essas configurações:

  • Número de Geradores de onda: 5
  • Comprimento da onda:
    • Min. 228
    • Max. 241
  • Amplitude:
    • Min. 5
    • Max. 35
  • Escala:
    • Horiz. 100
    • Vert. 100
  • Tipo: Senoidal
  • Áreas Indefinidas: Repetir Pixels das Arestas
Wave FilterWave FilterWave Filter

Passo 4

Vá até Editar>Definir Padrão, alterar o Nome para Chrome Reflection e clicar em OK.

Você pode usar outra imagem nesse efeito para conseguir resultados diferentes.

Define PatternDefine PatternDefine Pattern

Passo 5

Crie uma novo documento 1000 x 500 px, clique no ícone criar nova camada de ajuste o preenchimento no final do painel Camadas e escolha Gradiente.

Crie o preenchimento de gradiente usando as Cores #434a53 para a esquerda e #121219 para a direita, e altere o Estilo para Radial, a Escala para 200 e marque a caixa Pontilhamento.

GradientGradientGradient

Passo 6

Adicione uma camada de preenchimento Padrão, configure o Padrão com Old Wall, e altere o Modo de Mesclagem da camada para Superexposição de Cor.

PatternPatternPattern

Passo 7

Crie um texto usando a fonte Geneva, e altere o Tamanho para 200 pt.

Create the TextCreate the TextCreate the Text

Passo 8

Duplique a camada de texto e altere o valor do Preenchimento da cópia para 0.

Layer SettingsLayer SettingsLayer Settings

Passo 9

Clique duplo na camada de texto original para aplicar o seguinte estilo:

Adicione um Chanfro e Entalhe com essas configurações:

  • Tamanho: 1
  • Contorno de Reflexo: Inclinação com curva - Descendente
  • Marcar a caixa Suavização de Serrilhado
  • Modo de Realce: Luz Linear
    • Cor: #d6d6d6
    • Opacidade: 75%
  • Modo Sombra:
    • Cor: #4c4c4c
    • Opacidade: 75%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione um Contorno com essas configurações:

  • Contorno: Log
  • Marcar a caixa Suavização de Serrilhado
ContourContourContour

Adicionar uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Subexposição de Cor
  • Cor: #4d4d4d
  • Opacidade: 35%
  • Distância: 3
  • Tamanho: 10
Inner ShadowInner ShadowInner Shadow

Adicione um Brilho Interno com essas configurções:

  • Modo de Mesclagem: Luz Suave
  • Opacidade: 35%
  • Cor: #ffffff
  • Tamanho: 7
Inner GlowInner GlowInner Glow

Adicione uma Sobreposição de Gradiente com essas configurações:

  • Marque a caixa Pontilhamento.
  • Modo de Mesclagem: Luz Suave
  • Use o preenchimento de gradiente faucet 140.
Gradient OverlayGradient OverlayGradient Overlay

Adicione uma Sobreposição de Padrão com essas configurações.

  • Padrão: Chrome Reflection

Você pode clicar no botão Ajustar Origem para  restabelecer a posição da textura dentro do texto.

Pattern OverlayPattern OverlayPattern Overlay

Adicione uma Sombra Projetada com essas configurações:

  • Opacidade: 75%
  • Distância: 15
  • Dispersão: 20
  • Tamanho: 25
Drop ShadowDrop ShadowDrop Shadow

Isso vai dar o estilo do texto.

Styled Layer 1Styled Layer 1Styled Layer 1

Passo 10

Clique duplo na camada de texto cópia para aplicar os seguintes estilos de camada:

Adicione um Chanfro e Entalhe com essas configurações:

  • Estilo: Entalhe de Traço
  • Tamanho: 15
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 119
  • Altitude: 21
  • Contorno de Reflexo: Cone - Invertido
  • Marcar a caixa Suavização de Serrilhado.
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicionar um Contorno com essas configurações:

  • Contorno: anel
  • Marcar a caixa Suavização de Serrilhado.
ContourContourContour

Adicionar um Traçado com essas configurações:

  • Tamanho: 3
  • Tipo de Preenchimento: gradiente
  • Estilo: refletido
  • Usar o preenchimento de gradiente faucet 30
StrokeStrokeStroke

Adicionar uma Sombra Interna com essas configurações:

  • Opacidade: 15%
  • Distância: 2
  • Tamanho: 7
Inner ShadowInner ShadowInner Shadow

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Luz Suave
  • Opacidade: 25%
  • Cor: #ffffff
  • Tamanho: 5
Inner GlowInner GlowInner Glow

Adicionar Cetim com essas configurações:

  • Modo de Mesclagem: Luz Suave
  • Cor: #939393
  • Opacidade: 20%
  • Ângulo: -20
  • Distância: 190
  • Tamanho: 15
  • Contorno: Rolling Slope - Descendente
  • Marcar a caixa Suavização de Serrilhado
  • Marcar a caixa Inversão
SatinSatinSatin

Adicionar uma Sobreposição de Gradiente com essas configurações:

  • Modo de Mesclagem:
  • Use o preenchimento de gradiente Stailess Steel 25jar
Gradient OverlayGradient OverlayGradient Overlay

Isso vai adicionar o traçado.

Chrome Layer Style Text EffectChrome Layer Style Text EffectChrome Layer Style Text Effect

6. Como Criar um Efeito de Texto 3D Básico

Passo 1

Crie um novo documento de 1000 x 500 px, clique no ícone Criar novo preenchimento ou camada de ajuste no final do painel Camadas e escolha Gradiente.

Crie o preenchimento de gradiente usando as Cores #6a6a6a para a esquerda e #b1b3b2 para a direita, e marque a caixa Pontilhamento.

GradientGradientGradient

Passo 2

Adicione uma camada de preenchimento Padrão, configure o Padrão como Paper 3, e altere o Modo de Mesclagem para Superexposição de cor.

PatternPatternPattern

Passo 3

Crie um texto usando a fonte SchmalfetteCP, altere a Cor para #d9d9d9, o tamanho para 300 pt, e o valor de rastreamento em 10.

Duplicar a camada de texto.

Create the Text LayersCreate the Text LayersCreate the Text Layers

Passo 4

Mude a Cor original do texto para Vermelho, e pressione Command-T para entrar no Modo de Transformação Livre.

Pressione e segure a tecla Opção, e clique e arraste o lado direito da caixa de seleção para encolher o texto horizontalmente um pouco, tendo certeza de que não são criados espaços entre as duas peças de texto.

Clique na tecla Return para confirmar as alterações.

Transform the TextTransform the TextTransform the Text

Passo 5

Altere o valor de Preenchimento da camada de texto original para 0.

Layer SettingsLayer SettingsLayer Settings

Passo 6

Clique duplo na camada de texto original para aplicar os seguintes estilos:

Adicione um Chanfro e Entalhe com essas configurações:

  • Técnica: Cinzel sólido
  • Tamanho: 75
  • Suavização: 5
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 34
  • Altitude: 32
  • Modo de Realce:
    • Opacidade: 0%
  • Modo Sombra:
    • Opacidade: 40%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione um Contorno com essas configurações:

  • Contorno: Cove - Deep
  • Marcar a caixa Suavização de Serrilhado.
ContourContourContour

Adicionar uma Sombra Interna com essas configurações:

  • Opacidade: 50%
  • Distância: 0
  • Desfoque: 5
  • Tamanho: 15
Inner ShadowInner ShadowInner Shadow

Adicione uma Sobreposição de Cor com essas configurações:

  • Cor: #f2f2f2
Color OverlayColor OverlayColor Overlay

Adicione um Brilho Externo com essas configurações:

  • Modo de Mesclagem: Multiplicação
  • Opacidade: 10%
  • Cor: #000000
  • Tamanho: 25
Outer GlowOuter GlowOuter Glow

Adicione uma Sombra Projetada com essas configurações:

  • Opacidade: 30%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 2
  • Tamanho: 10
Drop ShadowDrop ShadowDrop Shadow

Isso fará o estilo da parte 3D.

3D Part3D Part3D Part

Passo 7

Clique duplo na cópia do texto para aplicar os seguintes estilos de camada:

Adicione um Chanfro e Entalhe com essas configurações:

  • Profundidade: 200
  • Tamanho: 1
  • Modo de Realce:
    • Opacidade: 80%
  • Modo Sombra:
    • Opacidade: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione um Contorno com as configurações padrão.

ContourContourContour

Adicione uma Sombra Interna com essas configurações

  • Opacidade: 10%
  • Distância: 3
  • Tamanho: 3
Inner ShadowInner ShadowInner Shadow

Adicione um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Luz Brilhante
  • Opacidade: 10%
  • Cor#ddebee
  • Tamanho: 5
Inner GlowInner GlowInner Glow

Adicione uma Sobreposição de Gradiente com essas configurações:

  • Marque a caixa Pontilhamento.
  • Crie um preenchimento de Gradiente usando as Cores #a6a6a6 para a esquerda e #e7e8e9 para a direita.
Gradient OverlayGradient OverlayGradient Overlay

Adicione um Brilho Externo com essas configurações:

  • Modo de Mesclagem: Normal
  • Opacidade: 10%
  • Cor: #ffffff
  • Tamanho: 5
Outer GlowOuter GlowOuter Glow

Adicione uma Sombra Projetada com essas configurações:

  • Opacidade: 50%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 90
  • Distância: 10
  • Tamanho: 15
Drop ShadowDrop ShadowDrop Shadow

Isso vai finalizar o efeito 3D.

Basic 3D Layer Style Text EffectBasic 3D Layer Style Text EffectBasic 3D Layer Style Text Effect

7. Como Criar um Efeito de Texto Sci Fi

Passo 1

Crie um novo documento de 1000 x 500 px, clique no ícone Criar um novo preenchimento ou camada de ajuste no final do painel Camadas, e escolha Gradiente.

Crie um preenchimento de gradiente usando as Cores #5b7177 para a esquerda e #0a252b para a direita, e altere o Estilo para Radial, a Escala para 200, marque a caixa Pontilhamento.

GradientGradientGradient

Passo 2

Adicione uma camada de preenchimento Padrão, configure o Padrão com 9.jpg (do pacote Metal seamless textures), e mude o Modo de Mesclagem da camada para Multiplicação.

PatternPatternPattern

Passo 3

Crie um texto usando a fonte Bhejeuct Gash, e altere a Cor para #283032 e o Tamanho para 250 pt.

Create the TextCreate the TextCreate the Text

Passo 4

Clique duplo na camada de texto para aplicar os seguintes estilos de camada:

Adicione um Chanfro e Entalhe com essas configurações:

  • Profundidade: 200
  • Tamanho: 15
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 157
  • Altitude: 16
  • Contorno de Reflexo: Vale - Baixo
  • Marque a caixa Suavização de Serrilhado
  • Modo de Realce: Luz Linear 
    • Cor: #e99d89
    • Opacidade: 100%
  • Modo Sombra: Superexposição de cor
    • Cor#c7c7c7
    • Opacidade: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicione um Contorno com essas configurações:

  • Contorno: Cone - Invertido
  • Marque a caixa Suavização de Serrilhado.
  • Intervalo: 100%
ContourContourContour

Adicionar Textura com essas configurações:

  • Padrão: Linhas diagonais médias (do pacote 30 Simple Patterns)
TextureTextureTexture

Adicionar um Traçado com essas configurações:

  • Tamanho: 2
  • Modo de Mesclagem: Subexposição Linear (Adicionar)
  • Tipo de Preenchimento: Gradiente
  • Estilo: Refletido
  • Use o preenchimento de gradiente Riddle of Steel
StrokeStrokeStroke

Adicionar uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Clarear
  • Cor#42f4ff
  • Opacidade: 75%
  • Distância: 15
  • Tamanho: 20
  • Contorno: Cone - assimétrico
Inner ShadowInner ShadowInner Shadow

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Subexposição Linear (Adicionar)
  • Opacidade: 100%
  • Cor#b76c3e
  • Origem: Centro
  • Tamanho: 15
Inner GlowInner GlowInner Glow

Adicione um Cetim com essas configurações:

  • Modo de Mesclagem: Luz Linear
  • Cor#9afff0
  • Opacidade: 58%
  • Ângulo: 60
  • Distância: 50
  • Tamanho: 8
  • Contorno: Linear
  • Marcar a caixa Suavização de Serrilhado.
  • Marcar a caixa Inversão.
SatinSatinSatin

Adicionar uma Sobreposição de Gradiente com essas configurações:

  • Marcar a caixa Pontilhamento
  • Modo de Mesclagem:
  • Clique na caixa Gradiente para criar um gradiente com esse valores.

Cor - Localização

  • #000000 - 0%
  • #11637e - 34%
  • #25abdd - 71%
  • #ffffff - 100%
Gradient OverlayGradient OverlayGradient Overlay

Adicionar uma Brilho Externo com essas configurações:

  • Modo de Mesclagem: Luz Linear
  • Opacidade: 100%
  • Cor#67e5e8
  • Tamanho: 10
Outer GlowOuter GlowOuter Glow

Adicionar uma Sombra Projetada com essas configurações:

  • Opacidade: 35%
  • Distância: 15
  • Dispersão: 25
  • Tamanho: 18
Drop ShadowDrop ShadowDrop Shadow

Isso vai dar o estilo do texto.

Sci Fi Layer Style Text EffectSci Fi Layer Style Text EffectSci Fi Layer Style Text Effect

8. Como Criar um Efeito de Texto Retrô

Passo 1

Crie um novo documento 1000 x 500, clique no ícone Criar uma nova camada de ajuste ou preenchimento no final do painel Camadas, e escolha Gradiente.

Crie um preenchimento de gradiente usando as Cores #aad1cf para a esquerda e #3accc7 para a direita, mude o Estilo para Radial e a Escala para 200, e marque a caixa Pontilhamento.

GradientGradientGradient

Passo 2

Adicione uma camada de preenchimento com Padrão, configure o Padrão com texturetastic gray, e altere o Modo de Mesclagem para Superexposição Linear.

PatternPatternPattern

Passo 3

Crie um texto usando a fonte Mon Cheri, e altere a Cor para #f65252 e o Tamanho para 250 pt.

Duplicar a camada de texto.

Create the Text LayersCreate the Text LayersCreate the Text Layers

Passo 4

Clique duplo na camada original do texto e aplique um efeito Sombra Projetada com essas configurações:

Adicionar uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Normal
  • Opacidade: 100%
  • Distância: 10
  • Dispersão: 100
  • Tamanho: 5
Drop ShadowDrop ShadowDrop Shadow

Passo 5

Clique direito na camada com estilo e escolha Converter em Objeto Inteligente. Isso vai basicamente criar uma camada de extrusão 3D.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 6

Clique duplo na camada do Objeto Inteligente e aplique o seguinte estilo de camada:

Adicionar um Chanfro e Entalhe com essas configurações:

  • Técnica: Cinzel sólido
  • Tamanho: 18
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: 149
  • Altitude: 58
  • Marcar a caixa Suavização de Serrilhado
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicionar um Contorno com essas configurações:

  • Contorno: Log
  • Marcar a caixa Suavização de Serrilhado
  • Intervalo: 100%
ContourContourContour

Adicionar uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Superexposição Linear
  • Cor#383838
  • Opacidade: 15%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: -77
  • Distância: 10
  • Tamanho: 1
Inner ShadowInner ShadowInner Shadow

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mesclagem: Luz Suave
  • Opacidade: 100%
  • Cor: #ffffff
  • Técnica: Preciso
  • Origem: Centro
  • Tamanho: 16
Inner GlowInner GlowInner Glow

Adicionar uma Sobreposição de Cor com essas configurações:

  • Cor: #d8d8d8
Color OverlayColor OverlayColor Overlay

Adicionar uma Sombra Projetada com essas configurações:

  • Modo de Mesclagem: Superexposição Linear
  • Cor: #010101
  • Opacidade: 15%
  • Distância: 5
  • Tamanho: 3
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Adicione outra Sombra Projetada com essas configurações:

  • Cor#010101
  • Opacidade: 25%
  • Distância: 15
  • Tamanho: 1
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Adicione uma terceira Sombra Projetada com essas configurações:

  • Cor#010101
  • Opacidade: 10%
  • Distância: 25
  • Tamanho: 20
Drop Shadow - 3Drop Shadow - 3Drop Shadow - 3

Isso vai dar o estilo da parte 3D.

Styled 3D PartStyled 3D PartStyled 3D Part

Passo 7

Clique duplo na cópia da camada de texto e aplique o seguinte estilo de camada:

Adicionar um Traçado com essas configurações:

  • Tamanho: 3
  • Cor: #ffffff
StrokeStrokeStroke

Adicionar uma Sombra Interna com essas configurações:

  • Modo de Mesclagem: Superexposição Linear
  • Cor: #383838
  • Opacidade: 50%
  • Distância: 2
  • Desfoque: 50
  • Tamanho: 1
Inner ShadowInner ShadowInner Shadow

Adicionar uma Sobreposição de Padrão com essas configurações:

  • Modo de Mesclagem: Dividir
  • Padrão: Pattern 11 (do pacote 20 Repeatable Pixel Patterns)
Pattern OverlayPattern OverlayPattern Overlay

Isso vai aplicar o estilo ao texto principal.

Retro Layer Style Text EffectRetro Layer Style Text EffectRetro Layer Style Text Effect

9. Como Criar um Efeito de Texto Tinta Spray

Passo 1

Crie um novo documento de 1000 x 500 px, posicione a imagem  BrickMedievalBlocks0129 por cima da camada de plano de fundo, e redimensione se necessário.

Add the Background ImageAdd the Background ImageAdd the Background Image

Passo 2

Crie um texto usando a fonte Graun, e altere a Cor para #ff4c3e e o Tamanho para 250 pt.

Create the TextCreate the TextCreate the Text

Passo 3

Altere o Modo de Mesclagem da camada de texto para Multiplicar.

Layer SettingsLayer SettingsLayer Settings

Passo 4

Clique duplo na camada de texto para acessar os controles das Opções de Mesclagem.

Na seção Mesclar Se, você encontrará duas barras. Nós vamos trabalhar com a Camada Subjacente.

Pressione e segure a tecla Opção, e clique e arraste o controle deslizante esquerdo para dividi-lo. Conforme você move o final do controle, você notará como o texto começa a se fundir com o plano de fundo.

O que esse controle faz é proteger as áreas mais escuras da imagem de serem afetadas pelo texto.

Blending OptionsBlending OptionsBlending Options

Passo 5

Se você fizer o mesmo com o controle deslizante direito, você vai controlar as áreas mais claras que você quer proteger ou evitar que seja afetadas pelo texto.

Blending OptionsBlending OptionsBlending Options

Passo 6

Continue ajustando os controles até você gostar do resultado.

Adjust the SlidersAdjust the SlidersAdjust the Sliders

Passo 7

A seguir, nós vamos adicionar mais dois efeitos para destacar o resultado:

Adicionar uma Sombra Interna com essas configurações:

  • Cor: #010101
  • Opacidade: 15%
  • Distância: 0
  • Tamanho: 5
Inner ShadowInner ShadowInner Shadow

Adicionar um Brilho Externo com essas configurações:

  • Modo de Mesclagem: Multiplicar
  • Opacidade: 100%
  • Ruído: 80%
  • Cor: #ff4c3e
  • Tamanho: 1
  • Intervalo: 100%
Outer GlowOuter GlowOuter Glow

Isso vai realçar as bordas.

Paint Spray Layer Style Text EffectPaint Spray Layer Style Text EffectPaint Spray Layer Style Text Effect

10. Como Criar um Efeito de Texto Glitter

Passo 1

Crie um novo documento 1000 x 500, clique no ícone Criar uma nova camada de ajuste ou preenchimento no final do painel Camadas, e escolha Padrão, e configure o Padrão para papel Bege.

PatternPatternPattern

Passo 2

Crie o texto usando a fonte Premier Script, e altere a cor para #b1b1b1 e o Tamanho para 300 pt.

Create the TextCreate the TextCreate the Text

Passo 3

Clique duplo na camada de texto para aplicar o seguinte estilo de camada:

Adicionar um Chanfro e Entalhe com essas configurações:

  • Técnica: Cinzel Sólido
  • Tamanho: 5
  • Contorno de Brilho: Anel - Duplo
  • Marque a caixa Suavização de Serrilhado
  • Modo de Realce: Luz Brilhante
    • Opacidade: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Adicionar uma Textura com essas configurações:

  • Padrão: glitter-pink (do pacote Wastedshame Free Glitter Patterns)
TextureTextureTexture

Adicionar uma Sobreposição de Padrão com essas configurações:

  • Padrão: Pink Glitter (do pacote 8 Free Glitter Effect Patterns & Styles for Photoshop)
  • Escala: 50%
Pattern OverlayPattern OverlayPattern Overlay

Adicionar uma Sombra Projetada com essas configurações:

  • Modos de Mesclagem: Luz Brilhante
  • Cor: #ffffff
  • Opacidade: 100%
  • Distância: 2
  • Tamanho: 2
  • Ruido: 5
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Adicionar uma Sombra Projetada com essas configurações:

  • Opacidade: 20%
  • Desmarcar a caixa Usar Luz Global.
  • Ângulo: -45
  • Distância: 3
  • Tamanho: 8
  • Ruído: 5
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Isso vai criar o efeito final. Você pode tentar usar diferentes texturas de glitter para conseguir resultados diferentes também.

Glitter Layer Style Text EffectGlitter Layer Style Text EffectGlitter Layer Style Text Effect

Trabalho Impressionante. Você Terminou!

Esse tutorial explicou como usar diferentes estilos de camadas e opções para criar dez efeitos de texto comuns e úteis. 

Sinta-se á vontade para deixar seus comentários, sugestões e resultados abaixo.

10 Layer Style Text Effects10 Layer Style Text Effects10 Layer Style Text Effects
One subscription.
Unlimited Downloads.
Get unlimited downloads