Hoy te mostraré cómo crear un efecto de texto eléctrico en Photoshop. Verás cómo delinear texto, usando pinceles y motivos para crear un efecto genial y único.

Durante este tutorial, te diré que los recursos son reemplazables, lo cual es completamente opcional. Reemplazarlos es como una tarea para que aprendas a usar el panel configuración de pincel. Al final, sabrás cómo usar múltiples herramientas y filtros para crear tus propios efectos de texto, e incluso transformarlos en acciones de Photoshop.

El efecto de texto que estamos a punto de crear es parte de la Acción de Photoshop Energy Text. La acción completa tiene tres opciones de tamaño y funciona con texto y formas. También tiene 27 colores predefinidos para que elijas.

Esta acción también está disponible en el Super Paquete de Acciones Photoshop, que tiene 10 acciones de Photoshop, incluidos efectos de texto y efectos de fotos.

Recursos para el tutorial

Los siguientes recursos fueron utilizados durante este tutorial:

• Fuente Infinite Justice
• Imagen, motivos y pinceles adjuntos a este tutorial.

1. Cómo crear el estilo de capa

Paso 1

Primero, vamos a crear cinco estilos de capa para este efecto de texto. Luego grabaremos una acción juntándolas todas.

Para comenzar, descarga el archivo zip que se encuentra en este tutorial y descomprímelo en una carpeta de tu elección. Después de eso, abre Energy-Background.jpg con Photoshop. Ten en cuenta que configuré esta imagen a 300 ppp, lo cual es perfecto a fines de este tutorial.

Paso 2

Elige la Herramienta texto horizontal (T) y configura la fuente en Infinite Justice y el tamaño en 70. Luego presiona Bloq Mayús y escribe FLASH en el centro de la imagen.

Paso 3

Creé el siguiente motivo usando el filtro Nubes, y una capa de Mapa de degradado. Este motivo está en el archivo zip adjunto al tutorial. Para instalarlo, ve a Edición > Ajustes preestablecidos > Gestor de ajustes preestablecidos y selecciona Motivos como Tipo de ajuste predeterminado. Luego, haz clic en Cargar y selecciona el archivo pat del archivo zip.

También puedes usar cualquier imagen de nebulosa o polvo espacial que encuentres en Internet. Te recomiendo agregar un Desenfoque gaussiano y un Mapa de degradado púrpura a la imagen, si quieres que se parezca a la mía.

Haz doble clic en la capa FLASH para abrir el panel Estilo de capa. A continuación, agrega una Superposición de motivo con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 100%
• Motivo: Space Test (Disponible en el archivo zip)
• Escala: 25%
• Enlazar capas: Activado

Después de eso, haz clic en Ajustar al origen para restablecer la posición de la textura.

Paso 4

Ahora agrega un Bisel y relieve con estos ajustes:

• Estilo: Bisel interior
• Técnica: Redondear
• Profundidad: 719%
• Dirección: Superior
• Tamaño: 13 px
• Suavizar: 16 px
• Usar luz global: Desactivado
• Ángulo de sombra: 90º
• Altitud de sombra: 38º
• Contorno de resplandor: Desnivel - Profundo
• Suavizado: Activado
• Modo resaltado: Normal, Color: #0096ff, Opacidad: 15%
• Opacidad del modo de sombra: 0%

Paso 5

Añade un Contorno con estos ajustes:

• Tamaño: 1 px
• Posición: Exterior
• Modo de fusión: Normal
• Opacidad: 100%
• Sobreimpresión: Desactivado
• Tipo de relleno: Color
• Color: #9cbfff

Paso 6

Agrega una Superposición de colores con estos ajustes:

• Modo de fusión: Color
• Color: #a3ccff
• Opacidad: 100%

Paso 7

Agrega un Resplandor exterior con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 26%
• Ruido: 0%
• Color: #0066ff
• Técnica: Más suavizado
• Extender: 3%
• Tamaño: 49 px
• Contorno: Lineal
• Suavizado: Desactivado
• Rango: 100%
• Vibración: 0%

Paso 8

Agrega una Sombra paralela con estos ajustes:

• Modo de fusión: Normal
• Color: #1e1236
• Opacidad: 100%
• Usar luz global: Desactivado
• Ángulo: -180º
• Distancia: 2 px
• Extensión: 100%
• Tamaño: 4 px
• Contorno: Lineal
• Suavizado: Desactivado
• Ruido: 0%
• La capa cubre la sombra paralela: Activado

Después de eso, haz clic en Nuevo estilo y llámalo Estilo lightning A

Paso 9

Ve al panel Capas, haz clic con el botón derecho en la capa FLASH y elije Borrar estilo de capa. Luego, haz doble clic en ella para abrir nuevamente el panel Estilo de capa. Después de eso, agrega una Superposición de colores con estos ajustes:

