Cómo Crear una Acción de Photoshop para un Efecto de Texto de Gemas en 3D

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

Final product image — What You'll Be Creating

Hoy voy a mostrarte cómo crear acciones de Photoshop para una falsa apariencia 3D. Este acción para efecto de texto fue inspirada por uno de los efectos del paquete 10 Efectos de Texto Brillante para Photoshop, y luce como si fuera hecho de un rubí facetado.

Aprenderás que es posible guardar la información de los estilos de capa de Photoshop en acciones de Photoshop, facilitando el proceso de guardar el efecto de texto ya que no necesitas guardar ningún estilo de capa. El efecto de 3D falso surgirá de un estilo de Bisel y Relieve y una capa de reflejo debajo del texto.

Al final de este tutorial, pondré enlaces a más tutoriales sobre cómo crear una acción en Photoshop y efectos de texto en Photoshop. Así que no olvides consultarlos si estás interesado en aprender más acciones de Photoshop para efectos de texto en 3D.

Consulta el efecto de texto original en GraphicRiver-te podría gustar todo el paquete.

10 Glossy photoshop text effects promo image — 10 Efectos de Texto Brillante en Photoshop

Recursos del Tutorial

Los siguientes recursos fueron usados durante este tutorial:

Fuente Darktech LDR
Imagen de fondo adjunta a este tutorial

1. Como Grabar la Acción

Paso 1

En mis otros tutoriales, enseño cómo crear primero los estilos de capa y luego cómo crear la acción usando los estilos. Hoy será más rápido, ya que este efecto de texto no requiere ningún recurso para guardar todas sus configuraciones en la misma acción. Así que comencemos.

Extrae el archivo comprimido adjunto a este tutorial y luego abre la imagen de fondo Background-image.jpg con Photoshop.

Paso 2

Toma la Herramienta Texto Horizontal (T) y establece la fuente en Darktech LDR y el tamaño de la fuente en 121 pt. Después de eso, escribe 'JEWEL' en el centro del documento.

Paso 3

Asegúrate de que la capa del texto esté seleccionada en el panel Capas. Después de eso, ve a Ventana > Acciones para abrir el panel Acciones. Luego, haz clic en el ícono Crear grupo nuevo y nómbralo My Text Effects. Después de eso, haz clic en el ícono Crear acción nueva y nómbrala Jewel Text Effect.

Ahora Photoshop grabará los siguientes pasos. Mantente atento al panel Acciones. Elimina cualquier paso en el que te equivocas al arrastrarlo al ícono del bote de basura.

Paso 4

Renombra la capa de texto como Jewel A. Luego haz doble clic en ella para abrir el panel Estilo de Capa. Después de eso, agrega una Superposición de Degradado con estos ajustes:

Modo de Fusión: Normal
Tramado: Desmarcada
Opacidad: 100%
Invertir: Desmarcada
Estilo: Lineal
Alinear con capa: Marcada
Ángulo: 90°
Escala: 100%

Haz clic en la barra de degradado para abrir el Editor de Degradado.

Puedes mover las detenciones en la barra de degradado y crear nuevas al hacer clic debajo de ella. Crea un degradado con estos ajustes:

Primera detención color: #1a1a1a Ubicación: 19%
Segunda detención color: #404040 Ubicación: 42%
Tercera detención color: #1c1c1c Ubicación: 80%

Paso 5

Agrega una Sombra Paralela con estos ajustes:

Modo de Fusión: Normal
Color: #090909
Opacidad: 100%
Usar Luz Global: Desmarcada
Ángulo: 180°
Distancia: 2 px
Extensión: 100%
Tamaño: 3 px
Contorno: Lineal
Suavizado: Marcada
Ruido: 0%
La capa cubre la sombra paralela: Marcada

Paso 6

Ahora agregamos un Resplandor Exterior con estos ajustes:

