Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto de Ombré Brilhante no Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 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 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 Settings

Passo 2

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

Duplicate 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 Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

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

Passo 3

Adicione uma Textura com as seguintes configurações:

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

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ê
Stroke

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 Gradient

Passo 6

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

  • Cor: #c47b8e
  • Distância: 0
  • Tamanho (Size): 7
Inner 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 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 Shadow

Passo 9

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

First 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 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 2

Passo 3

Adicione uma Textura com as seguintes configurações:

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

Passo 4

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

  • Cor: #505b5b
  • Distância: 21
  • Tamanho (Size): 21
Inner 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 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 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 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 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 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
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.