Cómo Crear un Fácil Efecto de Texto de Luz de Neón Con Estilos de Capa en Adobe Photoshop

En éste tutorial te mostraré cómo crear un bonito efecto de texto ácido, usando estilos de capa.

Éste efecto es una parte de mi paquete de estilos de texto en GraphicRiver.

Introducción

Los siguientes recursos será utilizados durante éste tutorial:

• Fuente Intro

Antes de empezar a crear tu propio prototipo de texto, descarga e instala la fuente. Te ayudará a obtener el mismo resultado.

1. Cómo Crear el Motivo

Paso 1

Abre Photoshop (uso Photoshop CS6), ve a Archivo > Nuevo, y crea un nuevo docuento de 6 x 6 px (el Contenido de Fondo debería ser Transparente).

Paso 2

Cambia a la Herramienta Lápiz, establece el tamaño en 1 px, y dibuja líneas diagonales.

Paso 3

Presiona Control-A para seleccionar la imagen y ve a Edición > Definir Motivo. Escribe DL Pattern en el campo Nombre.

El motivo ha sido agregado a la biblioteca y será usado en el siguiente paso.

2. Cómo Crear el Fondo

Paso 1

Crea un nuevo documento de 4000 x 1420 px con resolución de 300 pixeles/pulgada. Establece el Contenido de Fondo como Transparente.

Paso 2

Ve a Capa > Nueva Capa de Relleno > Degradado, y escribe Background en el campo Nombre.

Paso 3

Photoshop abrirá un nuevo diálogo. Haz click en la casilla de Degradado para crear el relleno de degradado usando los colores #535353 a la izquierda y #373737 a la derecha. Después de eso, haz click en el botón OK.

Paso 4

Selecciona Background y ve a Capa > Agrupar Capas (o presiona Control-G). Renombra su grupo Background y ciérralo.

3. Cómo Crear el Objeto Inteligente del Texto

Ésto te ayudará a cambiar el texto en unos cuantos clicks.

Paso 1

Toma la Herramienta Texto (T) y selecciona la fuente Intro. Establece el Tamaño de la Fuente en 230 pt. Escribe "ACID" en mayúsculas. El color del texto no es importante.

Paso 2

Selecciona la capa ACID, presiona Control-A, toma la Herramienta Mover, y presiona Alinear Centros Verticales y Alinear Centros Horizontales. Ello moverá la capa del texto al centro de nuestro documento.

Paso 3

Asegúrate de que la capa ACID esté seleccionada. Haz doble-click con tu mouse en el nombre de la capa y cámbialo a Text Layer. Presiona Enter para aplicar el cambio.

Paso 4

Ve a Capa > Objetos Inteligentes > Convertir en Objeto Inteligente (o click-derecho en la Text Layer y elige Convertir en Objeto Inteligente).

Paso 5

Toma éste Objeto Inteligente y duplícalo cuatro veces. Como resultado, habrá cinco copias del Objeto Inteligente. Renombra cada capa de arriba a abajo usando la plantilla: Text_[number]. Selecciona todos los objetos inteligentes y agrúpalos. Cambia el nombre del grupo a Text.

4. Cómo Crear los Estilos de Capa para Text_1

Comencemos de arriba a abajo.

Paso 1

Primero que nada, cambia la Opacidad de Relleno a 0.

Paso 2

Haz doble-click en la capa Text_1 para aplicar el siguiente estilo de capa. Agrega una Superposición de Motivo con éstos ajustes:

• Modo de Fusión: Superponer
• Opacidad: 100%
• Haz click en Motivo y selecciona el motivo que creamos antes
• Escala: 100%

Como resultado, deberías tener la siguiente imagen:

5. Cómo Crear los Estilos de Capa para Text_2

Haz click-derecho en la capa de texto y elige Opciones de Fusión para crear el Estilo de Capa.

Paso 1

Cambia la Opacidad de Relleno a 0.

Paso 2

