1. Design & Illustration
  2. Theory
  3. Design Trends

Como Criar um Efeito de Texto de Ombré Brilhante 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

Ombré é uma palavra Francesa que descreve qualquer coisa que começa com uma cor e então gradualmente se transforma em outra. Geralmente, um preenchimento de degradê ou uma sobreposição de degradê é usado para realizar este efeito. Este tutorial, por outro lado, irá mostrar a você uma forma muito fácil de se conseguir uma versão diferente do efeito Ombré usando duas camadas de Chanfro e Entalhe.

Arquivos do Tutorial

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

1. Criando o Fundo

Passo 1

Crie um novo documento de 1100 x 700 px. Defina a cor do Primeiro Plano para #760928 e a cor do Segundo Plano para #3d1722, pegue a Ferramenta Degradê (G), clique no ícone de Degradê Radial na barra de Opções, e em seguida, clique e arraste do centro do documento para um dos cantos.

Background GradientBackground GradientBackground Gradient

Passo 2

Coloque a imagem Textura 358 em cima da camada Fundo (Background), renomeie sua camada para Textura, e em seguida, vá para Editar > Transformação > Girar 90º em Sentido Horário (Edit > Transform > Rotate 90º Clockwise). Altere o Modo de Mesclagem (Blend Mode) da camada para Diferença e sua Opacidade para 30% e em seguida, redimensione-a de acordo com o necessário.

Background TextureBackground TextureBackground Texture

2. Criando o Texto

Passo 1

Crie o texto usando a fonte Sail Regular, com o Tamanho (Size) de 300 pt e a Cor #d70f35. Em seguida, altere o valor do Espaço entre Dois Caracteres (Kerning) para Ótico e o valor do Espaçamento Entre os Caracteres (Tracking) para -10.

Create the Text and Modify its SettingsCreate the Text and Modify its SettingsCreate the Text and Modify its Settings

Passo 2

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Estilizando a Primeira Camada de Texto

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

Passo 1

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

  • Técnica: Cinzel Sólido (Chisel Hard)
  • Tamanho (Size): 16
  • Contorno de Reflexo (Gloss Contour): Cone - Assimétrico
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Luz Linear
  • Modo de Sombra (Shadow Mode) - Cor: #462020
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Gaussiana - Invertida
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
ContourContourContour

Passo 3

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Broken Noise
  • Profundidade (Depth): 50%
TextureTextureTexture

Passo 4

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

  • Tamanho (Size): 1
  • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
  • Estilo: Refletido
  • Ângulo: 90
  • Clique na caixa Degradê (Gradient) para criar o degradê
StrokeStrokeStroke

Passo 5

Para criar o degradê, você precisará clicar na parte de baixo da barra de degradê para adicionar Interrupções de Cores (Color Stops) e quando você clicar em cada Interrupção de Cor, você pode alterar seus valores de Cor e Posição. Aqui estão os valores das Interrupções de Cores (Color Stops) que usei da esquerda para a direita:

Cor - Posição

  • #7b094e - 0%
  • #95266b - 16%
  • #a52e82 - 32%
  • #e1c2d1 - 50%
  • #a52e82 - 64%
  • #95266b - 84%
  • #7b094e - 100%
Creating the GradientCreating the GradientCreating the Gradient

Passo 6

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

  • Cor: #c47b8e
  • Distância: 0
  • Tamanho (Size): 7
Inner ShadowInner ShadowInner Shadow

Passo 7

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
  • Opacidade: 40%
  • Ruído (Noise): 100%
  • Cor: #c3858c
  • Tamanho (Size): 10
Inner GlowInner GlowInner Glow

Passo 8

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

  • Distância: 9
  • Expansão (Spread): 9
  • Tamanho (Size): 8
Drop ShadowDrop ShadowDrop Shadow

Passo 9

Isso irá estilizar a primeira camada de texto com a cor principal.

First Styled Text LayerFirst Styled Text LayerFirst Styled Text Layer

4. Estilizando a Camada de Texto Cópia para Criar o Efeito Ombre

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:

  • Tamanho (Size): 30
  • Desmarque a opção Utilizar Luz Global (Use Global Light)
  • Ângulo: 95
  • Altitude: 50
  • Contorno de Reflexo (Gloss Contour): Meia-Volta (Half Round)
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Luz Linear
  • Cor: #e8db87
  • Modo de Sombra (Shadow Mode):
  • Cor: #721a31
  • Opacidade: 30%

A cor do Modo de Realce (Highlight Mode) é a cor que será adicionada ao degradê, então você pode tentar diferentes tons se você quiser.

Bevel and Emboss 2Bevel and Emboss 2Bevel and Emboss 2

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Meia-Volta (Half Round)
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
Contour 2Contour 2Contour 2

Passo 3

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Green Fibers
Texture 2Texture 2Texture 2

Passo 4

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

  • Cor: #505b5b
  • Distância: 21
  • Tamanho (Size): 21
Inner Shadow 2Inner Shadow 2Inner Shadow 2

Passo 5

Voalá! A camada de texto cópia estilizada irá adicionar uma cor diferente criando um ótimo degradê.

Second Layer of Styled TextSecond Layer of Styled TextSecond Layer of Styled Text

5. Adicionando uma Vinheta Sutil

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 Adjustment LayerAdd a Gradient Adjustment LayerAdd a Gradient Adjustment Layer

Passo 2

Altere o Estilo para Radial e a Escala para 550, em seguida clique na caixa de preenchimento do Degradê (Gradient) para criar o degradê que vamos usar.

Gradient OptionsGradient OptionsGradient Options

Passo 3

Use um degradê de Transparente para a Cor de Preenchimento (Transparent to Fill Color) usando as cores #432d23 para a esquerda e #6e625c para a direita. Você pode clicar na parte superior da barra de degradê para adicionar Interrupções de Opacidade (Opacity Stops) e em seguida, clique nessas interrupções para modificar seus valores, assim como você fez com as Interrupções de Cores (Color Stops) anteriormente.

Create the GradientCreate the GradientCreate the Gradient

Passo 4

Altere o Modo de Mesclagem (Blend Mode) da camada de ajuste para Multiplicação (Multiply). Isso irá adicionar uma vinheta sutil ao resultado final.

Adjustment Layers Blend ModeAdjustment Layers Blend ModeAdjustment Layers Blend Mode

Parabéns! Você Terminou

Neste tutorial, nós usamos um preenchimento de degradê e uma textura para criar um fundo simples. Em seguida, nós criamos duas camadas de texto e modificamos algumas de suas configurações.

Nós estilizamos cada camada de texto com vários efeitos usando os tons de cores que desejamos para o resultado final. Nós usamos duas camadas de Chanfro e Entalhe (Bevel and Emboss) para criar um degradê e conseguir um ótimo efeito Ombré.

Finalmente, nós adicionamos uma vinheta usando uma camada de ajuste de Degradê.

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

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.
One subscription. Unlimited Downloads.
Get unlimited downloads