1. Origine
After Effects est né en 1993, dans les locaux de CoSA (Company of Science and Art) à Providence, Rhode Island. L'outil est conçu comme un logiciel de composition vidéo et d'effets spéciaux pour le marché de la post-production. Adobe le rachète dès 1994 et l'intègre à sa suite professionnelle, où il s'impose rapidement comme le standard de l'industrie pour le motion design, la publicité et le cinéma. En 2013, avec le passage à Creative Cloud, After Effects évolue en abonnement et intègre progressivement des fonctionnalités IA (Adobe Sensei, génération assistée). Son positionnement reste inchangé : c'est l'outil de référence pour les studios qui ont besoin d'un contrôle total sur les animations et les effets visuels.
2. Utilité
After Effects est un outil vaste : composition vidéo, effets spéciaux, motion design, titrage. Chez Studio Relief, notre usage est bien plus ciblé : on l'utilise exclusivement pour produire des animations Lottie. C'est un choix assumé, parmi toutes ses capacités, c'est cette passerelle vers le format Lottie, via LottieFiles for After Effects, qui justifie sa place dans notre stack.
Parce qu'une animation Lottie bien conçue fait ce qu'aucune animation CSS ne peut faire facilement : des courbes d'accélération complexes, des morphings de formes, des compositions multi-calques synchronisées. After Effects donne le contrôle total sur chaque keyframe. Le résultat, exporté via LottieFiles for After Effects (anciennement Bodymovin), est un fichier JSON lisible par Webflow, léger, scalable, et animé exactement comme prévu.
3. Fonctionnalités
Chez Studio Relief, on exploite un périmètre très ciblé d'After Effects : l'export Lottie via LottieFiles for After Effects. Mais l'outil couvre un spectre bien plus large, utile à connaître selon les projets.
Usage principal chez Studio Relief
- Plugin LottieFiles for After Effects (anciennement Bodymovin) pour l'export en Lottie/JSON
- Animation keyframe avec courbes de Bézier personnalisables
- Shapes layers vectoriels exportables sans perte
- Précompositions pour structurer les animations complexes
Fonctionnalités complètes de l'outil
- Composition vidéo multi-calques avec contrôle total sur les timings
- Effets visuels : flous, distorsions, corrections colorimétriques, incrustation
- Motion typography : titrage animé et typographie cinématographique
- Tracking et stabilisation de caméra
- Calques 3D et caméra virtuelle pour les compositions en profondeur
- Expressions (scripting JavaScript-like) pour automatiser et paramétrer les animations
- Puppet Tool pour l'animation de personnages et d'illustrations
- Intégration native avec Illustrator, Photoshop et Premiere Pro
- Rendu via Adobe Media Encoder (MP4, ProRes, GIF)
4. Cas concrets
→ Pour la home d'un client dans le secteur tech, on anime le logo en Lottie pour le chargement initial : une animation en 1,2 secondes qui donne immédiatement le ton premium avant même que le contenu se charge.
→ Pour une section de fonctionnalités, on crée des icônes animées déclenchées au scroll via GSAP ScrollTrigger. Chaque icône est un Lottie indépendant qui se joue quand elle entre dans le viewport.
5. Prix
After Effects est disponible en deux formules : en standalone (abonnement After Effects uniquement) ou inclus dans Adobe Creative Cloud All Apps, qui regroupe l'ensemble des applications Adobe. Pour les studios qui utilisent déjà Photoshop, Illustrator ou Adobe Fonts, l'abonnement All Apps est généralement le choix naturel. Les tarifs évoluent régulièrement ; les détails et options sont disponibles directement sur le site Adobe.
adobe.com/products/aftereffects
6. Questions fréquentes
After Effects est-il nécessaire pour créer des Lottie ?
Pour des animations simples, LottieFiles propose un éditeur en ligne sans After Effects. Mais dès qu'on veut un contrôle précis sur les timings et des compositions complexes, After Effects reste incontournable : c'est notre choix par défaut.
Les Lottie sont-ils vraiment plus légers qu'un GIF ?
Oui, un Lottie est un fichier JSON décrivant des courbes d'animation vectorielles. Son poids est généralement de quelques dizaines de Ko contre plusieurs Mo pour un GIF équivalent, et il est scalable sans perte de qualité.
After Effects ou Rive pour les animations Webflow ?
Rive est une alternative intéressante pour des animations interactives légères directement dans le navigateur, avec son propre runtime. After Effects + Lottie reste notre choix par défaut pour les animations complexes et les exports vectoriels vers Webflow. Rive devient pertinent si l'interactivité en temps réel est au cœur du projet.
