Como Criar um Efeito de Texto Cartoon com Degradê no Adobe Photoshop

Neste tutorial eu quero mostrar a você como criar um efeito de texto de conto de fadas no Adobe Photoshop. Se você quiser o resultado final sem qualquer esforço, você pode comprá-lo na GraphicRiver.

Este pacote inclue diferentes efeitos de texto e funciona com formas e texto.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

• Fonte Great Vibes

Antes de começar a criação deste efeito de texto, baixe e instale a fonte.

1. Como Criar Estilos de Camada

Passo 1

Abra o Photoshop, e vá para Arquivo > Novo (File > New) para criar um novo documento.

Passo 2

Preencha o documento usando a cor #282828. Pegue a Ferramenta Texto (T) com as seguintes configurações:

• Fonte: Great Vibes
• Tamanho da Fonte: 127 pt
• Cor: Branca
• Espaçamento dos Caracteres: -25

Passo 3

Escreva "Fadas" (Fairy) (a primeira letra deve ser maiúscula) e coloque no centro do documento do Photoshop (pressione Ctrl-A para selecionar o documento e então pegue a Ferramenta Mover (V) e clique nos ícones Alinhar Centros Horizontais e Alinhar Centros Verticais).

Passo 4

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

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

• Tamanho (Size): 7 px
• Posição: Externa (Outside)
• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Tipo de Preenchimento (Fill Type): Cor
• Cor: #ff0084

Logo depois, clique em OK para salvar as mudanças.

Passo 5

Selecione a camada Fadas, vá até Camada > Duplicar Camada (Layer > Duplicate Layer) e nomeie a camada de "Meio". Clique em OK para criar a camada. Pegue a Ferramenta Mover (V) e mova-a para cima e para a esquerda em 7 px. Vá para Camada > Estilo de Camada > Apagar Estilo de Camada (Layer > Layer Style > Clear Layer Style) para limpar os estilos de camada. Altere a cor para #c6c6c6.

Passo 6

Logo depois, dê um duplo-clique com o seu mouse na camada do texto para abrir a janela de Estilos de Camada (Layer Styles).

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

• Tamanho (Size): 4 px
• Posição: Externa (Outside)
• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Tipo de Preenchimento (Fill Type): Cor
• Cor: #8c054a

Passo 7

Agora adicione um Brilho Interno (Inner Glow):

• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
• Opacidade: 50%
• Ruído (Noise): 0%
• Cor: #ffffff
• Técnica: Mais Suave (Softer)
• Origem (Source): Aresta (Edge)
• Desfoque (Choke): 100%
• Tamanho (Size): 4 px
• Contorno: Linear
• Desmarque a opção Suavização de Serrilhado (Anti-aliased)
• Intervalo (Range): 100%
• Tremulação (Jitter): 0%

Passo 8

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Degradê (Gradient): de #f6b6ce para #e35b9b
• Estilo: Refletido
• Ângulo: 90º
• Escala: 46%
• Desmarque as opções Reverter e Pontilhamento (Dither)
• Marque a opção Alinhar à Camada (Align with Layer)

Passo 9

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

• Modo de Mesclagem (Blend Mode): Normal
• Escolha a cor #840048
• Opacidade: 100%
• Desmaque a opção Utilizar Luz Global antes de definir o Ângulo para 135º
• Distância: 10 px
• Expansão (Spread): 100%
• Tamanho (Size): 0 px
• Contorno: Linear
• Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  
• Ruído (Noise): 0%
• Marque a opção Sombra Projetada de Vazamento da Camada (Layer Knocks Out Drop Shadow)

Clique em OK para salvar as mudanças.

Passo 10

Selecione a camada Meio e duplique-a. Dê um duplo-clique no nome e altere-o para "Frente". Pressione Enter para aplicar as mudanças. Pegue a Ferramenta Mover (V) e mova-a para cima em 5 px e para a esquerda em 1 px. Vá para Camada > Estilo de Camada > Apagar Estilo de Camada (Layer > Layer Style > Clear Layer Style) para limpar os estilos de camada.

Passo 11

Certifique-se de que a camada Frente esteja selecionada. Dê um duplo-clique com o seu mouse na camada para aplicar o seguinte estilo de camada. Defina a Opacidade de Preenchimento (Fill Opacity) para 0%.

Passo 12

Adicione um Traçado (Stroke):

• Tamanho (Size): 7 px
• Posição: Interna (Inside)
• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 0%
• Tipo de Preenchimento (Fill Type): Cor
• Cor: #000000

Passo 13

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

• Modo de Mesclagem (Blend Mode): Normal
• Cor: #ffffff
• Opacidade: 40%

Logo depois, clique em OK para salvar as mudanças.

Passo 14

Selecione as camadas Fadas, Meio e Frente, vá para Camada > Mesclar Camadas (Layer > Merge Layers)(ou pressione Ctrl-E) para mesclá-las em uma só.

Passo 15

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

Adicione um Traçado (Stroke):

• Tamanho (Size): 10 px
• Posição: Externa (Outside)
• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Tipo de Preenchimento (Fill Type): Cor
• Cor: #000000

Passo 16

Agora adicione um Brilho Externo (Outer Glow):

• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Ruído (Noise): 0%
• Cor: #ffffff
• Técnica: Mais Suave (Softer)
• Expansão (Spread): 100%
• Tamanho (Size): 14 px
• Contorno: Linear
• Desmarque a opção Suavização de Serrilhado (Anti-aliased)
• Intervalo (Range): 100%
• Tremulação (Jitter): 0%

Passo 17

Adicione uma Sombra Projetada com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Normal
• Pegue a cor #000000
• Opacidade: 30%
• Desmarque a opção Utilizar Luz Global antes de definir o Ângulo para 135º
• Distância: 35 px
• Expansão (Spread): 0%
• Tamanho (Size): 0 px
• Contorno: Linear
• Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  
• Ruído (Noise): 0%
• Marque a opção Sombra Projetada de Vazamento de Camada (Layer Knocks Out Drop Shadow)

Clique em OK para salvar as mudanças.

Parabéns, Você Terminou!

Neste tutorial você aprendeu a como criar uma peça de texto de conto de fadas. Eu espero que você tenha gostado. Não esqueça de compartilhar o seu resultado com a gente.

Este efeito de texto que criamos é parte do meu pacote de estilos de texto na GraphicRiver.