Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Crear un Efecto de Texto Cómico en 3D en Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, aprenderás una manera rápida para crear un efecto de texto 3D en Adobe Photoshop. Usaremos estilos de capas y un filtro para añadir una apariencia cómica a eso.

Este efecto de texto está basado en la Acción de Libro de Cómic 3D de Envato Market.

3D Comic Book Actions

Elementos del Tutorial

Los siguientes elementos fueron usados durante este tutorial:

1. ¿Cómo Crear y Personalizar la Capa de Texto?

Paso 1

Para este efecto de texto, usaremos un fondo con estilo de caricatura. Comienza con Adobe Photoshop, y, en vez de crear un nuevo documento, abre background.jpg desde los elementos del tutorial.

Open the background

Paso 2

Usa la Herramienta Texto (T) y escribe la palabra "COOL" en tu mesa de trabajo usando la fuente Montserrat Medium, con un tamaño de 212 pt. Luego, sobre una nueva capa, escribe la palabra "COMIX" en tu mesa de trabajo, usando la fuente Montserrat Black, con un tamaño de 170 pt.

Type the text

Paso 3

Selecciona ambas capas de texto en tu panel Capas y ve a Capa > Objetos Inteligentes > Convertir a Objeto Inteligente. Luego ve a Edición > Transformar > Deformar y selecciona Arco, poniendo su Inclinación o curva a 8%.

Warp the text

Paso 4

El paso final antes de comenzar a crear un efecto 3D es añadir un filtro. Ve a Filtro > Distorsionar > ZigZag y pon la Cantidad a 1. Crestas a 8 y selecciona el Estilo: Ondulaciones.

Use filter ZigZag

2. ¿Cómo Crear un Efecto de Texto 3D?

Paso 1

Ahora crearemos la profundidad 3D para nuestro efecto de texto, duplicando y moviendo las capas. Presiona Control-J para duplicar la capa. Entonces mueve esta capa duplicada usando tus flechas, Abajo y Derecha, una vez. Ahora repite el duplicado y mueve las capas duplicadas hasta que crees y muevas diez copias de la capa original.

Duplicate layers

Paso 2

Selecciona todas las capas duplicadas en tu panel Capas y ve a Capa > Objeto Inteligentes > Convertir a Objeto Inteligente. Cambia el nombre de la capa a efecto 3D y luego ve a Capa > Organizar > Enviar Atrás.

Convert to smart object

3. ¿Cómo Personalizar un Efecto de Texto 3D?

Paso 1

Selecciona la capa "Efecto 3D" y ve a Capa > Estilos de Capa > Opciones de Fusión... para aplicar el siguiente estilo de capa.

En las Opciones de Fusión, pon el Relleno de la Opacidad a 0%.

Use blending options

Paso 2

Añade un Trazo al efecto de texto con esta configuración:

  • Tamaño: 3 px
  • Posición: Fuera
  • Color: #0d0d0d
Add a stroke

Paso 3

Añade una Sombra Interior con esta configuración:

  • Modo de Fusión: Subexposición Lineal #222222
  • Opacidad: 35%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -42°
  • Distancia: 6 px
  • Retraer: 0%
  • Tamaño: 0 px
  • Marca la casilla Suavizado.
Add an inner shadow

Paso 4

Añade una Superposición de Motivo con esta configuración:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Motivo: cb-lines-1 (descargado en los elementos del tutorial)
  • Escala: 25%

Presiona OK para aplicar el estilo de capa.

Add a pattern

Ahora, terminamos de crear y personalizar la profundidad de nuestro efecto de texto 3D.

Partial result

4. ¿Cómo Crear y Personalizar las Líneas Interiores?

Paso 1

Selecciona la capa "COMIX" y ve a Capa > Duplica Capa... y nómbrala Detalles Interiores. Entonces ve a Capa > Estilo de Capa > Opciones de Fusión... para aplicar el siguiente estilo de capa.

En las Opciones de Fusión, pon el Relleno a 0%.

Use blending options

Paso 2

Añade un Trazo a este efecto de texto con esta configuración:

  • Tamaño: 3 px
  • Posición: Dentro
  • Opacidad: 0%
Add a stroke

Paso 3

Añade una Sombra Interior con esta configuración:

  • Modo de Fusión: Normal blanco
  • Opacidad: 100%
  • Desmarca la casilla Usar Luz Global.
  • Ángulo: -45°
  • Distancia: 5 px
  • Retraer: 50%
  • Tamaño: 5 px
  • Marca la casilla Suavizado.

Presiona OK para aplicar los cambios. Luego ve a Capa > Objetos Inteligentes > Convertir a Objeto Inteligente.

Add an inner shadow

Paso 4

Mientras que la nueva capa de objeto inteligente creada está seleccionada, ve a Capa > Estilo de Capa > Opciones de Fusión... de nuevo y aplica el siguiente estilo de capa.

En las Opciones de Fusión, pon el Relleno a 0%.

Use blending options

Paso 5

Añade una Superposición de Motivo con esta configuración para terminar los detalles interiores de nuestro texto:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Motivo: cb-lines-1 (descargada desde los elementos del tutorial)
  • Escala: 12%

Presiona OK para aplicar el estilo de capa.

Add a pattern

Este es el resultado luego de aplicar todos los estilos de capa a este efecto de texto genial.

Partial result

5. ¿Cómo Personalizar la Capa de Efecto de Texto Principal?

Paso 1

La capa final que necesitamos para personalizar nuestro efecto de texto es la capa de texto "COMIX". Selecciónalo y ve a Capa > Estilo de Capa > Opciones de Fusión... y aplica el siguiente estilo de capa.

Añade un Trazo con esta configuración:

  • Tamaño: 3 px
  • Posición: Fuera
  • Color: #0d0d0d
Add a stroke

Paso 2

Como paso final de este efecto de texto, añade una Superposición de Color y selecciona el color #fcea00. Presiona OK para aplicar el estilo de capa.

Add a color overlay

¡Felicidades! ¡Has terminado!

En este tutorial, aprendiste cómo crear un efecto de texto 3D, rápido, usando estilos de capa y capas múltiples para profundidad 3D.

Espero que hayas disfrutado este tutorial y te sientas libre de dejar tus comentarios y creaciones debajo.

Final result

Este tutorial está basado en las acciones de historietas de alta definición de Envato Market.

3D Comic Book Actions

Si estás interesado en en efectos de texto de historietas, hay más en GraphicRiver. También revisa estos tutoriales:

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.