Aprende a animar un degradado.

Ahora, inténtalo tú

1. Descarga el archivo de práctica y abre “animated-gradient.psd” en Photoshop.

 

2. Selecciona la capa llamada “Degradado” en el panel de capas y haz clic en el icono del ojo para hacer visible la capa. Haz lo mismo con la cama llamada “Color de relleno 1”.

Close up of man's face and hair showing Select and Mask, the background is now showing as red

Crea un degradado

3. Teniendo seleccionada la capa Degradado, selecciona la herramienta Pincel (B) y establece el color del pincel en cian (# 4befff).

An image of a flower has been added over the man's face

 

4. Haz clic en el selector de valor del Pincel para configurar el grosor del pincel. Establece el valor de tamaño en 1000 px. Y asegúrate de haber seleccionado un cepillo suave > establece la dureza en 0 %.

Properties, View Mode is displayed and the flower is now to the side of the man's face

 

5. Pasa el pincel con color cian alrededor del rosa haciendo clic en el pincel (se verá un gran círculo) en la parte inferior izquierda y haz un movimiento semicircular hacia la parte superior derecha.

The man's face is now surrounded by two sets of flowers, and Layers > Curves is displayed

 

6. Mantén pulsada la tecla Mayús y haz clic en la capa Degradado y en la capa Azul. Con ambas capas seleccionadas, selecciona Capa > Objetos inteligentes > Convertir a objeto inteligente. Ahora ambas capas están combinadas en la capa Degradado.

 

7. Haz clic con el botón derecho en la capa Degradado y selecciona Crear máscara de recorte para vincular el degradado al texto. Ahora el degradado está dentro del texto “Light&Lut”.

Anima el degradado

8. Abre la ventana Línea de tiempo con la que crear animaciones en una línea de tiempo seleccionando Ventana > Línea de tiempo.

 

9. Teniendo seleccionada la capa Degradado, ve a Edición > Transformación libre para abrir Transformación libre. También puedes usar Control+T (Windows) o Comando+T (macOS). 

 

10. Amplía el degradado. Pulse Intro/Retroceso para confirmar los cambios.

 

11. Haz clic en la flecha pequeña desplegable en Degradado en la ventana Línea de tiempo > se abre la capa y aparecen tres cronómetros.

 

12. Asegúrate que el cabezal de reproducción de la línea de tiempo esté establecido en la marca 00. Haz clic en el cronómetro de la propiedad Transformar para crear un fotograma clave de Transformar. El fotograma clave ahora aparece como un cuadrado amarillo (rombo).

 

13. Para crear una animación, se debe realizar una transformación en esa capa más adelante. Para ello: Avanza el cabezal de reproducción en la línea de tiempo hasta un punto entre 01:00 y 02:00. Añade un nuevo fotograma clave haciendo clic en el cuadrado (rombo) junto al cronómetro de transformación.

 

14. Ahora mueve el ratón junto al degradado. Cuando el ratón se convierte en un cursor con dos flechas, gira el degradado unos 45 grados y mueve el degradado un poco hacia arriba. Asegúrate de que el degradado cubra el texto en todo momento. Pulsa Intro/Retroceso para confirmar la transformación. 

 

15. Mueve el cabezal de reproducción hasta la marca 03:00. Ese es el final de la animación; crea el tercer y último fotograma clave haciendo clic de nuevo en el cuadrado (rombo) junto al cronómetro de transformación.

 

16. Ahora haz doble clic en el primer fotograma clave y elige Copiar.

 

17. A continuación, haz clic con el botón derecho en el último fotograma clave en la posición 03:00 y elige Pegar.

 

Como el primer y el último fotogramas clave coinciden en apariencia, obtendrás una animación en bucle perfecta.

 

18. Por último, haz clic en el icono del engranaje en el panel del menú de la línea de tiempo y asegúrate de que la marca de verificación esté establecida en Reproducir indefinidamente para crear un efecto de bucle.

 

19. Haz clic en Reproducir en las opciones de reproducción para probar la animación.  

The finished image of the man with flowers has been printed and framed, and is displayed on a table

 

¡Ya está! Ahora te toca a ti crear un degradado animado con Photoshop. Descarga los activos o utiliza los tuyos propios y comparte la animación en Facebook, Twitter e Instagram con #MadewithPhotoshop para obtener comentarios y conectar con otras mentes creativas.

Descargar mis activos de práctica

 

CONECTEMOS

 

Facebook: http://facebook.com/adobecreativecloud

Twitter: http://twitter.com/creativecloud

Instagram: http://www.instagram.com/adobecreativecloud

YouTube: https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q

Behance: https://www.behance.net/live
Únete a nuestras retransmisiones en directo con profesionales y proyectos de verdad en tiempo real, y encuentra inspiración.

¿Le ha servido de ayuda esta página?