• Modo de fusión: Normal
• Color: #ffffff
• Opacidad: 100%

Paso 10

Agrega un Resplandor interior con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 100%
• Ruido: 0%
• Color: #108cff
• Técnica: Más suavizado
• Origen: Borde
• Retraer: 0%
• Tamaño: 0 px
• Contorno: Lineal
• Suavizado: desactivado
• Rango: 55%
• Vibración: 0%

Paso 11

Agrega un Resplandor exterior con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 100%
• Ruido: 0%
• Color: #0078ff
• Técnica: Más suavizado
• Extender: 3%
• Tamaño: 9 px
• Contorno: Lineal
• Suavizado: Desactivado
• Rango: 95%
• Vibración: 0%

Después de eso, haz clic en Nuevo estilo y llámalo Estilo lightning B.

Paso 12

El siguiente motivo también está disponible en el archivo zip. Lo creé usando el filtro Nubes de diferencia, luego invertí los colores de la imagen (Control-I) y usé el filtro Niveles para hacer que la imagen pareciera un motivo de rayos. Luego usé una Máscara de capa para ocultar las partes no deseadas y el filtro Pintura al óleo para que la imagen se vea más suave. Y finalmente, agregué una capa de ajuste Mapa de degradado.

Busca un motivo de rayos en Internet si deseas reemplazarlo y hacer que tu efecto de texto se vea diferente. Solo recuerda que este motivo debe tener un fondo transparente o negro.

Ahora vuelve al panel Capas y, nuevamente, borra el estilo de capa de la capa FLASH. Luego haz doble clic en ella para volver a abrir el panel Estilo de capa. Después de eso, agrega una Superposición de motivo con estos ajustes:

• Modo de fusión: Pantalla
• Opacidad: 100%
• Motivo: LTN BG 22 (Disponible en el archivo zip)
• Escala: 25%
• Enlazar capas: Activado

Ahora haz clic en Nuevo estilo y llámalo Estilo lightning C.

Paso 13

Vuelve al panel Capas y borra el estilo de capa de la capa FLASH una vez más. Luego, haz doble clic en ella para abrir nuevamente el panel Estilo de capa. Después de eso, agrega un Resplandor interior con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 100%
• Ruido: 0%
• Color: #8a98b2
• Técnica: Más suavizado
• Origen: Centro
• Retraer: 0%
• Tamaño: 0 px
• Contorno: Lineal
• Suavizado: Desactivado
• Rango: 100%
• Vibración: 0%

Paso 14

Agrega una Superposición de motivo con estos ajustes

• Modo de fusión: Normal
• Opacidad: 100%
• Motivo: LTN BG 22
• Escala: 25%
• Enlazar capas: Activado

Después de eso, haz clic en Nuevo estilo y asígnale el nombre Estilo lightning D.

Paso 15

Ahora vamos a crear el último estilo de capa. Así que vuelve al panel Capas y vuelve a borrar el estilo de capa. Luego, abre el panel Estilo de capa y agrega un Resplandor interior con estas configuraciones:

• Modo de fusión: Normal
• Opacidad: 83%
• Ruido: 0%
• Color: #6cbcff
• Técnica: Más suavizado
• Origen: Borde
• Retraer: 0%
• Tamaño: 3 px
• Contorno: Lineal
• Suavizado: Desactivado
• Rango: 45%
• Vibración: 0%

Paso 16

Agrega un Resplandor exterior con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 56%
• Ruido: 0%
• Color: #00ccff
• Técnica: Más suavizado
• Extender: 3%
• Tamaño: 32 px
• Contorno: Lineal
• Suavizado: Desactivado
• Rango: 100%
• Vibración: 0%

Después de eso, haz clic en Nuevo estilo y llámalo Estilo lightning E.

2. Grabar la acción

Paso 1

Antes de grabar, ve a Edición > Ajustes preestablecidos > Gestor de ajustes preestablecidos y selecciona Pinceles como Tipo de ajuste preestablecido. Luego haz clic en Cargar e instala Energy Brushes.abr que vino en el archivo zip. Te hablaré de estos pinceles más tarde.

Paso 2

Ve al panel Capas y haz clic en la capa FLASH para convertirla en la capa activa.

Ahora ve a Ventana > Acciones para abrir el panel Acciones. Luego haz clic en el icono Crear nuevo grupo y asígnale el nombre Efecto de texto Energy 300 ppp. Después de eso, haz clic en Crear nueva acción y asígnale el nombre Pequeño (25%).

Ahora, presta atención al panel de Acciones. Se grabará casi todo lo que hagas en Photoshop. Puedes (y debes) eliminar cualquier error que cometas en el proceso de grabación de esta acción. Si cometes un error, haz clic y arrastra dicho paso a la pequeña papelera en el panel Acciones.

