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

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

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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.

Photoshop Text Styles 01
Estilos de Texto para o Photoshop

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

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.

Creating a New Document

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
Text Tool

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).

Text Align

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
Layer 1 - Stroke

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.

Creating a New Layer

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
Layer 2 - Stroke

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%
Layer 2 - Inner Glow

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)
Layer 2 - Gradient Overlay

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)
Layer 2 - 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.

Creating a New Layer

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%.

Layer 3 - Blending Options

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
Layer 3 - Stroke

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%
Layer 3 - Color Overlay

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ó.

Merging the Layers

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
Merged Layer - Stroke

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%
Merged Layer - Outer Glow

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)
Merged Layer - 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.

Final Result

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

Photoshop Text Styles 01
Estilos de Texto para o Photoshop
Advertisement
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.