Facebook Twitter RSS Reset

[Tutorial] Efecto de “animación de lluvia” en Photoshop

[Tutorial] Efecto de

[Tutorial] Efecto de GIF

Saludos Linces, hoy les voy a mostrar como se hace el efecto de animación de lluvia en photoshop. Es muy sencillo, solo tienen que seguir los pasos.



COMENCEMOS

Lo primero que vamos a hacer una vez que tenemos abierta la imagen en Photoshop, es crear una nueva capa vacia y la rellenamos de color blanco. A continuación nos vamos a “filtro / ruido / añadir ruido”. (Ver imagen).

[Tutorial] Efecto de

Ponemos el valor a tope y seleccionamos la opción monocromático. (Ver imagen).

[Tutorial] Efecto de

Ahora estiramos de las esquinas para aumentar el tamaño de esta capa. Esto nos dará el margen de dimensiones para luego crear la animación. (Ver imagen).

[Tutorial] Efecto de

Perfecto. Ahora vamos a crear la lluvia. Para ello nos vamos a “filtro / desenfocar / desenfoque de movimiento”. (Ver imagen).

[Tutorial] Efecto de

Le damos el valor del ángulo o dirección de la lluvia y la distancia para alargar el ruido haciendo efecto de gotas largas. (Ver imagen).

[Tutorial] Efecto de

Ahora vamos a marcar y dispersar las gotas de lluvia. Nos vamos a “imagen / ajustes / niveles”(Ver imagen).

[Tutorial] Efecto de

Y desplazamos los valores como en la imagen. (Ver imagen).

[Tutorial] Efecto de

Hay que hacer desaparecer el color negro, así que ponemos el modo de fusión de esta capa en “trama” y quedarán visibles solo las gotas de lluvia. (Ver imagen).

[Tutorial] Efecto de

Desplegamos la ventana “Línea de tiempo” desde la parte superior “ventana / línea de tiempo” o desplegando la pestaña de la parte inferior del programa.(Ver imagen).

[Tutorial] Efecto de
[Tutorial] Efecto de

Nos colocamos en la capa de la lluvia y colocando el marcador de posición de tiempo al principio de lo que va a ser nuestra animación creamos un keyframe de posición. (Ver imagen).

[Tutorial] Efecto de

Avanzamos hasta el tiempo de duración final que queremos, desplazamos hacia abajo la capa de la lluvia y creamos otro keyframe haciendo click en el icono de keyframe a lado de posición, si no se nos ha creado solo al mover la capa hacia abajo. (Ver imagen).

[Tutorial] Efecto de

Como no queremos que dure más que hasta donde hemos colocado el segundo keyframe, acortamos la capa desplazando el final hacia la izquierda hasta el último keyframe. (Ver imagen).

[Tutorial] Efecto de

Ahora solo nos queda exportar nuestra animación. Lo pueden hacer desde “Archivo/ Exportar para Web” y listo. Ya tienen un Gif animado con Animación de lluvia.

A parte de esto pueden jugar con esta técnica para otro tipo de efectos que también están muy buenos

ESPERO QUE LES HAYA SERVIDO
[Tutorial] Efecto de GIF

[Tutorial] Efecto de

No comments yet.

Leave a Comment