Passer un projet After Effects 16:9 en 9:16 sans tout refaire : méthodes et automatisations

This article is currently available in French only. The page chrome is translated, the article body is not — yet.

Comprendre ce qui change vraiment entre 16:9 et 9:16

Le ratio 16:9 à 1920×1080 px implique un cadre horizontal dont la largeur est presque le double de la hauteur. En 9:16 à 1080×1920 px, c'est exactement l'inverse. La surface totale de pixels est identique, mais la répartition change tout : ce qui était dans les tiers gauche et droit disparaît, ce qui était dans les tiers haut et bas gagne en visibilité.

Concrètement, cela signifie que les éléments texte placés en bas de frame en 16:9 — généralement dans une zone de sécurité entre 80 et 90 % de la hauteur — se retrouvent beaucoup plus proches du centre en 9:16. Les keyframes d'animation de position calculés sur 1920 px de large n'ont plus de sens sur 1080 px. Et les compositions imbriquées héritent du même problème en cascade : modifier la comp principale ne suffit pas, il faut descendre dans toute l'arborescence.

Avant de toucher quoi que ce soit, il faut donc cartographier le projet : combien de precomps, quels éléments sont des solides, quels sont les effets qui s'appuient sur des coordonnées absolues comme des masques tracés manuellement ou des effets de type CC Lens, Turbulent Displace avec des paramètres d'offset. Cette cartographie prend vingt minutes sur un projet propre et peut prendre plusieurs heures sur un projet livré par un autre studio sans documentation.

La méthode du Scale & Crop : rapide mais limitée

La première approche, la plus rapide, consiste à placer la composition 16:9 entière dans une nouvelle composition 9:16, puis à la mettre à l'échelle et à la recadrer. En pratique : on crée une comp 1080×1920, on y glisse la comp 1920×1080 comme un calque, on la scale à environ 177 % pour que la hauteur couvre le cadre vertical, et on laisse les bords gauche et droit sortir du cadre.

Cette méthode est viable uniquement pour des contenus à sujet centré : un produit positionné au milieu du cadre, un personnage qui ne sort jamais du tiers central, un logo centré sur fond uni. Elle est inutilisable dès que l'animation exploite l'espace horizontal : un texte qui slide de la gauche, un graphique qui s'étale sur toute la largeur, un split-screen.

Son avantage réel est la vitesse : on obtient un rendu livrable en cinq minutes, idéal pour valider un story-board vertical avec un client avant d'engager un reformatage complet. Certaines agences l'utilisent aussi comme version de secours quand un délai est impossible à tenir. Mais la qualité visuelle est souvent décevante — flou de redimensionnement, composition non pensée pour le vertical — et elle ne passe pas en 4K sans perte significative.

Restructurer les compositions avec les guides et les zones de sécurité

Quand le projet le justifie, la méthode propre consiste à modifier les paramètres de chaque composition clé et à repositionner les éléments manuellement avec rigueur. Dans After Effects, on commence par dupliquer la comp principale, on modifie ses dimensions via Composition > Composition Settings, et on active immédiatement les guides de zones de sécurité pour travailler dans les marges correctes.

La règle de base est de raisonner par zones fonctionnelles : zone de titre en haut (environ 15 à 25 % de la hauteur), zone de message principal au centre, zone d'action ou de CTA en bas. En 9:16, ces zones sont plus étroites horizontalement mais plus généreuses verticalement, ce qui change la hiérarchie visuelle. Un texte en deux lignes en 16:9 peut rester sur deux lignes en 9:16 si la taille de la police est réduite, mais souvent on va plutôt le reformater en trois ou quatre lignes avec un tracking différent.

Pour les animations de position, on peut utiliser l'expression value remapping : plutôt que de retoucher chaque keyframe, on applique un facteur multiplicateur sur les valeurs X en écrivant une expression simple dans le champ de la propriété. Par exemple, si un élément se déplace de 0 à 960 en X sur la comp originale (soit de bord à bord en 1920 px), on veut qu'il parcoure 0 à 540 en X dans la comp 1080 px. Une expression du type `value * (thisComp.width / 1920)` appliquée sur la propriété Position.x fait ce calcul dynamiquement et évite de retoucher manuellement chaque keyframe.

Exploiter les expressions AE pour un reformatage dynamique

Les expressions After Effects sont l'outil le plus puissant pour préparer un projet à être reformaté sans modification manuelle. L'idée est de remplacer toutes les valeurs absolues de position, taille et espacement par des expressions qui référencent les dimensions de la composition parente.

Les variables `thisComp.width` et `thisComp.height` sont la base. Un calque texte centré horizontalement avec une expression `[thisComp.width / 2, value[1]]` sur sa propriété Position restera centré quelle que soit la largeur de la composition. De la même façon, un calque ancré à 10 % du bas du cadre s'écrit `[value[0], thisComp.height * 0.9]`. Ces deux expressions simples couvrent 80 % des cas de reformatage de textes et de logos.

