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 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 vou mostrar a você como criar um efeito de texto cartoon bem fácil, usando um padrão e um estilo de camada.

Este efeito de texto que vamos criar é parte dos Estilos de Quadrinhos e Cartoon da minha Coleção de Quadrinhos e Cartoon.

Cartoon and Comic Book Styles
Estilos de Quadrinhos e Cartoon

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

Antes de começar a criar o efeito de texto cartoon, baixe e instale a fonte e o padrão dentro do seu Photoshop, e também baixo a imagem de fundo.

1. Como Carregar uma Imagem de Fundo para o Documento

Vamos usar o fundo de Stars dos Arquivos do Tutorial como nosso plano de fundo do documento. Ele é um arquivo JPG de 850 x 600 px. Vá para Arquivo > Abrir (File > Open) e abra a imagem star-background.jpg

Star Background

2. Como Criar e Deformar o Texto

Este efeito de texto é feito com uma só camada, então você pode salvá-lo como um novo estilo na sua paleta de Estilos quando terminar.

Passo 1

Pegue a Ferramenta Fonte (T) e selecione a fonte Brady Bunch Remastered. Configure o Tamanho (Size) da fonte para algo em torno de 212 pt. Escreva a palavra "SMASH!" com letras maiúsculas e com a cor de sua escolha.

Type tool

Passo 2

Agora precisamos esticar os espaços das letras. Selecione a camada do texto, e então vá para o painel de Caractere e altere o Espaçamento entre os Caracteres (Tracking) para -20. Se você não conseguir ver o ícone do painel Caractere, vá para Texto > Painéis > Painel de Caractere (Type > Panels > Character Panel).

Font tracking

Passo 3

O último passo antes de começarmos a aplicar os estilos de camada é deformar o nosso texto. Clique com o Botão Direito do Mouse com o seu mouse na camada do texto e selecione Distorcer Texto (Warp Text) no menu. Defina o Estilo para Arco, selecione Horizontal e defina a Curvatura (Bend) para 30% e a Distorção Horizontal para -30%. Agora pressione OK para aplicar as mudanças.

Warp text

3. Como Criar um Efeito de Texto Cartoon

Passo 1

Selecione a camada SMASH! e dê um duplo-clique na camada para aplicar o seguinte estilo de camada:

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

  • Tamanho (Size): 10 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
  • Estilo: Explosão da Forma (Shape Burst)
  • Ângulo: 0
  • Marque a opção Pontilhamento (Dither)
  • Defina o Degradê (Gradient) com essas 2 interrupções de cor:
  • Cor da Primeira Interrupção de Degradê: #f80000 e Localização (Location) em 45% 
  • Cor da Segunda Interrupção de Degradê: #000000 e Localização (Location) em 59% 
Add a Stroke

Passo 2

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

  • Modo de Mesclagem (Blend Mode): Normal com a Cor #fff000
  • Opacidade: 100%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 180º
  • Distância: 3 px
  • Desfoque (Choke): 100%
  • Tamanho (Size): 0 px
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
Add an Inner Shadow

Passo 3

Adicione um efeito Acetinado (Satin) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal com a Cor #fff000
  • Opacidade: 100%
  • Ângulo: 90º
  • Distância: 2 px
  • Tamanho (Size): 0 px
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
  • Desmarque a opção Inverter, se estiver marcada
Add a Satin

Passo 4

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

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Clique na caixa de Cor e escolha a cor #fff000.
  • Opacidade: 100%
Add a Color Overlay

Passo 5

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

  • Clique na caixa dos Padrões e escolha o padrão Red Dots
  • Opacidade: 100%
  • Escala: 100%

Agora você pode alterar a posição do padrão: apenas clique com o Botão Esquerdo do Mouse e Arraste o seu mouse sobre o texto no documento para mover o padrão para cima e para baixo.

Add a Pattern Overlay

Passo 6

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Defina a Cor do brilho para #fff000
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 94%
  • Tamanho (Size): 11 px
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
Add an Outer Glow

Passo 7

Como passo final, adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply) e escolha a Cor #000000
  • Opacidade: 100%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 120º
  • Distância: 8 px
  • Expansão (Spread): 100%
  • Tamanho (Size): 20 px
  • Marque a opção Suavização de Serrilhado (Anti-aliased)

Pressione OK para aplicar o estilo de camada.

Add a Drop Shadow

Parabéns! Você Terminou!

Neste tutorial, você aprendeu a como criar um efeito de texto cartoon no Adobe Photoshop.

Começamos criando e deformando o nosso texto, e então adicionamos múltiplos efeitos diferentes para criar o nosso efeito de texto final.

Final Result

Eu espero que você tenha gostado deste tutorial, e se você gostou do efeito final, não se esqueça de salvar esse estilo na sua paleta de Estilos de Camada para projetos futuros.

Este efeito de texto que acabamos de criar é parte dos Estilos de Quadrinhos e Cartoon.

Cartoon and Comic Book Styles
Estilos de Quadrinhos e Cartoon.
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.