Dessin et animation à l’aide de contours d’épaisseur variable
Apprenez, dans ce tutoriel, à dessiner et à animer des contours d'épaisseur variable dans Adobe Animate.
Publié le
Adobe Flash Professional a été rebaptisé Animate. Toutes les fonctionnalités présentées ici sont désormais disponibles dans Animate.
[train simple - Centre de formation agréé] [Cette vidéo est un extrait de la formation Flash CC HTML5 Workflows de trainsimple.com] La création de tracés expressifs dans Flash n'a jamais été facile.
Heureusement, Adobe vient d'ajouter l'outil Épaisseur.
Si vous connaissez Adobe Illustrator, c'est exactement le même outil.
Avec l'outil Épaisseur, on peut ajouter des points à un tracé afin de contrôler son épaisseur.
Je vais vous montrer comment cela fonctionne.
Pour commencer, en bas du scénario, j'insère un nouveau calque que je nomme « line ».
Ensuite, je sélectionne l'outil Ligne.
Une fois l'outil Ligne sélectionné dans le panneau Propriétés, je choisis une couleur de trait.
Je peux aussi spécifier une épaisseur de trait.
J'indique une épaisseur de 2 pour plus de visibilité.
Le menu Style n'a pas changé.
La nouveauté, c'est ce menu Épaisseur : il contient tous les profils d'épaisseur prédéfinis.
Ici, je vais utiliser le profil par défaut, Uniforme, qui ne change rien fondamentalement.
Il va juste créer une ligne uniforme.
Je place le curseur sur la scène, puis je clique et je fais glisser pour tracer une ligne.
Cette ligne est uniforme, mais pour modifier son épaisseur à certains endroits, on peut désormais utiliser l'outil Épaisseur.
Une fois le tracé sélectionné, je choisis l'outil Épaisseur.
Quand j'approche le curseur du tracé, il se transforme en flèche avec un signe plus.
Le petit point blanc sous la pointe de la flèche est un indicateur.
Si je clique, j'ajoute un point d'épaisseur.
Je clique pour ajouter un point d'épaisseur.
En maintenant le bouton enfoncé, je fais glisser vers le bas, ce qui augmente l'épaisseur du tracé au niveau de ce point.
Je peux ajouter autant de points que nécessaire pour un tracé donné.
Ici, je vais en ajouter un en cliquant mais cette fois, je vais faire glisser vers le haut pour réduire l'épaisseur du tracé.
Pour supprimer un point d'épaisseur, il suffit de le sélectionner, puis d'appuyer sur Suppr ou Retour arrière.
Lorsqu'on déplace les poignées, l'épaisseur est modifiée uniformément.
Le haut et le bas s'élargissent tous les deux, mais il est possible de contrôler uniquement le haut ou le bas.
Pour ce faire, je maintiens la touche Option sur Mac ou Alt sur PC enfoncée, puis je clique et fais glisser.
Ainsi, je ne modifie que le bas du tracé, ici en tout cas.
Pour déplacer un point d'épaisseur, je clique dessus et je le fais glisser vers un nouvel emplacement.
Pour déplacer tous les points d'épaisseur, je maintiens la touche Maj enfoncée, puis je clique et fais glisser.
Les points d'épaisseur se déplacent alors tous ensemble.
J'obtiens ainsi une ligne très différente de celle du début.
Si le résultat me convient, je peux l'enregistrer comme profil d'épaisseur.
Je sélectionne la ligne avec l'outil Sélection.
À droite, le profil d'épaisseur a changé, il est nouveau.
Si je continue à modifier le tracé, l'aperçu se met à jour.
Pour enregistrer le profil, je clique sur le signe plus.
Voilà qui est fait.
Je donne un nom au profil.
Je clique sur OK et le profil est désormais disponible dans ce menu.
Le mieux reste encore de tester ces différents profils d'épaisseur variable pour voir à quoi ils ressemblent.
Certains profils prédéfinis conviendront peut-être.
Quoi qu'il en soit, il est assez facile de créer les siens.
Désormais, la création de ce pont est bien plus facile dans Flash.
Plus besoin de savoir tracer une belle courbe comme celle-ci.
Je sélectionne l'outil Ligne.
Je vérifie que le profil uniforme est sélectionné, puis je trace une ligne.
Ensuite, avec l'outil Sélection, je sélectionne la ligne et réduis un peu l'épaisseur.
Je vais la régler sur 1.
Ensuite, je place le curseur sur la ligne.
Une petite icône s'affiche sous le curseur de flèche.
Je clique et fais glisser vers le haut pour courber la ligne.
J'obtiens ainsi à peu près le même tracé.
Ensuite, je sélectionne l'outil Épaisseur.
J'ajoute un point d'épaisseur, puis je clique et fais glisser pour l'agrandir.
Au final, la reproduction de ce pont ne va poser aucun problème.
On peut ainsi créer des contours plus expressifs, mais aussi les animer.
Je vais vous montrer rapidement comment faire.
J'ai ici une forme avec un profil d'épaisseur.
En sélectionnant l'outil Épaisseur, j'accède aux points d'épaisseur.
J'affiche l'image 20 et j'insère une image-clé en appuyant sur F6, puis je clique sur ce point d'épaisseur pour le sélectionner.
Ensuite, je fais glisser les poignées vers l'intérieur pour réduire la largeur globale de la forme.
Voilà l'image 20, et voilà l'image 1.
Je fais un clic droit ou Ctrl+clic sur l'image 1, puis je choisis Créer une interpolation de forme.
Ensuite, si je lance la lecture en appuyant sur Entrée, je vois l'interpolation en bas.
Cela offre de nombreuses possibilités, de l'animation de personnages aux effets spéciaux.
On peut maintenant créer des profils d'épaisseur variable, et comme il s'agit de Flash, on peut aussi les animer. [train simple - formations technologiques abordables et complètes] [centre de formation agréé]
