Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

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.

Cartoon and Comic Book Styles
Estilos de Libro de Comics y Dibujos Animados

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante éste tutorial:

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.

Star Background

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.

Type tool

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.

Font tracking

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.

Warp text

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:
  • 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%
Add a Stroke

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
Add an Inner Shadow

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
Add a Satin

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%
Add a Color Overlay

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.

Add a Pattern Overlay

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
Add an Outer Glow

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.

Add a Drop Shadow

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

Final Result

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.

Cartoon and Comic Book Styles
Estilos de Libro de Cómics y Dibujos Animados
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.