Cours 6¶
De Illustrator à After Effects¶
Comment importer vos image de Illustrator pour les animer dans After Effects? Voici les 6 étapes
Dans Illustrator
- 1 Séparer les éléments à animer sur des calques individuels ( Séparer des calques animés )
- 2 "Décomposer en calques" Si tout est sur un seul calque, sélectionnez ce calque, ouvrez le menu du panneau Calques (icône menu en haut à droite) et choisissez Décomposer en calques (séquence).
- 3 Extraire les sous-calques : Après la décomposition, les éléments restent des "sous-calques". Vous devez impérativement les glisser-déposer en dehors du calque parent pour qu'ils deviennent des calques principaux.
- 4 Nommer vos calques. Nomenclature des calques
Dans After Effects
- 5 Importer le fichier par Fichier > Importer > Fichier (ctrl+i), ou glicer le fichier.
- 6 Dans le menu "Importer sous", choisissez Composition - Conserver les tailles de calque.
Demo
Le couteau suisse
Ajuster le vectoriel, vérifier la cohérence des positions et anticiper l'animation
Synchronisation avec l'effet sonore
Gestion des calques Illustrator dans After Effects¶
Clic droit > Remplacer le métrage > Fichier (choisir le fichier Illustrator) : ça devrait régler beaucoup de cas de figure.
Liens manquants (Ex: fichié renommé ou déplacé)
Modifications Illustrator post-importation
Modifier le nom d'un calque Illustrator post-importation
Conversion calque illustrator en calque de forme
Dans le panneau montage, clic-droit > Créer > Créer des formes à partir du calque vectoriel.
Audio¶
Marqueurs¶
Pour la synchronisation de l'audio avec l'animation, il est très utile d'utiliser des marqueurs. Pour en ajouter, cliquez : Calque > Marqueurs > Ajouter un repère. Ainsi, même lorsque tous les calques sont réduits, on peut toujours visualiser où se situent les repères afin syncroniser les animations et les sons ponctuels.
Exportation vidéo¶
Diffusion web et réseaux sociaux
Format : H.264 puis "YouTube 1080p Full HD" ou "Vimeo 1080p Full HD"
Qualité professionnelle avec compression
Format : Quicktime puis Apple ProRes 422 / 4444 (idéal pour montage et étalonnage)
Archivage haute qualité
Format : Quicktime puis CineForm ou DNxHR/DNxHD (Haute qualité, mais fichiers lourds)
Préréglage : "GoPro CineForm YUV 10 bits" ou "DNxHR HQX 10-bit"
Effets et code¶
Voici quelques effets intéressants qui s'animent avec du code! essayer
Pour ajouter une boucle en code:
📁 Loop Out Ping pong
Pour plier et annimer:
📁 Bend it Ex. arbre au vent
📁 Onde progressive Ex. Drapeau au vent
Pour créer des traits animés:
📁 Réduire les tracés Ex. Goutte
📁 Goutte Loop Out
Typographie cinétique¶
La typographie cinétique ( kinetic typography) est une technique d’animation impliquant la présentation dynamique d’un texte, souvent associée à un son ou à des vidéos musicales, afin de transmettre ou de renforcer un message.
Elle utilise le mouvement, la taille, les changements de couleur et d’autres effets visuels pour ajouter une couche de sens et d’émotion aux mots écrits.
Il s’agit d’une méthode populaire dans les films, les publicités et les présentations vidéo pour capter l’attention et accroître l’engagement du public.
20 inspirations de typographies cinétiques très intéressantes¶
Les meilleures typographies cinétiques : 20 exemples à voir absolument
Feuilleter l'œuvre complète
Pinterest: kinetic typography in motion design
Feuilleter l'œuvre complète
Animer le texte dans After Effects¶
Animation manuelle
Dans le panneau de montage (timeline), sélectionnez le calque texte à animer. Clic-droit sur celui-ci.
Dans le menu du haut Animation > Animer texte et sélectionnez une propriété animable parmi celles présentées.
Ou encore dans la timeline, développez le calque texte, vous verez un bouton "Animer "
Animations prédéfinies
Dans la panneau Effets et paramètres prédéfinis > Animations prédéfinis > Text, vous trouverez une grande variété d'effets d'animation de texte classés par type d'effet.
Les bases de l'animation de la typo
Modes de fusion¶
Les modes de fusion des calques contrôlent la manière dont chaque calque se fond avec les calques qu’il recouvre.
Modes de fusion (blending modes) dans After Effects
Pour accéder aux modes de fusion1, sélectionner un calque. Si la colonne des modes de fusion n’est pas visible : Cliquez sur le bouton Agrandir ou réduire le panneau Mode de fusion (ou simplement F4).
📁 Tutoriel: fusion pour typographie
Exercices¶
Exercice - After Effects
Typography audacieuse