Modo de Fusión: Normal
Opacidad: 100%
Ruido: 0%
Color: #181818
Técnica: Más suavizado
Extender: 0%
Tamaño: 18%
Contorno: Lineal
Suavizado: Desmarcada
Rango: 100%
Vibración: 0%

Paso 7

Agrega un Resplandor Interior con estos ajustes:

Modo de Fusión: Trama
Opacidad: 100%
Ruido: 0%
Color: #828282
Técnica: Más suavizado
Origen: Borde
Retraer: 100%
Tamaño: 2 px
Contorno: Lineal
Suavizado: Marcada
Rango: 100%
Vibración: 0%

Paso 8

Ahora agrega una Sombra Interior con estos ajustes:

Modo de Fusión: Multiplicar
Color: #383838
Opacidad: 100%
Usar Luz Global: Desmarcada
Ángulo: -61°
Distancia: 2 px
Retraer: 40%
Tamaño: 1 px
Contorno: Lineal
Suavizado: Marcada
Ruido: 0%

Paso 9

Agrega un Bisel y Relieve con estos ajustes:

Estilo: Inglete Interior
Técnica: Redondeado
Profundidad: 355%
Dirección: Arriba
Tamaño: 32 px
Suavizar: 0 px
Usar Luz Global: Desmarcada
Ángulo: -56°
Altitud: 74°
Suavizado: Marcada
Modo Resaltado: Trama Color: #ffffff Opacidad: 45%
Modo Resaltado: Multiplicar Color: #24242 Opacidad: 55%

Luego haz clic en la casilla Contorno de Resplandor y edita la curva con estos ajustes:

Primer Punto Entrada: 0% Salida: 100% Esquina: Desmarcada
Segundo Punto Entrada: 24% Salida: 99% Esquina: Desmarcada
Tercer Punto Entrada: 44% Salida: 45% Esquina: Desmarcada
Cuarto Punto Entrada: 100% Salida: 0% Esquina: Desmarcada

Ahora haz clic en OK para cerrar el panel Estilo de Capa.

Así es como debería de verse el efecto de texto ahora:

Paso 10

Presiona Control-J para duplicar la capa. Luego renombra la copia a Jewel B. Después de eso, haz clic derecho en la capa Jewel B y elige Borrar Estilo de Capa.

Paso 11

Haz doble clic en la capa Jewel B para abrir el panel Estilo de Capa. Luego agrega un Bisel y Relieve con estos ajustes:

Estilo: Inglete Interior
Técnica: Cincel Duro
Profundidad: 157%
Dirección: Abajo
Tamaño: 250 px
Suavizar: 0 px
Usar Luz Global: Desmarcada
Ángulo: 81°
Altitud: 32°
Suavizado: Marcada
Modo Resaltado: Sobreexponer Color Color: #ececec Opacidad: 69%
Modo de Sombra: Luz Fuerte Color: #474747 Opacidad: 9%

Luego haz clic en la casilla Contorno de Resplandor y edita la curva con estos ajustes:

Primer Punto Entrada: 0% Salida: 0% Esquina: Desmarcada
Segundo Punto: Entrada: 7% Salida: 100% Esquina: Marcada
Tercer Punto Entrada: 37% Salida: 55% Esquina: Desmarcada
Cuarto Punto Entrada: 46% Salida: 1% Esquina: Marcada
Quinto Punto Entrada: 73% Salida: 100% Esquina: Marcada
Sexto Punto Entrada: 100% Salida: 100% Esquina: Desmarcada

Paso 12

Agrega un Trazo con estos ajustes:

Tamaño: 2 px
Posición: Exterior
Modo de Fusión: Normal
Opacidad: 100%
Sobreimprimir: Desmarcada
Tipo de Relleno: Degradado
Invertir: Desmarcada
Alinear con Capa: Marcada
Estilo: Lineal
Ángulo: 83°
Escala: 100%
Tramado: Desmarcada

Luego haz clic en la barra de degradado y edítala con estos ajustes:

