Photoshop - Efecto Texto neón y Gif.
Hola gente como les va. En esta oportunidad quiero enseñarles como realizar un efecto texto luces de neón. Y posteriormente generar una imagen Gif con el mismo.
En internet hay muchos videos de como crear y guardar una imagen gif en photoshop, pero en esta ocasión quiero darles algunos detalles simples para personalizarla.
Espero que lo disfruten y les sea de mucha utilidad.
Sin mas, vamos a los pasos.!!

gif
Paso 1
Abriremos un nuevo documento

efecto

Colocaremos la imagen de fondo

Texto
colores
Paso 2
Generaremos un degradado desde los iconos de abajo.

neon

De negro a transparente, y con las características que muestra la imagen

photoshop

Luego aplicamos una capa de ajustes de Niveles con los sig. valores.

imagen
decoracion
Paso 3
Seguimos escribiendo el texto. Aquí vamos a poner lo que queramos. En este caso yo coloco mi nombre. 

Creatividad.

Al texto hay que aplicarle unas opciones de fusión. Previamente habremos duplicado esta capa presionando Ctrl+J. (trabajaremos sobre la original y la copia la ocultaremos para que nos permita observar los cambios.)
Photoshop - Efecto Texto neón y Gif.
Paso 4
Hacemos clic derecho sobre la capa de texto, vamos a opciones de fusión, y generamos las siguientes modificaciones.

gif

efecto
Texto
Paso 5
Modificamos en este momento el color del texto, haciendo clic sobre la miniatura en la capa de texto para seleccionarlo, y...

colores

Luego colocan el siguiente código: 01184c

neon

Una vez finalizado este paso bajamos la opacidad de la capa de texto al 70 o 75 %.Obtendremos algo como esto.

photoshop
imagen
Paso 6
Previamente habíamos duplicado la capa de texto, En este momento haremos visible la capa copia y le colocaremos nombres para diferenciarlas. Recuerden que la capa copia será la luz de neón encendida y la original la luz apagada.

decoracion

Una ves visible la capa copia (luz encendida), Procedemos a quitar de la vista la sombra paralela para que no afecte la visibilidad de los efectos que aplicaremos en esta capa. 

Creatividad.
Photoshop - Efecto Texto neón y Gif.
Paso 7
Los efectos previamente mencionados son unas opciones de fusión que modificarán el texto para que tenga el aspecto de una luz de neón encendida. Comencemos.

gif

efecto

Texto

colores

neon

Quedando algo como muestra la imagen. 

photoshop
imagen
Paso 8
Generaremos una nueva capa de texto, en este caso "Diseño". Ustedes pueden poner lo que les guste.
Esta capa también será duplicada, y la trabajaremos de la misma forma que como lo hicimos para las dos anteriores. 

decoracion
Creatividad.
Paso 9
Comenzamos con las opciones de fusión para estas capas. Primero con la que representa la luz apagada (capa de texto inferior)

Photoshop - Efecto Texto neón y Gif.

gif

Una vez que tenemos todos los cambios realizados, bajamos también la opacidad de esta capa de texto a un 60% aproximadamente. 
Nos quedará de esta manera.

efecto
Texto
Paso 10
Aplicamos luego las opciones de fusión para la capa "encendida" 

colores

neon

photoshop

imagen

Quedando algo como esto.

decoracion
Creatividad.

Trabajo FinalizadoLas imágenes que obtenemos como finales serían como estas. Y son las que usaremos para hacer el Gif.

Photoshop - Efecto Texto neón y Gif.

gif
efecto
Una ves que tenemos las imágenes, vamos a modificar un poco el fondo de ladrillos, para que el efecto de encendido y apagado del neón sea mas realista.
No lo modificamos antes porque no necesitábamos hacerlo ya que no podríamos apreciar el cambio.
Así que vamos con los cambios.

Primero
Comenzaremos duplicando la imagen de fondo de ladrillos presionando Ctrl+J.

