Repetición de animación en movimiento

• Abril 24, 2024

Hay varios métodos para repetir un comportamiento en Apple Motion. Pero si desea un control completo sobre la animación, puede construirla usando fotogramas clave y la línea de tiempo y hacer un ciclo / repetir la animación usando el Editor de fotogramas clave. Recorramos los pasos.

Construiremos una animación Bokeh simple usando 5 círculos, que controlaremos individualmente en la línea de tiempo. Ya tenemos una imagen de fondo para la animación, que es un gráfico de publicación de Instagram de 1080 x 1080 px, que utilicé para anunciar una publicación sobre Adobe Spark. La foto, el rectángulo rojo y el texto blanco se aplanaron e importaron a Motion. La foto tiene un área pequeña de Bokeh, que mejoraremos con nuestra animación.

Abra Motion 5 y comencemos.

1. Inicie un nuevo proyecto con la siguiente configuración (ver captura de pantalla).
   
   Preestablecido: Personalizado
   Resolución: 1080 x 1080 píxeles
   Orden de campo: Predeterminado - Superior primer impar
   Relación de aspecto: cuadrado
   Velocidad de fotogramas: 30 fps
   Duración: 3:00
   Código de tiempo
   
   
2. Con la cabeza lectora en el primer fotograma, haga clic en Archivo - Importar y elija la imagen de fondo. La imagen debe abarcar toda la línea de tiempo. Cambie el nombre del grupo predeterminado a "arte".
   
   Los círculos de Bokeh en la imagen son blancos y rojos. Esos son los colores que usarán, dando la apariencia de que nuestra animación es realmente parte de la foto "cobrando vida".
   
   
3. Con la herramienta Círculo y manteniendo presionada la tecla Mayús, dibuja un círculo del mismo tamaño que el círculo en Bokeh en la foto (ver captura de pantalla).
   
   
4. Seleccione la pestaña Forma en el Inspector.
   
   
5. Marque la casilla junto a Relleno y configure el cuadro Color de relleno en blanco.
   
   
6. En la sección Esquema, configure el Color del pincel en blanco, el Ancho de 3 a 15 y la Opacidad del pincel de 40 a 50%. Esto suavizará el borde del círculo (ver captura de pantalla).
   
   Ahora que tenemos la configuración de Forma como nos gusta, podemos construir la animación. Apagaremos y desvaneceremos tanto el Relleno como el Contorno de la forma usando la propiedad Opacidad.
   
   
7. Con el círculo aún seleccionado, vaya a la pestaña Propiedades.
   
   
8. Con la cabeza lectora en el primer cuadro de la línea de tiempo, haga clic en el icono de fotograma clave para la propiedad Opacidad Mantenga el control deslizante Opacidad establecido en 100% (ver captura de pantalla).
   
   Ahora desvaneceremos el círculo durante 1/2 segundo (15 cuadros).
   
   
9. Mueva el cabezal de reproducción al cuadro 15 y haga clic nuevamente en el icono de cuadro clave de opacidad en la pestaña Propiedades.
   
   
10. Mueva el control deslizante Opacidad a 0% para desvanecer el círculo.
    
    
11. Mueva el Playhead al cuadro 30 y agregue un fotograma clave. Establezca el control deslizante Opacidad nuevamente al 100% para desvanecerse en el círculo.
    
    Ahora, tenemos la animación de entrada / salida de desvanecimiento de 1 segundo (30 cuadros) básica, pero queremos que se repita durante los 3 segundos completos de la línea de tiempo. Usaremos el Editor de línea de tiempo para hacer esto.
    
    
12. Con el Playhead configurado en el último fotograma de nuestra animación (fotograma 30), haga clic derecho en el triángulo del fotograma clave y elija Mostrar en el Editor de fotogramas clave en el menú (ver captura de pantalla).
    
    
13. Verá el Editor de fotogramas clave abierto debajo de la línea de tiempo.
    
    
14. Haga clic en la flecha en la capa del círculo para abrir la propiedad Opacidad de fusión.
    
    
15. Haga clic en la flecha en el borde derecho de la capa Blending Opacity y elija After Last Keyframe - Repeat del menú (ver captura de pantalla).
    
    
16. Mueva el Playhead al cuadro 1 y pruebe la animación. El círculo debería parpadear tres veces.
    
    
17. Ahora, puede repetir el proceso para algunos círculos más. Establezca los fotogramas clave en la línea de tiempo en diferentes ubicaciones (ver captura de pantalla).
    
    Circle One: Frame 1 - Frame 15 - Frame 30
    Círculo dos: Cuadro 1 - Cuadro 40 - Cuadro 110
    Círculo tres: Cuadro 1 - Cuadro 25 - Cuadro 45
    Círculo cuatro: Cuadro 1 - Cuadro 12 - Cuadro 24
    Circle Five: Frame 1 - Frame 9 - Frame 18
    
    

Por lo general, obtengo los mejores resultados al exportar la animación de Motion como un archivo de video .mov. Luego, abra el archivo .mov en HandBreak para comprimir el archivo en un archivo .mp4 listo para cargar en Instagram.

Ver la publicación de Instagram

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: Cars: La repetición - Saltando por los aires | Disney Junior Oficial (Abril 2024).