Agrega un Trazo con éstos parámetros:

• Tamaño: 20 px
• Posición: Exterior
• Modo de Fusión: Normal
• Opacidad: 100%
• Tipo de Relleno: Degradado
• Degradado: de #001100 a #00450b
• Estilo: Lineal
  
• Ángulo: 90°
• Escala: 100%
• Desmarca las casilla Invertir y Tramado

Paso 3

Ahora agrega un Resplandor Interior:

• Modo de Fusión: Normal
• Opacidad: 100%
• Ruido: 0%
• Color: #ffa81f
• Técnica: Más suavizado
• Origen: Borde
• Retraer: 100%
• Tamaño: 10 px
• Desmarca la casilla Suavizado
• Rango: 100%
• Vibración: 0%

Paso 4

Agrega una Superposición de Degradado con éstos ajustes:

• Modo de Fusión: Normal
• Desmarca las casillas Invertir y Tramado
• Opacidad: 100%
• Haz click en el Degradado y establece: #aede00 en 0%, #759b00 en 50%, #cdfc00 en 51% y #cdfc00 en 100%
• Estilo: Lineal
• Ángulo: 90°
• Escala: 100 px

El texto debería verse casi como éste:

6. Cómo Crear los Estilos de Capa para Text_3

Haz doble-click en la capa Text_3 para aplicar el estilo de capa. Agrega un Trazo con éstos ajustes:

• Tamaño: 30 px
• Posición: Exterior
• Modo de Fusión: Normal
• Opacidad: 100%
• Tipo de Relleno: Color
• Color: #00450b

El resultado de éste paso:

7. Cómo crear los Estilos de Capa para Text_4

Haz click-derecho en la capa de texto y elige Opciones de Fusión para crear el Estilo de Capa.

Paso 1

Agrega un Trazo con éstos ajustes:

• Tamaño: 50 px
• Posición: Exterior
• Modo de Fusión: Normal
• Opacidad: 100%
• Tipo de Relleno: Degradado
• Degradado: de #ado36d a #e4024d
• Estilo: Lineal
  
• Ángulo: 90°
• Escala: 100%
• Desmarca las casillas Invertir y Tramado

Paso 2

Ahora agrega una Sombra Paralela:

• Modos de Fusión: Normal
• Toma el color #000000
• Opacidad: 13%
• Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 135°
• Distancia: 20 px
• Extensión: 100%
• Tamaño: 60

Resultado:

8. Cómo Crear los Estilos de Capa para Text_5

Antes de agregar los estilos de capa, toma ésta capa y muévela abajo 20 px.

Paso 1

Agrega un Trazo con éstos ajustes:

• Tamaño: 70 px
• Posición: Exterior
• Modos de Fusión: Normal
• Opacidad: 100%
• Tipo de Relleno: Degradado
• Degradado: de #75064b a #991641
• Estilo: Lineal
  
• Ángulo: 90°
• Escala: 100%
• Desemarca las casillas Invertir y Tramado

Paso 2

Agrega una Sombra Paralela con éstos parámetros:

• Modo de Fusión: Normal
• Toma el color #000000
• Opacidad: 40%
• Desmarca la casilla Usar Luz Global antes de establecer un Ángulo: 135°
• Distancia: 60 px
• Extensión: 100%
• Tamaño: 45

¡Felicidades, Terminaste!

El efecto de texto ácido está listo. Aquí está la imagen final. Espero que hayas disfrutado el tutorial.

No olvides compartir tu resultado con nosotros.

A propósito, si quieres cambiar el texto, haz doble-click en el ícono del Objeto Inteligente, y Photoshop abrirá un nuevo archivo PSB. Cambia el texto, ve a Archivo > Guardar para guardar los cambios y Archivo > Cerrar para cerrar éste archivo. Después de eso, obtendrás un archivo actualizado con una nueva palabra.

Puedes comprar éste efecto como parte de mi paquete de estilos de texto en GraphicRiver.