Efecto Animación de lluvia con Photoshop e Image Ready

Tutorial Photoshop

Tutorial por Oscar Nava

Oscar Nava nos enseña en este tutorial como crear un efecto de lluvia con photoshop, y luego animarlo con image ready.

Hola antes que nada avisarles que tienen que bajar el plugin almathera cuyo link les dejo a continuación: www.mways.co.uk/prog/plugin.php lo instalamos y lo agregamos a los plugins de photshop para que se pueda abrir en el menú Filtros.

Para este tutorial les recomiendo primero practicar con la misma foto que yo uso para que les salga y así luego uds praktiken con la foto que quieran ok.

Primer paso hay que obtener tres copias de nuestra capa original se puede hacer oprimiendo CTRL + J (3 veces) hasta que se vean 4 capas

Algo así:

Luego seleccionamos la primer Capa (Fondo)

Tomamos la Herramienta Marco Rectangular y realizamos un pequeño marco en la parte inferior a lo largo de toda la imagen (Capa 1) que de todos modos se seleccionará en las 4 capas ok. Algo mas o menos así:

Después vamos a aplicar el filtro que acabamos de instalar y aparecerá en FILTRO ok.

Vamos a Almathera , Luego el filtro llamado A Puddle..

Y nos aparecerá una ventanita como esta :

Ustedes pueden ir modificando el valor de REFLECTION según la parte que quieran que se refleje en el caso de esta foto les recomiendo 405
Y los valores de DISPLACEMENT, LIGHTNING STRENGH y PERSPECTIVE tienen que darle valores para que en verdad parezca como un charco ok. La SCALE forzosamente tiene que ir a 80

Repetimos este paso otras 3 veces con cada Capa cambiando únicamente el valor de SCALE en 81. 82, y 83 para La Capa 1, 2,3 respectivamente (osea las copias de la capa original). Al terminar verán algo parecido a esto:

Ok. Ahora ya tenemos el charco de agua ahora proseguiremos a hacer la lluvia ok.

Primero deseleccionaremos el marco oprimiendo CTRL + D y proseguiremos a crear 4 nuevas capas y lo siguiente lo tenemos que hacer en cada capa sin copiarlo porque si no no sale ok. Ahora vamos a acabar con la nueva capa que seria la capa 5 así que solo dejamos el ojo de ver capa en esta capa para que veamos lo que va sucediendo entonces oprimimos la tecla D para que nuestros colores sean los originales blanco y negro y Vamos a Filtro > Interpretar > Nubes

Después de que aparezcan las nubes nos vamos a Filtro > Ruido > Añadir Ruido

Y le ponemos los valores anteriores en cantidad 400% , gaussiana y monocromatico ok.
Ahora iremos a Filtro > Desenfocar > Desenfoque de movimiento y ponemos estos valores de preferencia para que tenga esa direccion la lluvia ok

Le damos OK, y ahora pasaremos a ajustar los niveles, oprimiendo CTRL + L
Y damos los siguientes valores : (155 , 1.00, 255) y damos OK

Ahora vamos a opciones de fusion de capa y le damos la opcion TRAMA.

Ahora repetiremos ese paso otras 3 veces con cada Capa sin olvidar poner la opcion de fusion TRAMA. Ok
Para obtener algo parecido a esto :

Y Listo ese es nuestro efecto de lluvia, es bueno no , no soy un experto en Photshop al contrario apenas stoy aprendiendo, tambien se puede animar con el IMAGE READY y ahora les explico como

Teniendo la foto anterior de base seguimos en PHOTOSHOP y agregaremos con el pincel normal de diámetro de 1pixel y dureza al 100 % y color blanco puntitos simulando el lugar en donde caen las gotas de lluvia , Eso lo hacemos en cada Capa de Fotogragia ok para que se vea mejor.:

Lo hacemos esa con cada capa y su respectiva lluvia por ejemplo la CAPA FONDO con la CAPA 2, La CAPA 1 con la CAPA 3, la CAPA 1 COPIA con la CAPA 4 y asi ok

Y ahora pasaremos a IMAGE READY ok, oprimiendo SHIFT + CTRL + M

Y nos vamos a Menu Ventana > Capas , y Menu Ventana > Animación
Después en ANIMACION creamos 3 nuevas capas de animación ok