En la siguiente imagen, puedes ver cómo eliminar un paso de la acción. Hice clic en el paso "Establecer capa actual" y lo arrastré a la papelera.

Paso 3

Ahora elige la Herramienta escritura horizontal (T) y establece el tamaño del texto en 69 pt. A continuación, establece la alineación del texto en el Centro.

Paso 4

Presiona Control-A para seleccionar la imagen completa. Luego elige la Herramienta mover (V) y alinea el texto con el centro del documento. Después de eso, presiona Control-D para deseleccionar todo.

Paso 5

Ahora cambia el nombre de la capa de texto a E.Text y ve a Ventana > Estilos para abrir el panel Estilos. Después de eso, busca el Estilo lightning A que creamos anteriormente y haz clic en él, para aplicar el estilo al texto.

Paso 6

Mantén presionada la tecla Control y haz clic en la miniatura de la capa de texto para crear una selección a su alrededor. Luego ve a Ventana > Trazados para abrir el panel Trazados. A continuación, haz clic en el pequeño icono ubicado en la esquina superior derecha del panel Trazados y selecciona Crear trazado de trabajo con una tolerancia de 1.0 px.

Paso 7

Ahora vamos a utilizar los pinceles que instalamos antes. Creé el primer pincel (Lightning brush 1 HD) usando una tableta, y es un simple destello de rayo. Puedes abrir el panel Configuración de pincel (Ventana > Configuración de pincel) y revisar cada ajuste que hice. Pero, básicamente, este pincel se aplicará varias veces alrededor del texto, cambiando de tamaño y dirección.

Puedes reemplazar este pincel con otro similar, de tu elección, y usar la misma configuración que usé en la Configuración de pincel. El rayo que creé tiene 1.471 píxeles de un lado a otro. Entonces, si quieres usar la misma configuración que yo, tu pincel tendrá que ser del mismo tamaño. Puedes ver una muestra del pincel original a continuación:

Ahora selecciona la Herramienta pincel (B) y haz clic con el botón derecho en cualquier lugar de la imagen para abrir las opciones de pincel. Luego selecciona el pincel Lightning brush 1 HD y cambia su tamaño a 300 px.

Paso 8

Presiona Control-Shift-N para crear una nueva capa. Asígnale el nombre Capa lightning brush y haz clic en Aceptar. Después de eso, presiona D para restablecer los colores del fondo y primer plano, y luego presiona X para cambiarlos.

Paso 9

Ve al panel Trazados nuevamente y haz clic con el botón derecho en Trazado de trabajo. Elige Rellenar trazado y selecciona Pincel en la opción Herramienta. A continuación, desmarca Simular presión y haz clic en Aceptar.

Paso 10

Ve a Capa > Organizar > Hacia atrás para mover la capa rayo a la parte posterior del texto. Después de eso, haz clic con el botón derecho en la Capa lightning brush y selecciona Convertir en objeto inteligente. A continuación, aplica el Estilo lightning B a dicha capa.

Paso 11

Ahora selecciona la capa E.Text y conviértela en un Objeto inteligente. Luego aplica el Estilo lightning C a dicha capa.

Paso 12

Crea una nueva capa y llámala E. Fondo de texto. A continuación, selecciona el Pincel duro redondo y cambia su tamaño a 4 px. Después de eso, ve al panel Trazados y haz clic derecho en el trazado de trabajo para rellenarlo como lo hicimos antes. Con esto lograremos un delineado del texto, que pronto usaremos con un filtro de desenfoque de movimiento para simular un movimiento horizontal.

Paso 13

Haz doble clic en la capa Fondo de texto E. para abrir el panel Estilo de Capa. Luego añade un Resplandor Exterior con estos ajustes:

• Modo de fusión: Normal
• Opacidad: 100%
• Ruido: 0%
• Color: #ffffff
• Técnica: Más suavizado
• Extender: 3%
• Tamaño: 13 px
• Contorno: Lineal
• Suavizar: Desactivado
• Rango: 100%
• Vibración: 0%

Después de eso, haz clic en Aceptar para cerrar el panel Estilo de capa.

Paso 14

Ahora convierte el Fondo de texto E. en un objeto inteligente. Luego ve a Filtro > Desenfocar > Desenfoque de movimiento para agregar un desenfoque de movimiento con un Ángulo de 0º y una Distancia de 281 px.

Paso 15

Agrega otro desenfoque de movimiento con un ángulo de 0º y una distancia de 120 px. Luego, con el Fondo de texto E. ya seleccionado, ve a Capa > Organizar > Hacia atrás para moverlo una capa debajo.

Paso 16

