Tutorial Animación Avanzada con Efecto Lluvia

A petición de Marquise Alirah realizo este tutorial sobre hacer firmas animadas mas avanzadas con photoshop, supongo que también será útil para otros programas como el Gimp al menos en la mecánica, luego ya el nombre de las herramientas es otro cantar.

Bueno la idea es animar la firma sin que parezca que se repite la firma, para ello usaremos el efecto lluvia que muchos conoceréis o habréis visto por ahí y para los que no pues aqui paso a explicar como se realiza dicho efecto realizando yo el tutorial. Voy a exponer la forma sencilla y luego pondré algunos ejemplos de algo mas trabajado sobre el mismo efecto u otras variaciones de dicho efecto.

Tutorial Animación Avanzada con Efecto Lluvia

En este tutorial vamos a partir ya de una firma hecha, si la tenéis en formato de capas separadas mejor, sino pues también nos vale. En mi caso para no repetirme he improvisado una, preparada para el efecto lluvia.

Firma de Assassins Creed

Una vez tengamos la imagen, vamos a el botón de Capa Nueva y creamos una, la seleccionamos y usamos el Bote de Pintura para pintarla de negro al completo.

Entorno Photoshop Entorno Photoshop

Luego nos vamos a Filtros–>Ruido–>Añadir Ruido y ponemos los valores de la imagen y nos quedara algo como lo que aparece en ella en pequeño. (también podéis probar con vuestros propios valores)

entorno Photoshop

Ahora vamos a Filtros–>Desenfocar–>Desenfoque de Movimiento y pones los valores de la imagen quedándonos un resultado parecido. ( cambiad valores si queréis lluvia mas fuerte o débil, etc..)

entorno Photoshop

Ya que poco, vamos a opciones de capa, donde por defecto poner Normal y lo cambiamos a Trama. Estos nos lo superpondrá a la imagen de la firma y nos quedara algo así.

Firma de Assassins Creed

Podemos jugar un poco con la Opacidad de la Capa de lluvia para que quede menos cargado así. ( esta al 50%)

Firma de Assassins Creed

entorno PhotoshopCon esto ya tendríamos una firma estática con lluvia, pero lo que nos interesa es que dicha lluvia este animada. Para ello vamos a repetir todo lo anterior para crear otras 3 capas de lluvia mas. NO DUPLICARLAS, se deben de crear nuevas para que la posición de la lluvia sea diferente pero continua.

Una vez hecho esto, vamos al Image Ready que viene con photoshop pulsando en el botón que ahí al final de la paleta de herramientas.

Estando en Image Ready tenemos el cuadro donde aparece nuestra firma y abajo un rectángulo largo con las cuadros animados, en principio solo hay uno. Le damos a crear nuevo cuadro y creamos 3 mas.

entorno Image ReadyAl pinchar en cada cuadro tenemos el recuadro de capas a la derecha, así que seleccionamos el primer cuadro y desactivamos pinchando en el ojo que aparece junto a la capa, 3 de las capas de lluvia, dejando solo una capa de lluvia y la imagen de la firma, así.

El siguiente cuadro hacemos lo mismo pero dejando la capa de lluvia siguiente activada y desactivando la anterior. Realizamos este paso en los otros 2 cuadros, quedando en cada cuadro solo activa una de las capas de lluvia sin repetir ninguna.

Vamos a Guardar optimizada Como y elegimos nombre y donde guardarla y nos quedara algo así.

Tutorial Animación Avanzada con Efecto Lluvia

La animación esta bien, pero e la puede mejorar un poco, así que haciendo algunos cambios, como borrar parte de las capas de lluvia y creando alguna capa nueva nos queda algo mas elaborado.

Tutorial Animación Avanzada con Efecto Lluvia

Bueno pues con esto acabo el tutorial, decir que lo mismo que con la lluvia se puede hacer como si fueran estrellas dejando de usar el desenfoqué de movimiento, eso si seria estrellas tipo espacio.

Pues nada espero que os sirva de algo.