Répéter l'animation en mouvement

• Mai 18, 2024

Il existe plusieurs méthodes pour boucler un comportement dans Apple Motion. Mais si vous voulez un contrôle complet sur l'animation, vous pouvez la créer à l'aide d'images clés et de la chronologie et boucler / répéter l'animation à l'aide de l'éditeur d'images clés. Passons en revue les étapes.

Nous allons construire une simple animation Bokeh en utilisant 5 cercles, que nous contrôlerons individuellement dans la timeline. Nous avons déjà une image de fond pour l'animation, qui est un graphique de post Instagram 1080 x 1080 px, que j'ai utilisé pour annoncer un post sur Adobe Spark. La photo, le rectangle rouge et le texte blanc ont été aplatis et importés dans Motion. La photo a une petite zone Bokeh, que nous améliorerons avec notre animation.

Ouvrez Motion 5 et commençons.

1. Démarrez un nouveau projet avec les paramètres suivants (voir capture d'écran).
   
   Préréglage: personnalisé
   Résolution: 1080 x 1080 pixels
   Ordre des champs: Par défaut - Première impaire supérieure
   Rapport d'aspect: carré
   Fréquence d'images: 30 ips
   Durée: 3h00
   Timecode
   
   
2. Avec la tête de lecture sur la première image, cliquez sur Fichier - Importer et choisissez l'image d'arrière-plan. L'image doit couvrir toute la timeline. Renommez le groupe par défaut en "art".
   
   Les cercles Bokeh dans l'image sont blancs et rouges. Ce sont donc les couleurs qui seront utilisées, donnant l'impression que notre animation fait vraiment partie de la photo "prenant vie".
   
   
3. Avec l'outil Cercle et en maintenant la touche Maj enfoncée, dessinez un cercle de la même taille que le cercle dans le Bokeh sur la photo (voir capture d'écran).
   
   
4. Sélectionnez l'onglet Forme dans l'inspecteur.
   
   
5. Cochez la case en regard de Remplir et définissez la zone Couleur de remplissage sur blanc.
   
   
6. Dans la section Contour, définissez la couleur du pinceau sur blanc, la largeur sur 3 à 15 et l'opacité du pinceau sur 40 - 50%. Cela adoucira le bord du cercle (voir capture d'écran).
   
   Maintenant que nous avons les paramètres de forme que nous voulons, nous pouvons créer l'animation. Nous allons fondre à la fois le remplissage et le contour de la forme à l'aide de la propriété Opacity.
   
   
7. Le cercle étant toujours sélectionné, accédez à l'onglet Propriétés.
   
   
8. Avec la tête de lecture sur la première image de la chronologie, cliquez sur l'icône Image clé de la propriété Opacité. Gardez le curseur Opacité réglé à 100% (voir capture d'écran).
   
   Nous allons maintenant estomper le cercle sur 1/2 seconde (15 images).
   
   
9. Déplacez la tête de lecture sur l'image 15 et cliquez à nouveau sur l'icône Image clé d'opacité dans l'onglet Propriétés.
   
   
10. Déplacez le curseur Opacité sur 0% pour estomper le cercle.
    
    
11. Déplacez la tête de lecture sur l'image 30 et ajoutez une image clé. Réglez le curseur Opacité sur 100% pour un fondu dans le cercle.
    
    Maintenant, nous avons une image clé d'animation de fondu d'entrée / sortie de 1 seconde (30 images) mais nous voulons qu'elle se répète pendant les 3 secondes entières de la timeline. Nous allons utiliser l'éditeur de chronologie pour ce faire.
    
    
12. Avec la tête de lecture définie sur la dernière image de notre animation (image 30), cliquez avec le bouton droit sur le triangle d'images clés et choisissez Afficher dans l'éditeur d'images clés dans le menu (voir capture d'écran).
    
    
13. Vous verrez l'éditeur d'images clés ouvert sous la timeline.
    
    
14. Cliquez sur la flèche du calque de cercle pour ouvrir la propriété Opacité de fusion.
    
    
15. Cliquez sur la flèche sur le bord droit du calque Opacité de fusion et choisissez Après la dernière image clé - Répéter dans le menu (voir capture d'écran).
    
    
16. Déplacez la tête de lecture sur l'image 1 et testez l'animation. Le cercle devrait clignoter trois fois.
    
    
17. Maintenant, vous pouvez répéter le processus pour quelques cercles supplémentaires. Définissez les images clés sur la timeline à différents emplacements (voir capture d'écran).
    
    Cercle un: image 1 - image 15 - image 30
    Cercle deux: image 1 - image 40 - image 110
    Cercle trois: image 1 - image 25 - image 45
    Cercle quatre: image 1 - image 12 - image 24
    Cercle cinq: image 1 - image 9 - image 18
    
    

J'obtiens généralement de meilleurs résultats en exportant l'animation de Motion en tant que fichier vidéo .mov. Ensuite, ouvrez le fichier .mov dans HandBreak pour compresser le fichier dans un fichier .mp4 prêt à être téléchargé sur Instagram.

Voir la publication Instagram

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie et Mac sont des marques d'Apple Inc., déposées aux États-Unis et dans d'autres pays. CoffeBreakBlog est une publication indépendante et n'a pas été autorisée, sponsorisée ou autrement approuvée par Apple Inc. Captures d'écran utilisées avec permission.

Instructions Vidéo: "L'art des studios d'animation "Walt Disney le mouvement par nature "exposition"???? (Mai 2024).