Animation de tableau blanc - Dessiner le graphique du lion

• Mai 17, 2024

Maintenant que nous avons tous les graphiques de l'animation du tableau blanc Mygrafico importés et organisés dans Motion^R, nous pouvons commencer à construire la première partie de l'animation. Dans ce didacticiel, nous allons apprendre à dessiner un chemin de Bézier pour l'animation de la main, qui dessinera le dessin au trait à l'écran. Mais maintenant, le graphique main / bras flotte horizontalement sur l'écran.

1. Sélectionnez le graphique Main et tournez le bras jusqu'à ce qu'il soit en position de dessin sur l'écran. Vous souhaitez que le graphique soit légèrement en dessous du bord inférieur de l'écran, de sorte que l'extrémité du bras ne soit pas vue.
   
   À ce stade, lorsque vous sélectionnez le graphique Main, le point d'ancrage se trouve au centre du bras. Ce point d'ancrage suivra le long d'une trajectoire de mouvement pour animer la main / le bras. Nous ne voulons pas que le milieu du bras se déplace sur le dessin au trait, mais la pointe du crayon. Donc, nous avons besoin que ce point d'ancrage soit au-dessus de la pointe du crayon.
   
   
2. Avec la tête de lecture au début de la chronologie, sélectionnez le graphique Main et l'outil Point d'ancrage. Utilisez les flèches bleues et rouges pour déplacer le point d'ancrage sur la pointe du crayon.
   
   
3. Désactivez la visibilité des calques Texte, Visage, Couleur et Appel. Une fois que le bras a dessiné le dessin au trait, nous voulons qu'il se déplace un peu vers la droite et fasse une pause avant de recommencer à dessiner. Placez le graphique de la main à cet endroit.
   
   
4. Sélectionnez l'outil Bézier. Dans le HUD, définissez l'outil Beizer sur un remplissage nul, un contour (trait) de blanc (ou votre couleur d'arrière-plan) et une largeur 10. Avec l'outil Bézier, placez le premier point d'ancrage directement sur la pointe du crayon. Ensuite, tracez un chemin le long du contour de la crinière du lion. Toujours en dessinant le même chemin de Bézier, continuez à dessiner le chemin le long du contour du visage. Maintenant, ajoutez un point de Bézier supplémentaire au chemin où vous souhaitez que le bras s'arrête. Contrairement à Illustrator, n'essayez pas de fermer le chemin.
   
   
5. Pour définir le chemin, sélectionnez l'outil Sélectionner / Transformer. Vous devriez voir un nouveau calque de chemin de Bézier dans le volet Calques. Vous ne pourrez pas voir le chemin à l'écran car il est blanc mais il est là. Renommez le calque de chemin de Bézier en "Bezier_Lineart" car il s'agit du chemin de cette partie de l'animation. Faites glisser le calque Bézier_Lineart sous le calque graphique Hand.
   
   
6. Sélectionnez le calque graphique Main et ajoutez un comportement Chemin de mouvement (Bibliothèque - Comportements - Mouvement de base - Chemin de mouvement). Vous devriez voir un chemin droit attaché au bras à partir de la pointe du crayon.
   
   
7. Sélectionnez la trajectoire de mouvement dans le volet Calques. Dans l'inspecteur - Comportements - Trajectoire de mouvement - Forme de trajectoire, définissez la forme de trajectoire sur Géométrie. Dans cette même section de l'inspecteur, décochez la case de l'option Attacher à la forme. Faites glisser le chemin Bézier_Linéaire de son emplacement dans le volet Calques vers le puits Source de forme dans l'inspecteur (petite boîte sous le menu Forme de chemin).
   
   
8. Avec la tête de lecture toujours sur la première image, testez l'animation. Si le crayon ne suit pas directement le chemin, ajustez le point d'ancrage de la main au besoin.
   
   
9. Une fois que vous êtes satisfait de l'animation, travaillons sur la durée. Dix secondes, c'est trop lent. Sélectionnez à la fois la trajectoire de mouvement et les couches Bézier_Linear. Faites glisser le bord droit des deux calques sur environ 2 secondes (02:00) sur la timeline.
   
   

Sauvegardez votre travail.

//www.mygrafico.com/

Instructions Vidéo: WHAT THE CUT (ANIMATION) (Mai 2024).