Texto

colores
Segundo
Vamos a aplicar una capa de ajustes de niveles para oscurecerla, para que quede como si fuese de noche.. Esta capa de ajuste la colocamos como máscara de recorte para que los cambios no alteren al resto de las capas.  Colocando los valores que muestra la imagen.neon
photoshop
Tercero
Crearemos por encima de la máscara de niveles, dos capas nuevas. y pintaremos el reflejo del color que la luz dejaría en la pared. Mas o menos como muestran las imágenes.
El código del color azul es: 003dff - Esta capa va en modo de fusión: Tono
El código del color fucsia es: f00078 - Esta capa va en modo de fusión: Luz suave

imagen

Nos quedaría como esto.

decoracion
Creatividad.

Cuarto
Ya tenemos todo lo necesario para animar el Gif.
Para esto vamos a ir a la pestaña "Ventana" y luego seleccionaremos la opción "Animación".
Se nos abrirá por debajo una nueva ventana o linea de trabajo, donde podremos ir colocando las capas de la animación o cuadros.

Photoshop - Efecto Texto neón y Gif.
gif
Quinto
Desde aquí es ir agregando capas en la linea de animación e ir alternando las capas que queremos que se vean.
Esto es así:
Se agregan y eliminan capas desde estos iconos. Como también el tiempo de visualización de cada cuadro.

efecto

Agregamos 2 capas (cuadros).. La primera será con luz apagada. 
Esto lo hacemos haciendo clic sobre el cuadro a modificar, y luego haciendo visible o invisible las capas respectivas. desde la ventana de capas que usamos comúnmente.
Nos quedaría algo como esto.

Texto

Lo visible en la apagada son todas las capas menos, obviamente las de luz, tanto las del texto como las dos capas de luz de la pared.
Lo visible en las encendidas, son las mismas capas, agregando las de luz (texto y capas de color de la pared) y quitando el efecto de Sombra paralela de las capas de texto apagado. De esta forma tendremos visible el efecto de Sombra paralela del texto encendido, ya que éste está en modo Superponer.
colores
Sexto
Ahora tenemos que modificar los tiempos de duración de los cuadros.
Para esto simplemente vamos a la flechita que marqué anteriormente y hacemos clic, se nos abrirá una pequeña ventana con los distintos tiempos para seleccionar. Si hacemos clic en >Otros, nos dará la posibilidad de modificar por debajo o por encima de los tiempos preestablecidos. Podemos llegar a 0 seg.

Yo en este caso coloco: 1 segundo para las luces apagadas, y 2 segundos para las luces encendidas.
neon
Séptimo
Ahora vamos a guardar el Gif. Para esto, lo que hacemos es ir >Archivo > Guardar para Web y dispositivos. O presionamos Ctrl+Alt+Shift+S

photoshop

Se nos abrirá una ventana con unas opciones. Corroboramos que coincidan los datos que están marcados y luego le damos en aceptar. La imagen esta cortada porque la resolución de mi monitor no deja que se vea completa. El photoshop pide una resolución de 1024x728 creo, y la mía esta en 1280x720, por eso no entra toda la ventana.

imagen

Después de aceptar los cambios se abre la ventana para guardar. Ahí solo coloquen los datos de guardado como muestra la imagen y denle a Guardar.

decoracion

 Y listo.!!! Ya tenemos nuestra imagen Gif.

Creatividad.

De esta forma concluye el tutorial, espero que les guste y les sea de muchisima utilidad. 
Solo les pido que Recomienden este post a sus seguidores para que también puedan verlo otras personas, ya que si hay muchos post no queda mucho tiempo a la vista y no muchos lo ven. Nada mas. Y GRACIAS A TODOS LOS QUE PASAN POR ACÁ.
Nos estamos viendo en el próximo.
Saludos..!!
Photoshop - Efecto Texto neón y Gif.

gif
efecto