7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Cartoon no Adobe Photoshop

Scroll to top
Read Time: 4 mins

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

Final product imageFinal product imageFinal 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 StylesCartoon and Comic Book StylesCartoon 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 BackgroundStar BackgroundStar 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 toolType toolType 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 trackingFont trackingFont 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 textWarp textWarp 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 StrokeAdd a StrokeAdd 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 ShadowAdd an Inner ShadowAdd 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 SatinAdd a SatinAdd 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 OverlayAdd a Color OverlayAdd 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 OverlayAdd a Pattern OverlayAdd 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 GlowAdd an Outer GlowAdd 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 ShadowAdd a Drop ShadowAdd 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 ResultFinal ResultFinal 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 StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Estilos de Quadrinhos e Cartoon.
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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.