Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)
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.
Elementos del Tutorial
Los siguientes elementos fueron usados durante este tutorial:
- Fondo y un motivo
- fuente Montserrat
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.
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.
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%.
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.
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.
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.
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%.
Paso 2
Añade un Trazo al efecto de texto con esta configuración:
- Tamaño: 3 px
- Posición: Fuera
- Color:
#0d0d0d
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.
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.
Ahora, terminamos de crear y personalizar la profundidad de nuestro efecto de texto 3D.
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%.
Paso 2
Añade un Trazo a este efecto de texto con esta configuración:
- Tamaño: 3 px
- Posición: Dentro
- Opacidad: 0%
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.
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%.
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.
Este es el resultado luego de aplicar todos los estilos de capa a este efecto de texto genial.
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
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.
¡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.
Este tutorial está basado en las acciones de historietas de alta definición de Envato Market.
Si estás interesado en en efectos de texto de historietas, hay más en GraphicRiver. También revisa estos tutoriales:
By