Ahora aplica el Estilo lightning B a la capa Fondo de texto E. A continuación conviértela, de nuevo, en un objeto inteligente. Después de eso, aplica el Estilo lightning D al nuevo objeto inteligente.

Paso 17

Ahora vamos a utilizar el segundo pincel incluido en el archivo zip. Creé este pincel de destello con un círculo hecho con el pincel redondo suave, y luego lo estiré y dupliqué la capa un par de veces. A diferencia del primer pincel, este no cambiará de dirección cuando se aplique, pero cambiará de tamaño un poco.

Puedes reemplazarlo con cualquier pincel similar que encuentres en Internet. Al igual que con el primero, puedes abrir el panel Configuración de pincel y revisar todos los ajustes que hice.

Ahora selecciona la capa E.Text nuevamente. Luego presiona Control-Shift-N y nombra la nueva capa E. Flares. Después de eso, elige la Herramienta pincel (B) y selecciona el pincel Brush lightning 2.

Paso 18

Ve al panel Trazados y vuelve a hacer el Trazado de trabajo. Luego convierte la capa E. Flares en un objeto inteligente y aplica el Estilo lightning E a élla. Después de eso, vuelve a convertir la capa E. Flares en un objeto inteligente.

Paso 19

Selecciona la capa E.Text y ve a Filtro > Estilo > Pintura al óleo. A continuación, configura el filtro de pintura al óleo con estos ajustes:

• Estilización: 0.7
• Limpieza: 0.0
• Escala: 0.1
• Detalle de cerdas: 0.0
• Iluminación: Desactivada

Paso 20

Selecciona la capa E. Flares y ve a Filtro > Desenfocar > Desenfoque de movimiento para agregar un desenfoque de movimiento con un ángulo de 0º y una distancia de 23 px. Después de eso, selecciona todas las capas excepto el Fondo y conviértelas en un objeto inteligente.

Paso 21

Cambia el nombre del objeto inteligente a Efecto de texto energy. Luego ve a Ventana > Ajustes y haz clic en el icono de Mapa de degradado. Después de eso, haz clic con el botón derecho en la capa Mapa de degradado y selecciona Crear máscara de recorte.

No te preocupes si los colores de tu imagen se ven diferentes.

Paso 22

Haz doble clic en la miniatura de la capa del mapa de degradado para abrir el panel Propiedades. Luego haz clic en la barra de degradado para editar los colores.

Vamos a agregar cinco detenciones en la barra de degradado (solo haz clic debajo de ella y se creará la detención).

Crea un degradado con estos ajustes:

• Color de la primera detención: #0d0105 Posición: 0%
• Color de la segunda detención: #4e0009 Posición: 13%
• Color de la tercera detención: #ff0000 Posición: 52%
• Color de la cuarta detención: #ffd738 Posición: 78%
• Color de la quinta detención: #ffffff Posición: 100%

Paso 23

Selecciona el Efecto de texto energy y presiona Control-T para activar la Transformación. A continuación hazlo un 5% más pequeño.

Paso 24

Ve a Filtro > Enfocar > Enfoque suavizado y usa estos ajustes:

• Cantidad: 110%
• Radio: 0.4 px
• Reducir ruido: 0%
• Quitar: Desenfoque de lente

Paso 25

Ve al panel Trazados y elimina el Trazado de trabajo. Luego, vuelve al panel Acciones y haz clic en el icono Detener grabación para finalizar la acción.

¡Felicidades, has terminado!

En este tutorial, aprendiste cómo delinear y contornear texto con diferentes tipos de pinceles, en Photoshop. Si intentaste reemplazar los recursos de este tutorial, aprendiste a usar el panel Configuración del pincel. También aprendiste a cambiar los colores de un efecto de texto usando una capa de mapa de degradado. Ahora puedes hacerlo del color que quieras.

No te olvides de ver la acción original en GraphicRiver.

También te puede interesar:

• 

  Cómo crear una acción para lograr un efecto de texto cubierto de hojas en Adobe Photoshop

  Aprende a crear un efecto de texto muy realista mediante una acción de Photoshop, que hará que cualquier fuente se vea como si estuviera completamente cubierta por hojas.
• 

  Cómo crear una acción de texto tipo neón candente en Adobe Photoshop

  Aprende a crear una acción para lograr un efecto de texto tipo neón candente con Adobe Photoshop, que se puede personalizar con cualquier color.
• 

  Cómo crear un efecto de texto inspirado en InFamous con Adobe Photoshop

  En este tutorial, aprenderás cómo crear un efecto de texto eléctrico inspirado en el juego inFamous, usando la fuente Impact.
• 

  Cómo crear una acción de texto peludo en Adobe Photoshop

  En este tutorial te mostraré como crear una acción de texto peludo en Adobe Photoshop usando un motivo, un pincel, un estilo de capa y un mapa de degradado. Al final del...