Elitefirmas – Firmas y Diseño Gráfico

En este tutorial vamos a aplicar un reflejo animado a un texto con Photoshop. Este efecto se puede aplicar tanto en fonts, como en marcos, y todo clase de imágenes. En nuestro caso vamos a utilizar una font.

01 – Por tanto creamos una imágen con fondo negro, el texto que queramos y le damos un estilo.

02 – Para empezar con la animación abrimos la ventana de animación:  Window > Animation // Ventana > Animacion

Ahora que ya tenemos una idea de la interfaz de la ventana de animación continuamos con nuestro efecto.

03 - Creamos una nueva capa que este por encima de nuestro texto y creamos un  rectngulo vertical de color blanco y luego le aplicamos un desenfoque gausiano, para ello vamos a los menus Filter > Blur > Gaussian Blur // Filtro > Desenfoque > Desenfoque Gausiano con un valor de 4 más o menos. Por ultimo cambiamos su modo de fusión a Lighten // Aclarar

04 - Ahora vamos a crear la animación en si. Para ello volvemos a nuestra ventana de animación y creamos un nuevo Frame dandole al boton explicado anteriormente. Estando en este frame creado movemos nuestro rectangulo blanco hacia el otro lado del texto.

05 - En nuestra ventana de animación ahora seleccionamos los 2 frames y de la damoa al boton Tween. Nos aparecera una ventana como la mostrada a continuación donde elegiremos el número de frames que se agregaran haciendo la transicion de nuestro rectangulo blanco de un lado a otro. En nuestro caso he elejido 5 frmaes. Cuantos más frames se agreguen más fluida será la animación pero por contra el gif animado tendra más peso.

06 - Ahora hay que prestar mucha atención porque es la parte más importante del manual. En la ventana de animación nos posicionamos sobre el primer frame clickeando sobre él. Una vez hecho esto en nuestro panel de capas haremos ctrl + click sobre el thumbnail de la font y veremos como nuestras letras son seleccionadas. Por ultimo sin deseleccionar seleccionaremos la capa del rectangulo blanco y le daremos una mascara pinchando el boton para ello.

Quedando como resultado de esta operación la siguiente imagen:

07 - Si le dais al play de la ventana de animación vereis como el rectangulo pasa por encima de las letras solo mostrandose dentro del contorno de las letras. Si veis que la animación es muy rápida podeis ajustar la velocidad cambiando los segundos de cada frame o aumentando los frames para que sea más fluida la animación. Ya sólo nos queda grabar nuestra animación como gif y este el resultado que obtendremos.

Link: Descargar el tutorial en una sóla imagen

Tutorial creado por Macros