Cómo Crear un Efecto de Texto de Dibujos Animados en Adobe Photoshop

En éste tutorial te mostraré cómo crear un efecto de texto de dibujos animados, usando un patrón y un estilo de capa.

Éste efecto de texto que crearemos es parte de Estilos de Libro de Cómics y Dibujos Animados de mi Colección de Libro de Cómics y Dibujos Animados.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante éste tutorial:

• fuente Brady Bunch Remastered
  
• Motivo Red Dots
• Fondo Stars

Antes de que empieces a crear el efecto de texto de dibujos animados, descarga e instala la fuente y el motivo en tu Photoshop, y también descarga el fondo.

1. Cómo Cargar un Fondo de Documento

Usaremos el fondo Estrellas de los Recursos del Tutorial como nuestro fondo del documento. Es un archivo JPG de 850 x 600 px. Ve a Archivo > Abrir y abre star-background.jpg.

2. Cómo Crear y Deformar Texto

Éste efecto de texto está conformado de una capa, así que puedes guardarlo como un nuevo estilo en tu paleta Estilos cuándo termines.

Paso 1

Selecciona la Herramienta Texto y selecciona la fuente Brady Bunch Remastered. Establece el Tamaño de la Fuente alrededor de los 212 pt. Escribre "SMASH!" con letras mayúsculas y de cualquier color.

Paso 2

Ahora necesitamos estirar los espacios de la letra. Selecciona la capa de texto, y luego ve al panel Carácter y cambia el Tracking a -20. Si no puedes ver el ícono del panel carácter, ve a Texto > Paneles > Panel Carácter.

Paso 3

El último paso antes de comenzar a aplicar el estilo de capa es deformar nuestro texto. Haz click derecho con tu mouse en la capa del texto y selecciona Deformar Texto del menú. Establece el Estilo en Arco, selecciona Horizontal, y establece Curvar en 30% y Distorsión Horizontal en -30%. Ahora pulsa OK para aplicar los cambios.

3. Cómo Crear un Efecto de Texto de Dibujos Animados

Paso 1

Selecciona la capa SMASH! y haz Doble click en la capa para aplicar el siguiente estilo de capa:

Agrega un Trazo con ésta configuración:

• Tamaño: 10px
• Posición: Exterior
• Modo de Fusión: Normal
• Opacidad: 100%
• Tipo de Relleno: Degradado
• Estilo: Estallido de Formas
  
• Ángulo: 0°
• Marca la casilla Tramado
• Establece el Degradado con éstas dos detenciones o paradas de color:
• Primera detención de Color del degradado #f80000 y Ubicación en 45%.
  
• Segunda detención de Color del degradado #000000 y Ubicación en 59%

Paso 2

Agrega una Sombra Interior con ésta configuración:

• Modo de Fusión: Normal con el Color #fff000
  
• Opacidad: 100%
• Desmarca el Usar Luz Global antes de establecer el Ángulo: 180°
• Distancia: 3 px
• Retraer: 100%
• Tamaño: 0 px
• Marca la casilla Suavizado

Paso 3

Agrega un efecto Satinado con ésta configuración:

• Modo de Fusión: Normal con el Color #fff000
  
• Opacidad: 100%
• Ángulo: 90°
• Distancia: 2 px
• Tamaño: 0 px
• Marca la casilla Suavizado
  
• Desmarca la casilla Invertir, si está marcada

Paso 4

Agrega una Superposición de Colores con ésta configuración:

• Modo de Fusión: Multiplicar
• Haz click en la casilla Color y elige el color #fff000
• Opacidad: 100%

Paso 5

Agrega una Superposición de Motivo con ésta configuración:

• Haz click en la casilla Motivo y elige el motivo Red Dots
  
• Opacidad: 100%
• Escala: 100%

Ahora puedes cambiar la posición del motivo: sólo haz click izquierdo y Arrastra tu mouse sobre el texto en el documento para mover el motivo hacia arriba o hacia abajo.

Paso 6

Añade un Resplandor Exterior con ésta configuración:

• Modo de Fusión: Normal
• Opacidad: 100%
• Establece el Color del resplandor en #fff000
  
• Técnica: Más suavizado
• Extender: 94%
• Tamaño: 11 px
• Marca la casilla Suavizado

Paso 7

Como paso final, agrega una Sombra paralela con ésta configuración:

• Modo de Fusión: Multiplicar y selecciona el Color #000000
• Opacidad: 100%
• Desmarca el Usar Luz Global antes de establecer el Ángulo: 120°
• Distancia: 8 px
• Extender: 100%
• Tamaño: 20 px
• Marca la casilla Suavizado

Pulsa OK para aplicar el estilo de capa.

¡Felicitaciones! ¡Terminaste!

En éste tutorial, aprendiste cómo crear un efecto de texto de dibujos animados en Adobe Photoshop.

Comenzamos creando y deformando nuestro texto, y luego agregamos múltiples efectos para crear nuestro efecto de texto final.

Espero que hayas disfrutado éste tutorial, y si te gusta el efecto final no olvides guardar éste estilo a tu paleta de Estilos de Capa para futuros proyectos.

Éste efecto de texto que acabamos de crear es parte de Estilos de Libro de Cómics y Dibujos Animados.