Apprendre à Animer des Graphiques SVG

Animation d'une première version et détour par les outils d'interpolation
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Formation Cavalry - Le motion design génératif pour tous
Revoir le teaser Je m'abonne
3,0
Transcription

Cette leçon fait partie de la formation
49,00€ Paiement unique • Accès à vie Acheter cette formation

Formation incluse dans l'abonnement Elephorm


DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
49,00€ Paiement unique • Accès à vie Acheter cette formation

Formation incluse dans l'abonnement Elephorm


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.

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.

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.

Voir plus
Questions réponses
Comment peut-on animer un picto SVG dans une animation graphique?
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.
Quel est le rôle du lissage de vitesse dans l'animation?
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.
Pourquoi utilise-t-on un masque dans l'animation d'un picto SVG?
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.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Gilbur
Il y a 1 mois
Je suis assez dubitatif sur cette formation. Sans (re)lancer ici l'éternel débat (insoluble ?) sur l'Art et la technique, je dois dire ma déception. De mon point de vue, qu'elle soit primaire ou élaborée, la seconde n'est qu'au service du premier. Hélas, cette formation semble émaner d'un technicien et visiblement pas d'un artiste. Autrement dit : si les explications sont détaillées et semblent pertinentes d'un point de vue strictement technique, elles s'appuient sur des exemples d'une telle indigence (en termes artistiques) que je me demande à qui cette formation peut faire envie. Tout cela m'a vite fatigué. Je le regrette d'autant plus que Cavalery semble un outil très élaboré et que le formateur s'est assurément donné de la peine. Mais qu'il me pardonne... je l'invite à (re)voir le clip publicitaire d'Alpha Romeo "Vendez-moi cette voiture" qui exprime avec malice et bien plus élégamment tout ce que je viens de dire. Sans rancune, j'espère !