Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Inflado e Brilhante no Adobe Photoshop

Scroll to top
Read Time: 4 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 irá mostrar a você como usar os estilos de camada do Photoshop para criar um efeito de texto inflado e brilhante de forma rápida e fácil. Vamos começar!

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

Arquivos do Tutorial

Os seguintes arquivos foram usados durante a criação deste tutorial:

1. Como Criar um Plano de Fundo Embaçado e Colorido

Passo 1

Crie um novo documento de 1000 x 600 px. Vá para Arquivo > Colocar Vinculados... (File > Place Linked...), e adicione a imagem Bokeh black and white overlay.

Redimensione a textura do jeito que preferir, e renomeie a camada para Textura Embaçada (Bokeh Texture).

Add the Bokeh TextureAdd the Bokeh TextureAdd the Bokeh Texture

Passo 2

Adicione a imagem Autumn Blur | Free Texture / background acima da camada Textura Embaçada, renomeie a camada para Textura de Cor, mude o Modo de Mesclagem (Blend Mode) para Cor e redimensione-a o quanto for necessário.

Add the Color TextureAdd the Color TextureAdd the Color Texture

2. Como Criar Camadas de Texto

Passo 1

Crie o texto em Caixa Alta (All Caps) usando a fonte Sleepy Fat Cat. Mude o Tamanho para 215 pt e o Espaçamento dos Caracteres (Tracking) para 10.

Create the TextCreate the TextCreate the Text

Passo 2

Altere o valor de Preenchimento da camada de texto para 0, e duplique-a.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Como Criar um Estilo de Camada Texturizado e Colorido

Clique duas vezes com o Botão Esquerdo do Mouse na camada de texto original para aplicar os seguintes estilos de camada:

Passo 1

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

  • Profundidade: 200
  • Tamanho: 35
  • Desmarque a caixa de seleção Usar Luz Global (Use Global Light)
  • Ângulo: 40
  • Altitude: 50
  • Contorno de Reflexo (Gloss Contour): Vale - Raso (Valley - Low)
  • Marque a caixa de seleção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Luz Linear
    • Opacidade: 100%
  • Modo de Sombra (Shadow Mode): Divisão (Screen)
    • Cor: #888888
    • Opacidade: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contorno com estas configurações:

  • Contorno: Log
  • Marque a caixa de seleção Suavização de Serrilhado (Anti-aliased).
ContourContourContour

Passo 3

Adicione uma Textura com estas configurações:

  • Padrão: Type
  • Escala: 200%
TextureTextureTexture

Passo 4

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

  • Modo de Mesclagem: Subexposição de Cores (Color Dodge)
  • Cor: #ffffff
  • Opacidade: 25%
  • Desmarque a caixa de seleção Usar Luz Global (Use Global Light)
  • Ângulo: -108
  • Distância: 10
  • Tamanho: 10
Inner ShadowInner ShadowInner Shadow

Passo 5

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

  • Cor: #e0dadb
  • Modo de Mesclagem (Blend Mode): Multiplicar (Multiply)
Color OverlayColor OverlayColor Overlay

Passo 6

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

  • Marque a caixa de seleção Pontilhamento (Dither)
  • Modo de Mesclagem (Blend Mode):Superexposição Linear (Linear Burn)
  • Opacidade: 50%
  • Crie um Gradiente usando as cores #ec3017 para a esquerda e #00a0a4 para a direita. Você pode usar cores diferentes ou brincar com os valores das Posições das Paradas de Cor (Color Stop's Location) se você quiser. Os valores das Posições usadas aqui são 12 e 95.
Gradient OverlayGradient OverlayGradient Overlay

Passo 7

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

  • Opacidade: 15%
  • Distância: 10
  • Expansão (Spread): 30
  • Tamanho: 10
Drop ShadowDrop ShadowDrop Shadow

Isto criará o efeito principal.

Style Text Layer 1Style Text Layer 1Style Text Layer 1

4. Como Adicionar um Estilo de Traçado

dois cliques com o Botão Esquerdo do Mouse na cópia da camada de texto para aplicar o seguinte estilo de camada:

Passo 1

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

  • Estilo: Traçar Entalhe (Stroke Emboss)
  • Tamanho: 7
  • Suavização (Soften): 1
  • Desmarque a caixa de seleção Usar Luz Global (Use Global Light)
  • Ângulo: 60
  • Altitude: 60
  • Contorno de Reflexo: Vale - Profundo (Valley - Deep)
  • Marque a caixa de seleção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Luz Linear
    • Opacidade: 100%
  • Modo de Sombra (Shadow Mode): Divisão (Screen)
    • Cor: #888888
    • Opacidade: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contorno com estas configurações:

  • Contorno: Cone - Invertido
  • Marque a caixa de seleção Suavização de Serrilhado (Anti-aliased).
ContourContourContour

Passo 3

Adicione um Traçado (Stroke) com estas configurações:

  • Tamanho: 5
  • Opacidade: 0%
StrokeStrokeStroke

Passo 4

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

  • Cor: #5c5c5c
  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
Color OverlayColor OverlayColor Overlay

Isto irá adicionar o traçado e intensificará as cores.

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

5. Como Adicionar uma Sobreposição de Textura

Passo 1

Coloque a imagem Ice Cubes Texture por cima de todas as camadas. Renomeie a camada para Sobreposição de Textura, mude o Modo de Mesclagem para Sobrepor (Overlay), e redimensione-a o quanto for necessário.

Add the Texture OverlayAdd the Texture OverlayAdd the Texture Overlay

Passo 2

Ctrl-Cmd-Clique com o Botão Esquerdo do Mouse na miniatura da camada de texto para criar a seleção.

Create a SelectionCreate a SelectionCreate a Selection

Passo 3

Clique no ícone Adicionar Máscara de Camada (Add Layer Mask), na parte inferior do painel de Camadas (Layers) para mascarar a seleção.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Parabéns! Você Terminou!

Neste tutorial, nós utilizamos algumas texturas para criar um plano de fundo brilhante e colorido. Em seguida, nós criamos camadas de texto, colocamos estilos nelas, e adicionamos uma textura por cima para conseguirmos o efeito desejado.

Por favor, sinta-se livre para deixar comentários, sugestões e os seus trabalhos 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