Después solo seleccionamos en cada ventana una capa y un fondo de lluvia para que parezca que esta lloviendo por ejemplo en la No. 1 le pondremos el ojita a FONDO y a CAPA 2

Y en la No 2 ^ seleccionaremos CAPA 1 con CAPA 3

Y Para terminar con Las 4 le picamos PLAY y como resultado obtendremos una imagen gif animada con lluvia ok

Efecto Final Lluvia

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 19/07/2007  SCAMARO escribió:
buen tutorial, gracias por compartir tus conocimientos pondre en practica este trabajo bye

 Fecha: 19/07/2007  FRANCOMAGIL escribió:
esta muy interesante el tuto

 Fecha: 20/07/2007  JUANES12 escribió:
esta interesante lo are y estare practicando se aprende mucho de los tutoriales y estare ams enganchado en la web

 Fecha: 20/07/2007  BLACKBOY escribió:
esta muy bien el tuto, le e echo y m kdo chevere

 Fecha: 20/07/2007  PALESTINO escribió:
esta muy interesante el tuto nomas un detalle es ke kon el cielo despejado no kreo ke llueba en ese lugar xD ai ke kubrir esos detalles ke el cielo o la foto se vea komo ke esta nublado salu2!

 Fecha: 23/07/2007  HANNIBAL escribió:
Exlecente tuto ,Palestino te preguntas kon ke cielo despejado llueve ... Solo en Photoshop. ;-)

 Fecha: 26/07/2007  DELPRADO escribió:
AY DEMASIADA LUZ, NO VEO NUBES, NI CIELO DESPEJADO, DESDE CUANDO LLUEVE ASI, NO IMPORTA GRACIAS ERES BUENO PANA

 Fecha: 01/08/2007  OSCAR J escribió:
muy bueno gracias por compartirlo personalmente me sirve mucho ya que estudio animacion y esta sencillo para usarlo en la edicion de nuevo gracias y felicitaciones oskar

 Fecha: 02/08/2007  PATERA escribió:
una pena que ese plugin no lo haya para el sistema operativo Mac OS X. gracias de todas maneras.

 Fecha: 02/08/2007  MCNADIE escribió:
Muy buen tutorial, felicitaciones. Mc.

 Fecha: 02/08/2007  ROGERRAB escribió:
Me parecio buenisimo por la falta de oscuridad no t preocupes ya que aqui en Venezuela a veces llueve inclusive con sol Saludos Rogerrab Venezuela

 Fecha: 07/08/2007  CAIO129 escribió:
muy bueo pero como lo guardo para k sea GIF?

 Fecha: 17/08/2007  OSKARNAVA escribió:
Tienen razon por el comentario de luz y eso pero ps uds pueden adaptarlo con fondos oscuros o algo asi,, para pasarlo a gif puedes abrirlo en un link ke viene en image rady y te lo abre en mozilla firefoz y asi le pikas guardar y ya ok SALUDOS

 Fecha: 03/10/2007  SANDO2006 escribió:
Excelente tutorial, bien detallado el mismo

 Fecha: 21/11/2007  PACKO07 escribió:
esta chido como lo guardo para que sea GIF?

 Fecha: 31/01/2008  LEAN623 escribió:
wow la primera vez que lo vi me parecio que no me hiba a salir, eso fue ayer hoy me decidi a acerlo y me salio de entrada! gracias por este simple pero exelente tutorial. Jonathan

 Fecha: 11/03/2008  CHICE escribió:
HOLA MUY BUEN TUTO BUENO ME SALIO TODO SOLO Q NOC COMO GUARDARLO PARA Q SEA UN GIF :( LEI X HAY Q C TIENE Q ABRIR EN UNM LINK PERO CUAL???? AYUNDENME PORFAAAA......GRACIAS.. :)

 Fecha: 11/05/2008  SOOLXD escribió:
waa ayudenme, ya descargué los plugins pero nO c qmo instalaRlOzs :/

 Fecha: 28/06/2008  YZAK escribió:
Para guardar el proyecto en formato GIF. Estando en la ventana del ImageReady, clic en el menú ARCHIVO, opcion GUARDAR OPTIMIZADA COMO.

 
© Copyright 2001 - 2009
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.