Primera detención color: #121212 Ubicación: 0%
Segunda detención color: #5b5b5b Ubicación: 48%
Tercera detención color: #121212 Ubicación: 100%

Paso 13

Ahora agrega una Superposición de Colores con estos ajustes:

Modo de Fusión: Sobreexponer Color
Color: #404040
Opacidad: 100%

Paso 14

Agrega un Resplandor Exterior con estos ajustes:

Modo de Fusión: Normal
Opacidad: 68%
Ruido: 0%
Color: #272727
Técnica: Más suavizado
Extensión: 15%
Tamaño: 16 px
Contorno: Lineal
Suavizado: Marcada
Rango: 100%
Vibración: 0%

Después de eso, haz clic en OK para cerrar la ventana de Estilo de Capa.

Así es como el efecto de texto debería verse:

Paso 15

Presiona Control y selecciona ambas capas de texto. Luego haz clic derecho en una de ellas y elige Convertir en Objeto Inteligente. Después de eso, renombra el nuevo objeto inteligente como Jewel Text Effect.

Paso 16

Ahora ve a Ventana > Ajustes y haz clic en el ícono de Mapa de Degradado. Después de eso, haz clic derecho en la capa de Mapa de Degradado y elige Crear Máscara de Recorte.

Paso 17

Selecciona la capa de Mapa de Degradado y ve a Ventana > Propiedades. Luego haz clic en la barra de degradado para abrir el Editor de Degradado. Después de eso, edita el degradado con estos ajustes:

Primera detención color: #240003 Ubicación: 0%
Segunda detención color: #4e0009 Ubicación: 16%
Tercera detención color: #ff0012 Ubicación: 59%
Cuarta detención color: #ffbe8f Ubicación: 86%
Quinta detención color: #ffffff Ubicación: 100%

Paso 18

Selecciona tanto la capa de texto como la capa de mapa de degradado y conviértelas en un objeto inteligente. Luego renombra el nuevo objeto inteligente como Jewel Text Effect. Después de eso, ve al panel Acciones y haz clic en el ícono Detener Grabación para finalizar la acción.

Converting the layers into one smart object

Así es como el efecto de texto debería verse:

2. Cómo Crear la Sombra y el Reflejo

Paso 1

Crea una nueva capa abajo del efecto de texto y nómbrala Shadow. Luego toma la Herramienta Rectángulo (U) y crea una forma negra delgada debajo del texto.

Paso 2

Ve a Filtro > Desenfocar > Desenfoque Gaussiano y establécelo en 6.0 pixeles. Después de eso, cambia la Opacidad de la capa Shadow a 35%.

Paso 3

Selecciona la capa del texto y presiona Control-J para duplicarla. Luego renombra la copia Reflex y muévela abajo de la capa Shadow. Después de eso, presiona Control-T y haz clic derecho en la casilla Transformar y elige Voltear Vertical. Luego, mueve la capa hacia abajo para hacerla parecer como un reflejo perfecto.

Paso 4

Selecciona la capa Reflex y haz clic en el ícono de Añadir máscara de capa. Luego toma la Herramienta Degradado (G) y selecciona el degradado Negro, Blanco. Después de eso, dibuja un degradado verticalmente desde la parte inferior de la capa Reflex hacia arriba de la Capa Jewel Text Effect.

¡Y Terminamos!

En este tutorial, aprendiste cómo grabar una acción de Photoshop y guardar en ella estilos de capa de Photoshop. Creamos dos estilos de capa y los combinamos. Después de eso, agregamos algunos colores con un mapa de degradado, y luego añadimos una sombra sencilla y un reflejo debajo del texto.

El efecto de texto está guardado en el panel Acciones. Ahora puedes aplicar el mismo efecto a cualquier palabra o fuente al seleccionar la acción y haciendo clic en Reproducir. Luego solo necesitas crear la sombra y el reflejo.

No olvides verificar el efecto de texto original.

Si quieres seguir aprendiendo, aquí están algunos tutoriales que también te podrían gustar: