Como criar um efeito de texto de desenho animado no Adobe Photoshop

Neste tutorial, mostrarei como criar um efeito de texto de desenho animado fácil, usando um padrão e um estilo de camada. Você também pode experimentar o pacote ga-analytics#sendElementsClickEvent”>Comics Effects de ga-analytics#sendElementsClickEvent”>Envato Elements.

ga-analytics#sendElementsClickEvent”>photoshop de efeito de texto de desenho animadophotoshop de efeito de texto de desenho animadophotoshop de efeito de texto de desenho animado
Aqui estão alguns efeitos úteis de ga-analytics#sendElementsClickEvent”>texto de desenho animado do Envato Elements.

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.

Fundo estrelaFundo estrelaFundo estrela

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.

Ferramenta de digitaçãoFerramenta de digitaçãoFerramenta de digitação

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.

Rastreamento de fonteRastreamento de fonteRastreamento de fonte

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.

Distorcer textoDistorcer textoDistorcer texto

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:
  • 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%
Adicionar um traçoAdicionar um traçoAdicionar um traço

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
Adicione uma sombra internaAdicione uma sombra internaAdicione uma sombra interna

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
Adicione um cetimAdicione um cetimAdicione um cetim

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%
Adicionar uma sobreposição de coresAdicionar uma sobreposição de coresAdicionar uma sobreposição de cores

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.

Adicionar uma sobreposição de padrãoAdicionar uma sobreposição de padrãoAdicionar uma sobreposição de padrão

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
Adicione um brilho externoAdicione um brilho externoAdicione um brilho externo

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.

Adicionar uma sombra projetadaAdicionar uma sombra projetadaAdicionar uma sombra projetada

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.

Resultado finalResultado finalResultado final

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+:

[ad_2]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *