CATALOGUE Vidéo Formation Cavalry Formation Cavalry - Le motion design génératif pour tous

Apprendre à Animer des Graphiques SVG

Retour à la formation
Chapitre 4 Leçon 2
Précédent
Suivant

Explorez l'art d'animer un picto SVG en le faisant apparaître et disparaître dans un cercle à l'aide d'images clés et de masques évolués.

Détails de la leçon

Description de la leçon

Dans cette vidéo, nous vous enseignons comment animer un picto SVG à l'aide de techniques avancées d'interpolation et de masques. Vous apprendrez à ajuster des attributs tels que la position, la rotation, et l'échelle pour créer des animations fluides et dynamiques. Le projet consiste à faire apparaître un avion dans un cercle et à l'utiliser pour démontrer l'animation par interpolation. Nous expliquons en détail comment créer des images clés pour positionner l'avion et comment assurer une transition fluide en utilisant le lissage de vitesse via un éditeur graphique. De plus, nous aborderons comment faire loop des animations pour qu'elles se reproduisent indéfiniment et comment appliquer des oscillateurs pour donner un effet de respiration à l'ellipse entourant l'avion. Cette leçon est idéale pour ceux qui souhaitent approfondir leurs compétences en animation dans des logiciels comme Cavalry ou After Effects.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'enseigner comment animer un picto SVG, comprendre l'usage des images clés pour l'interpolation, et appliquer des techniques de looping et de lissage de vitesse pour créer des animations attrayantes.

Prérequis pour cette leçon

Avant de visionner cette vidéo, il est recommandé d'avoir une connaissance de base en logiciels d'animation et en manipulation de graphiques SVG. Une expérience préalable avec des concepts d'animation sera également utile.

Métiers concernés

Les compétences acquises dans cette vidéo peuvent être appliquées dans des professions telles que designer graphique, animateur multimédia, et développeur web spécialisé en interfaces dynamiques.

Alternatives et ressources

Parmi les alternatives logicielles pour réaliser ce type d'animation, nous pouvons mentionner Adobe After Effects, Blender pour l'animation 3D, et Synfig Studio pour une solution open source.

Questions & Réponses

On peut animer un picto SVG en utilisant des images clés pour contrôler les attributs de position, rotation et échelle. En ajustant ces paramètres, le picto peut être animé pour suivre une trajectoire spécifique.
Le lissage de vitesse permet d'ajouter des accélérations ou des décélérations aux mouvements d'animation, créant ainsi des transitions plus fluides et naturelles entre les poses clés.
Un masque est utilisé pour contrôler la visibilité d'un objet ou d'une partie d'objet dans une animation, permettant ainsi de faire apparaître ou disparaître le picto dans un espace délimité comme un cercle.