Pour les animations plus complexes, on peut aller plus loin avec des expressions qui interpolent entre des valeurs sources et des valeurs cibles selon un paramètre de contrôle. On place un calque Null nommé "Format Control" avec un slider allant de 0 (16:9) à 1 (9:16), et chaque propriété animée lit ce slider pour calculer sa valeur courante via un `linear()`. Cela permet de tester visuellement le reformatage en temps réel en déplaçant simplement le slider, avant même d'avoir changé les dimensions de la composition. C'est une technique particulièrement utile quand on doit présenter plusieurs variantes de reformatage à un client avant validation.

Attention aux effets qui ignorent les expressions sur leurs paramètres internes : Transform intégré dans certains effets, les masques de calque, les paramètres de certains plugins tiers. Ces éléments devront toujours être traités manuellement ou via des scripts.

Scripts et automatisations : ce qui existe réellement

Plusieurs scripts commerciaux abordent le problème du reformatage multi-format. La logique commune est la suivante : l'utilisateur définit un format cible, le script parcourt toutes les compositions du projet, identifie les calques positionnés en fonction des dimensions d'origine et recalcule leurs propriétés pour correspondre au nouveau format.

Parmi les approches scriptées qu'on peut développer en interne via ExtendScript ou le nouveau moteur de scripting : un script qui parse toutes les compositions, identifie les calques dont la position dépasse 50 % de la largeur de la comp (donc probablement positionnés dans la moitié droite), et les signale dans un rapport avant reformatage. Ce diagnostic automatique prend quelques minutes à coder et évite les oublis lors d'un audit manuel.

On peut également scripter la création de la composition 9:16 avec pré-remplissage : le script duplique la comp principale, modifie ses dimensions, crée automatiquement un calque de fond au format correct, et importe la comp originale en calque précomposé avec le scale calculé automatiquement. Ce workflow de base représente environ 150 lignes d'ExtendScript et s'amortit dès la deuxième utilisation sur un projet de taille moyenne.

Essential Graphics Panel mérite également d'être mentionné ici : si le projet a été construit avec des propriétés exposées dans le panneau Essential Graphics, le reformatage se résume parfois à modifier les valeurs de ces propriétés dans le template Motion Graphics, sans toucher à la structure de la comp. C'est la méthode la plus propre pour les projets destinés à être reformatés régulièrement, comme des templates de réseaux sociaux ou des habillages broadcast déclinés sur plusieurs formats.

Anticiper le reformatage dès la phase de conception

La meilleure façon de rendre un reformatage rapide est de l'avoir anticipé avant même d'ouvrir After Effects. En phase de conception, si le brief mentionne une déclinaison verticale, cela change plusieurs décisions de mise en scène.

Premièrement, les animations horizontales doivent être limitées ou centrées. Un texte qui entre par la droite et sort par la gauche est un calvaire à reformater ; un texte qui monte par le bas reste pertinent dans les deux formats. Deuxièmement, le placement des éléments doit privilégier la zone commune aux deux formats, c'est-à-dire le carré central de 1080×1080 px présent dans les deux ratios. Un storyboard qui travaille cette zone en priorité permet de conserver 70 à 80 % de l'animation telle quelle lors du reformatage.

Deuxièmement, la gestion des assets sources compte énormément. Une vidéo filmée en 4K peut être recadrée pour le 9:16 sans perte de qualité en 1080p ; une vidéo filmée directement en 1080p 16:9 sera floue ou très zoomée en 9:16. Travailler avec des éléments vectoriels ou des tailles de sources supérieures au format de livraison est un investissement qui se rentabilise dès qu'une déclinaison est demandée.

Enfin, la nomenclature des calques et la structure des precomps ont un impact direct sur la vitesse de reformatage. Des calques nommés clairement, des precomps organisées par zone visuelle plutôt que par timing, et des commentaires dans les expressions facilitent considérablement le travail d'un autre motion designer qui reprend le projet pour le reformater — ou du même motion designer six mois plus tard.

ConclusionConclusion

Passer du 16:9 au 9:16 ne devrait jamais être un projet de refonte complète. Avec une architecture de projet rigoureuse, des expressions basées sur les dimensions de composition, et quelques scripts ciblés, ce travail se réduit à une fraction du temps de production initial. L'investissement clé est en amont : former les équipes à concevoir pour plusieurs formats dès le départ, normaliser les templates internes avec des propriétés dynamiques, et documenter les projets complexes pour faciliter les reprises. Les studios qui ont mis en place ces pratiques traitent les déclinaisons verticales comme une étape de post-production légère, pas comme un second projet.