Proyecto de Comportamientos de Animación en Movimiento

• Abril 29, 2024

Ahora que hemos importado nuestro Photoshop en capas^R imagen en nuestro movimiento^R proyecto, estamos listos para crear una animación de luces parpadeantes. Dibujaremos algunos círculos de colores que luego animaremos a parpadear utilizando comportamientos de movimiento.

Ya tenemos un buen efecto Boken en nuestro gráfico de fondo, pero es estático. Sería bueno agregar una animación sutil. Después de probar el sistema de partículas Bokeh preestablecido de Motion, decidí que la animación era demasiado. Entonces, decidí superponer algunos círculos de colores, haciendo coincidir el color de la luz a continuación. Luego, al agregar el Filtro de resplandor, los comportamientos FadeIn / FadeOut y Grow / Shrink, tenemos una agradable animación de parpadeo sutil.

1. Mueva el cabezal de reproducción al comienzo de la línea de tiempo y cambie el nombre de la capa de grupo a 'Luces'.
   
   
2. Con la capa Luces seleccionada, use la herramienta Círculo para dibujar un círculo sobre una de las luces Bokeh. Obtendrá una nueva subcapa llamada Círculo debajo de la capa Luces. Cambie el nombre de esta capa a 'Círculo 1'.
   
   Queremos que la luz parpadee una vez durante 1 segundo en la línea de tiempo.
   
   
3. Arrastre el borde derecho de la capa Circle 1 hacia la izquierda en la línea de tiempo hasta que termine en la ubicación de 1 segundo.
   
   Por defecto, el nuevo círculo es blanco. Cambiemos el color para que coincida con la luz debajo.
   
   
4. Con la capa Círculo 1 aún seleccionada, vaya a Inspector - Forma y cambie el color del círculo para que coincida con el color de la luz debajo.
   
   
5. Para suavizar el borde del círculo, establezca el parámetro Feather en 5.0.
   
   Ahora agreguemos el primer comportamiento que es el comportamiento FadeIn / FadeOut.
   
   
6. Con el Círculo 1 aún seleccionado, vaya a Biblioteca - Comportamientos - Movimiento básico - Fade In / Fade Out. Haga clic en este comportamiento y luego haga clic en el botón Aplicar. Verá el comportamiento FadeIn / FadeOut agregado como una subcapa a la capa Circle 1.
   
   Reproduzca la animación y debería ver que el círculo se desvanece dentro y fuera, como si la luz Bokeh estuviera parpadeando. Agreguemos otro comportamiento a la capa Circle 1. El comportamiento Grow / Shrink debería agregar más realismo a la animación.
   
   
7. Con la capa Círculo 1 seleccionada, vaya a la Biblioteca - Comportamientos - Movimiento básico - Crecer / Reducir. Haz clic en el botón Aplicar. Debería ver la capa de comportamiento Crecer / Reducir agregada sobre el primer comportamiento.
   
   

Ejemplo de tutorial:


Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie y Mac son marcas comerciales de Apple Inc., registradas en los EE. UU. Y otros países. CoffeBreakBlog es una publicación independiente y no ha sido autorizada, patrocinada ni aprobada por Apple Inc. Capturas de pantalla utilizadas con permiso.

Instrucciones De Vídeo: Tutorial Motion 5: Animación con behaviors de simulación, de forma, etc... (Abril 2024).