Chemins de mouvement Flash CS6

• Mai 10, 2024

Dans le dernier Flash^R Tutoriel CS6, nous avons créé une animation Motion Tween simple qui a déplacé un objet le long d'une ligne droite. Maintenant, nous allons modifier l'animation pour déplacer l'objet le long d'une ligne courbe.

Nous avons déjà discuté du petit changement de l'interpolation pour le Motion Tween mais nous n'avons pas jeté un coup d'œil à la scène. Comme vous pouvez le voir, nous avons une ligne droite pointillée verte qui s'étend de la position de départ à gauche à la position de fin à droite de l'animation. C'est ce qu'on appelle la trajectoire de mouvement de l'animation.

Lorsque vous travaillez avec Motion Tweens, il est facile de modifier cette trajectoire de mouvement. Essayons.

1. Avec l'outil Sélection, placez votre curseur à côté de la ligne verte et au centre du chemin.
   
   Vous verrez le curseur se transformer en flèche avec une petite ligne courbe.
   
   
2. Faisons la courbe du chemin vers le haut. Cliquez sur le centre du chemin et faites glisser vers le haut jusqu'à ce que la ligne se courbe.
   
   
3. Déplacez la tête de lecture sur la timeline et vous verrez que le carré se déplace le long du chemin incurvé.
   
   C'est le bon moment pour tester notre animation.
   
   
4. Dans la barre de menus, cliquez sur Contrôle - Tester l'animation - Dans Flash Professional.
   
   Cela ouvrira notre animation dans Flash Player. Vous devriez voir que le carré se déplace le long du chemin incurvé. L'animation va boucler (lecture en continu) car nous ne lui avons pas dit de s'arrêter à la fin. Fermez Flash Player et revenez à l'espace de travail.
   
   À ce stade, le carré se déplace le long de la trajectoire courbe mais le carré ne tourne pas. Il reste au niveau du bas de la scène tout au long de l'animation. Nous pouvons ajouter un peu d'intérêt à l'animation en faisant tourner le carré pendant qu'il se déplace le long du chemin.
   
   Nous voulons que le carré soit au niveau du bas de la scène lorsque l'animation démarre et pivote progressivement le long du chemin. Nous devons donc changer la position finale de l'animation.
   
   
5. Sélectionnez l'image 50, puis choisissez l'outil Transformation libre dans le panneau Outils.
   
   Vous verrez une ligne noire avec huit points de contrôle autour du carré.
   
   
6. Dans la barre de menus, cliquez sur Modifier - Transformer - Mettre à l'échelle et faire pivoter.
   
   
7. Dans la boîte de dialogue Echelle et rotation, définissez la valeur de rotation sur 120 degrés et cliquez sur OK.
   
   
8. Déplacez lentement la tête de lecture le long de la timeline et vous verrez le carré tourner le long du chemin.
   
   

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 [des] marque (s) d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Comment animer un Avion avec After Effects (Mai 2024).