2. Préparer, animer, exporter un fichier¶

objectifs¶

Être capable de préparer un fichier Illustrator pour After Effects
Être capable d’importer un fichier illustrator pour export avec bodymovin
Être capable d’animer avec des expressions simples
Être capable d’exporter un fichier JSON avec BodyMovin
Être capable d’afficher son travail dans le navigateur

Prérequis¶

Adobe Illustrator
After Effects
BodyMovin
serveur local (activité précédente)
modèle de base (activité précédente)

Fichier de travail¶

A. Préparation avec Illustrator¶

Ici, vous devez simplement ranger le fichier en créant des calques nommés.

B. Import avec After Effects¶

Importez comme composition
Convertissez les calques illustrator en formes

Voir aussi

Voir Préparer et importer un fichier pour BodyMovin.

C. Animation avec After Effects¶

Utilisez la propriété rotation et une expression pour faire une boucle de rotation

Rappelez-vous qu’un tour complet = 360° et que diviser time par thisComp.duration donne un nombre entre 0 et 1.

D. Export en JSON¶

Voir aussi

Exporter avec BodyMovin

E. Affichage dans le navigateur¶

En vous aidant de l’activité précédente, et de ses fichiers de travail, affichez votre animation dans le navigateur.