Tutoriales / Ayuda | el 21 de Noviembre del 2009

Efecto lluvia animada Photoshop



Hola amigos de CW!, hoy les traigo un tutorial de lluvia animada para crear en cualquier version de Photoshop ya que no hace falta el Image Ready que en las nuevas versiones no lo trae incorporado.






Nota: la mayoria de los pasos son repetitivos, lo cual agiliza mucho el
 trabajo aunque parezca largo  ;)








Para comenzar con este tuto lo primero que vamos a necesitar es una imagen para crear el efecto, yo creé esta especielmente para la ocación
 " Castillo CasitaWeb "










Bueno lo primero que vamos a hacer es abrir nuestra imagen, y luego vamos a crear una  nueva capa:








Una vez creada la nueva capa vamos a la herramienta Bote de Pintura, elegimos el color negro y le damos click dentro de la imagen para pintarla:








Lo siguiente es ir a la pestaña FILTRO - RUIDO - AÑADIR RUIDO, Y le damos los siguientes valores y OK:


       






Bueno ahora lo que vamos a hacer es duplicar nuestra capa, damos click derecho en la capa y click en duplicar capa:








A este paso lo vamos a repetir 3 veces mas, es decir vamos a crear 4 capas iguales, nos va a quedar asi:








Ahora le vamos a cambiar el sentido a las capas, teniendo seleccionada la 1º capa, vamos a EDICION - TRANSFORMACION LIBRE  ó  Ctrl  T








Damos click derecho sobre la imagen y seleccionamos VOLTEAR HORIZONTAL y damos click en el icono para confirmar:





 


Ahora seleccionamos la 2º capa y hacemos lo mismo, nada mas que esta vez vamos a seleccionar VOLTEAR VERTICAL y damos click en el icono para confirmar:








Hacemos lo mismo con la 3º capa, y elegimos ROTAR 90º ACD, emparejamos la imagen y damos click en el icono para confirmar:





La última capa queda como esta.






Seleccionamos nuevamente la 1º capa, vamos a la ventana MODO DE FUSION y elegimos TRAMA, repetimos lo mismo con cada capa creada:








Volvemos a la capa 1º y vamos a ir a FILTRO - DESENFOCAR - DESENFOQUE DE MOVIMIENTO y le damos los siguientes valores y OK:


         



Repetimos el mismo paso con las otras 3 capas restantes que creamos.






Nos volvemos a situar en la primer capa y apretamos Ctrl  L  y copiamos los siguientes valores y damos OK:


 






Seleccionamos la 2º capa y hacemos lo mismo, Ctrl  L  y los mismos valores y damos OK y haci con las otras 2 capas:


 






Bueno teniendo esto echo lo único que nos faltaria seria darle la animación, para eso vamos a VENTANA - ANIMACION:







Una vez abierto el cuadro de animación vemos que hay 1 solo cuadro, entonces vamos a crear 3 cuadros mas, para eso hacemos click 3 veces en el icono Duplicar Cuadros seleccionados :







Lo que hacemos ahora es situarnos en el primer cuadro, y le sacamos el icono del ojito a todas las capas menos a la 1º : (el icono se saca haciendo click sobre el mismo)








Ahora nos situamos en el segundo cuadro y le sacamos el icono del ojito a todas las capas menos a la 2ª :








Hacemos lo mismo con la tercer capa y la cuarta:










Asi llegamos al último paso que seria darle el tiempo de animación, en esta ocación vamos a elegir el mas corto para todos los cuadros 0,1 :








Ahora damos play y  tendriamos que ver nuestra animación, si todo esta ok guardamos, vamos a ARCHIVO - GUARDAR PARA WEB Y DISPOSITIVOS y guardamos.








Y ya tenemos nuestro efecto lluvia animada !!















Bueno amigos esto es todo espero que les haya gustado y lo pongan en práctica !!
Saludos !!!