


Recursos do tutorial
Os recursos a seguir foram usados durante este tutorial de texto de desenho animado:
Antes de começar a criar o efeito de texto cartoon, baixe e instale a fonte do texto cartoon e o padrão no Photoshop, e baixe também o plano de fundo.
1. Como carregar um fundo de documento
Nossa fonte de quadrinhos para Adobe Photoshop precisa ter alguns ajustes primeiro. Nós usaremos o estrelas background do Tutorial Assets como nosso plano de fundo do documento. É um arquivo JPG de 850 x 600 px. Vá para Arquivo > Abrir e abrir fundo-estrela.jpg.



2. Como criar e distorcer texto
Este efeito de texto é feito de uma camada, então você pode salvá-lo como um novo estilo em seu estilos paleta quando terminar.
Passo 1
Escolha o Ferramenta Tipo e selecione o Brady Bunch Remasterizado fonte de texto de desenho animado. Colocou o Tamanho da fonte em volta 212 pontos. Escreva “QUEBRA!” em letras maiúsculas e em qualquer cor.



Passo 2
Agora precisamos esticar os espaços das letras. Selecione a camada de texto e, em seguida, vá para o Personagem painel e altere o Monitorando para -20. Se você não consegue ver o ícone do painel de personagem, vá para Tipo > Painéis > Personagem.



etapa 3
A última etapa antes de começarmos a aplicar o estilo de camada é distorcer nosso texto. Clique com o botão direito com o mouse na camada de texto e selecione Distorcer texto do menu. Colocou o Estilo para Arcoselecione Horizontale defina o Dobrar para 30% e Distorção horizontal para -30%. Agora bata OK para aplicar as alterações.



3. Como criar um efeito de texto de desenho animado
Passo 1
Vamos continuar com nossa fonte de quadrinhos no Adobe Photoshop. Selecione a camada ESMAGAR! e Duplo click a camada para aplicar o seguinte estilo de camada:
Adicionar um AVC com estas configurações:
- Tamanho: 10 px
- Posição: Fora
- Modo de mistura: Normal
- Opacidade: 100%
- Tipo de preenchimento: Gradiente
- Estilo: explosão de forma
- Ângulo: 0°
- Verifica a Dither caixa
- Colocou o Gradiente com estas 2 paradas de cor:
- Primeira parada de gradiente Cor
#f80000
e Localização a 45% - Segunda parada de gradiente Cor
#000000
e Localização em 59%



Passo 2
Adicionar um Sombra interior com estas configurações:
-
Modo de mistura: Normal com o Cor
#fff000
- Opacidade: 100%
- Desmarque a Usar Global Light antes de definir Ângulo: 180°
- Distância: 3 px
- Estrangular: 100%
- Tamanho: 0 px
- Verifica a Anti-aliasing caixa



etapa 3
Adicionar um Cetim efeito com estas configurações:
-
Modo de mistura: Normal com o Cor
#fff000
- Opacidade: 100%
- Ângulo: 90°
- Distância: 2 px
- Tamanho: 0 px
- Verifica a Anti-aliased caixa
- Desmarque a Invertido caixa, se marcada



Passo 4
Adicionar um Sobreposição de cores com estas configurações:
- Modo de mistura: Multiplicar
- Clique no Cor caixa e escolha a cor
#fff000
- Opacidade: 100%



Passo 5
Adicionar um Sobreposição de padrão com estas configurações:
- Clique no Padrão caixa e escolha o pontos vermelhos padrão
- Opacidade: 100%
- Escala: 100%
Agora você pode mudar a posição do padrão: basta clique e arraste o mouse sobre o texto no documento para mover o padrão para cima ou para baixo.



Passo 6
Adicionar um Brilho externo com estas configurações:
- Modo de mistura: Normal
- Opacidade: 100%
- Definir Cor de brilho
#fff000
- Técnica: mais suave
- Espalhar: 94%
- Tamanho: 11 px
- Verifica a Anti-aliasing caixa



Passo 7
Como etapa final, adicione um Sombra projetada com estas configurações:
-
Modo de mistura: Multiplique e escolha o Cor
#000000
- Opacidade: 100%
- Desmarque a Usar Global Light antes de definir Ângulo: 120°
- Distância: 8 px
- Espalhar: 100%
- Tamanho: 20 px
- Verifica a Anti-aliased caixa
Bater OK para aplicar o estilo de camada.



Parabéns! Agora você sabe como editar texto com efeito de desenho animado
Neste tutorial, você aprendeu como criar um efeito de texto de desenho animado no Adobe Photoshop.
Começamos criando e distorcendo nosso texto e, em seguida, adicionamos vários efeitos diferentes para dar ao nosso texto um efeito de desenho animado.



Espero que você tenha gostado deste tutorial sobre como criar um efeito de livro de desenho animado e, se gostar do efeito final, não se esqueça de salvá-lo em sua paleta Layer Styles para projetos futuros.
Acompanhe conosco em nosso canal Envato Tuts+ no YouTube:
Quer ver um conteúdo semelhante ao nosso tutorial sobre como criar um efeito de texto de livro de desenho animado no Photoshop? Confira os seguintes tutoriais de estilo de desenho animado e história em quadrinhos aqui no Envato Tuts+: