Cómo Hacer Geniales Efectos de Texto en Photoshop Con Acciones

Aprende cómo crear efectos de Texto en Photoshop en éste tutorial para principiantes. Verás cómo crear una acción de Photoshop para tu efecto de texto y más.

Éste efecto de texto que vamos a crear es parte de Super Paquete de Estilos.

Recursos del Tutorial

Los siguientes recursos fueron usados durante éste tutorial:

• Fuente Soviet Program
• Imagen dentro del archivo zip adjunto a éste tutorial (opcional)

1. Cómo Crear el Efecto de Texto

Paso 1

Crea un nuevo documento de 850 x 500 px 72 ppp y nómbralo Glass Text Effect. Luego coloca una imagen que quisieras usar como el fondo.

Voy a usar una imagen abstracta que he creado. Ésta imagen está adjunta a éste tutorial.

Paso 2

Ve a Ventana > Carácter para abrir el panel Carácter. Luego cambia la fuente a Soviet Program, el tamaño del texto a 130 pt, y el color a banco #ffffff, y habilita Negrita Falsa.

Después de eso, toma la Herramienta Texto Horizontal (T) y escribe GLASS.

Paso 3

Selecciona la capa del texto y cambia  Relleno Opacidad a 0%. Luego ve a Capa > Estilo de Capa > Opciones de Fusión para abrir el panel Estilo de Capa.

Paso 4

Para crear éste efecto de texto, necesitamos dos capas. Así que primero creemos un borde con una sombra sencilla.

Agrega una Sombra Paralela con éstos ajustes:

• Modo de Fusión: Normal
• Color: #000000
• Opacidad: 100%
• Usar Luz Global: Desmarcada
• Ángulo: 120°
• Distancia: 5 px
• Extensión: 21%
• Tamaño: 9 px
• Contorno: Lineal
• Suavizado: Desmarcada
• Ruido: 0%
• La capa cubre la sombra paralela: Marcada

Paso 5

Agrega un Trazo con éstos ajustes:

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

Haz clic en la barra de degradado para crear un nuevo degradado.

Nota que tenemos que añadir detenciones arriba (Opacidad) y abajo (Colores) de la barra de degradado.

Agreguemos primero las detenciones para la opacidad:

• Detención 1: Ubiciación: 0% Opacidad: 0%
• Detención 2: Ubicación: 4% Opacidad: 100%
• Detención 3: Ubicación: 26% Opacidad: 0%
• Detención 4: Ubicación: 43% Opacidad: 100%
• Detención 5: Ubicación: 64% Opacidad: 0%
• Detención 6: Ubicación: 85% Opacidad: 100%
• Detención 7: Ubicación: 100% Opacidad: 0%

Luego agrega detenciones para los colores abajo de la barra de degradado con éstos ajustes:

• Detención 1: Ubicación: 0% Color: #ffffff
• Detención 2: Ubicación: 6% Color: #ffffff
• Detención 3: Ubicación: 7% Color: #194962
• Detención 4: Ubicación: 41% Color: #ffffff
• Detención 5: Ubicación: 42% Color: #194962
• Detención 6: Ubicación: 84% Color: #e0e0e0
• Detención 7: Ubicación: 85% Color: #194962

Luego nómbralo Glass Gradient y haz clic en Nuevo para agregar éste degradado a los preestablecidos, vamos a usarlo más tarde.

Paso 6

Ahora agrega un Bisel & Relieve con éstos ajustes:

• Estilo: Relieve del Trazo
• Técnica: Redondeado
• Profundidad: 100%
• Dirección: Abajo
• Tamaño: 1 px
• Suavizar: 0 px
• Usar Luz Global: Desmarcada
• Ángulo: 86°
• Altitud: 21°
• Contorno de Resplandor: Desnivel superficial
• Modo Resaltado: Trama
• Modo Resaltado Color: #ffffff
• Modo Resaltado Opacidad: 75%
• Modo de Sombra: Multiplicar
• Modo de Sombra Color: #000000
• Modo de Sombra Opacidad: 29%

Luego activa la opción Contorno de Bisel & Relieve con ésto ajustes:

• Contorno: Lineal
• Suavizado: Desmarcada
• Rango: 50%

Paso 7

Ahora agrega un Resplandor Interior con éstos ajustes:

• Modo de Fusión: Normal
• Opacidad: 75%
• Ruido: 0%
• Color: #fdfdfd
• Técnica: Más suavizado
• Origen: Borde
• Retraer: 0%
• Tamaño: 2 px
• Contorno: Lineal
• Suavizado: Desmarcada
• Rango: 50%
• Vibración: 0%

Paso 8

Agrega un Resplandor Exterior con éstos ajustes:

• Modo de Fusión: Normal
• Opacidad: 72%
• Ruido: 0%
• Color: #b0f1ff
• Técnica: Más suavizado
• Extensión: 91%
• Tamaño: 4 px
• Contorno: Lineal
• Suavizado: Marcada
• Rango: 100%
• Vibración: 0%

Después de eso, haz clic en OK.

Paso 9

Presiona Control-J para duplicar la capa del texto, y luego nombra ésta copia Glass 2. Después de eso, haz doble clic en la capa Glass 2 para abrir el panel Estilo de Capa.

Agrega una Superposición de Degradado con éstos 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 y crea un nuevo degradado con éstos ajustes:

• Detención 1: Ubicación: 0% Color: #40006e
• Detención 2: Ubicación: 51% Color: #b900ce
• Detención 3: Ubicación: 100% Color: #40006e

Paso 10

Ahora agrega una Superposición de Colores con éstos ajustes:

• Modo de Fusión: Color
• Color: #ff003c
• Opacidad: 100%

La Superposición de Colores te facilitará cambiar el color del efecto de texto posteriormente.

Paso 11

Ahora hagamos brillante el efecto de texto.

Agrega un Bisel Y Relieve con éstos ajustes:

• Estilo: Inglete Interior
• Técnica: Redondeado
• Profundidad: 317%
• Dirección: Arriba
• Tamaño: 43 px
• Suavizar: 0 px
• Usar Luz Global: Desmarcada
• Ángulo: 90°
• Altitud: 37°
• Contorno de Resplandor: Pendiente - Hacia Abajo
• Modo Resaltado: Trama
• Modo Resaltado Color: #ffffff
• Modo Resaltado Opacidad: 16%
• Modo de Sombra: Multiplicar
• Modo de Sombra Color: #000000
• Modo de Sombra Opacidad: 4%

Paso 12

Agrega una Sombra Interior con éstos ajustes:

• Modo de Fusión: Luz Intensa
• Color: #baf3ff
• Opacidad: 100%
• Usar Luz Global: Desmarcada
• Ángulo: 120°
• Distancia: 0 px
• Retraer: 0%
• Tamaño: 18 px 
• Contorno: Lineal
• Suavizado: Desmarcada
• Ruido: 0%

Paso 13

Agrega un Trazo con éstos ajustes:

• Tamaño: 3 px
• Posición: Centro
• Modo de Fusión: Normal
• Opacidad: 78%
• Sobreimprimir: Desmarcada
• Tipo de Relleno: Degradado
• Degradado: Glass Gradient (el que creamos)
• Invertir: Desmarcada
• Estilo: Lineal
• Alinear con capa: Marcada
• Ángulo: 78°
• Tramado: Desmarcada
• Escala: 150%

Paso 14

Agrega un Resplandor Interior con éstos ajustes:

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

Paso 15

Agrega una Sombra Paralela con éstos ajustes:

• Modo de Fusión: Multiplicar
• Color: #0076a2
• Opacidad: 71%
• Usar Luz Global: Desmarcada
• Ángulo: 120°
• Distancia: 3 px
• Extensión: 7%
• Tamaño: 2 px
• Contorno: Lineal
• Suavizado: Desmarcada
• Ruido: 0%
• La capa cubre sombra la paralela: Marcada

Después de eso, haz clic en OK.

2. Cómo Crear la Acción

Ahora que tenemos los estilos completos, vamos a crear una acción para que sea más fácil aplicar el efecto a cualquier cosa que queramos.

Paso 1

Selecciona la primera capa de texto (glass) en el panel Capas, y luego ve a Ventana > Estilos para abrir el panel Estilos.

Después de eso, haz clic en el pequeño ícono Crear Nuevo Estilo en el panel Estilos, nómbralo Glass - A, y haz clic en OK.

Haz lo mismo para la segunda capa de texto (glass 2), nómbrala Glass - B.

Paso 2

Ve a Ventana > Acciones para abrir el panel Acciones. Luego haz clic en Crear grupo nuevo, nómbralo Glass Text Effect, y haz clic en OK.

Paso 3

Antes de comenzar a grabar la nueva acción, ve al panel Capas y haz clic para seleccionar la primera capa de texto.

Luego regresa al panel Acciones, y haz clic en el ícono Crear Acción Nueva. Nómbrala Red Glass Text Effect, y haz clic en Grabar.

Paso 4

Ve al panel Estilos y haz clic en el estilo Glass - A.

Paso 5

Ahora presiona Control-J para duplicar la capa y renómbrala glass TOP.

Después de eso, ve al panel Estilos de nuevo, y haz clic en el estilo Glass - B. Y finalmente, ve al panel Acciones y haz clic en el ícono Detener Grabación.

¡Y Terminamos!

Para aplicar el efecto a un texto, tienes que seleccionar la acción Glass Text Effect en el panel Acciones y luego hacer clic en Ejecutar selección.

La acción automáticamente duplicará la capa y aplicará ambos estilos correctamente.

En éste tutorial, aprendiste cómo crear un efecto de cristal usando un simple degradado. También aprendiste cómo usar dos capas para crear un efecto de texto sencillo. Luego aprendiste cómo crear una acción para aplicar el efecto a cualquier cosa que quieras con un solo clic.