Projet Comportements d'animation en mouvement

• Mai 10, 2024

Maintenant que nous avons importé notre Photoshop en couches^R l'image dans notre mouvement^R projet, nous sommes prêts à créer une animation de lumières clignotantes. Nous allons dessiner des cercles colorés que nous animerons ensuite pour clignoter en utilisant des comportements de mouvement.

Nous avons déjà un bel effet Boken dans notre graphique de fond mais c'est statique. Ce serait bien d'ajouter une animation subtile. Après avoir testé le système de particules Bokeh prédéfini de Motion, j'ai décidé que l'animation était trop. J'ai donc décidé de superposer quelques cercles colorés, assortis à la couleur de la lumière ci-dessous. Ensuite, en ajoutant le filtre Glow, les comportements FadeIn / FadeOut et Grow / Shrink, nous avons une belle animation clignotante subtile.

1. Déplacez la tête de lecture au début de la timeline et renommez la couche Group en «Lights».
   
   
2. Avec le calque Lumières sélectionné, utilisez l'outil Cercle pour dessiner un cercle sur l'une des lumières Bokeh. Vous obtiendrez un nouveau sous-calque nommé Cercle sous le calque Lumières. Renommez ce calque en 'Circle 1'.
   
   Nous voulons que la lumière clignote une fois sur 1 seconde sur la timeline.
   
   
3. Faites glisser le bord droit du calque Circle 1 vers la gauche sur la timeline jusqu'à ce qu'il se termine à l'emplacement de 1 seconde.
   
   Par défaut, le nouveau cercle est blanc. Changeons la couleur pour qu'elle corresponde à la lumière en dessous.
   
   
4. Le calque Cercle 1 étant toujours sélectionné, accédez à Inspecteur - Forme et changez la couleur du cercle pour qu'elle corresponde à la couleur de la lumière en dessous.
   
   
5. Pour adoucir le bord du cercle, définissez le paramètre Plume sur 5,0.
   
   Ajoutons maintenant le premier comportement qui est le comportement FadeIn / FadeOut.
   
   
6. Le cercle 1 étant toujours sélectionné, accédez à Bibliothèque - Comportements - Mouvement de base - Fondu entrant / sortant. Cliquez sur ce comportement et cliquez sur le bouton Appliquer. Vous verrez le comportement FadeIn / FadeOut ajouté en tant que sous-couche au calque Circle 1.
   
   Jouez l'animation et vous devriez voir le cercle apparaître et disparaître, comme si la lumière Bokeh clignotait. Ajoutons un autre comportement au calque Circle 1. Le comportement Agrandir / Réduire devrait ajouter plus de réalisme à l'animation.
   
   
7. Avec le calque Circle 1 sélectionné, accédez à Bibliothèque - Comportements - Mouvement de base - Agrandir / Rétrécir. Cliquez sur le bouton Appliquer. Vous devriez voir la couche de comportement Agrandir / Rétrécir ajoutée au-dessus du premier comportement.
   
   

Exemple de didacticiel:


Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

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: Les systèmes de transmission du mouvement (Mai 2024).