Como Criar um Efeito de Texto Cartoon no Adobe Photoshop

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.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

• Fonte Brady Bunch Remastered
  
• Padrão Red Dots
• Imagem de Fundo Stars

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

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.

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

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.

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% 

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)

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

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%

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.

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)

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.

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.

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.