Ajout de Responsive Design à vos images

Dernière mise à jour le 27 mars 2026

Créez des compositions flexibles dans Adobe After Effects en utilisant les outils de responsive design pour adapter les mises en page à différents rapports L/H et formats sans reconstruire les animations.

La fonctionnalité Responsive design – Durée vous permet de créer des animations graphiques adaptatives.La fonctionnalité active l'étirement temporel adaptatif lorsqu'une composition est imbriquée ou exportée comme modèle d'animations graphiques.L'étirement temporel adaptatif signifie que les zones protégées s'animent dans la même durée, même si vous étirez temporellement les zones non protégées.

Vous pouvez protéger les intros, les outros et toute zone arbitraire d'une composition, enregistrer les modèles de responsive design et les réutiliser dans différents projets pour éviter la duplication et le retiming.

Avec cette fonctionnalité, l’animation s’adapte au graphique ou à la séquence, mais aussi aux modifications que vous y faites. Cela vous permet de créer des animations complexes et des modèles d’animations graphiques capables de s’ajuster de manière réactive pour s’aligner sur une séquence particulière d’un projet.

Par exemple, vous créez un bandeau de titre et animez l'entrée/sortie en fondu, puis ajoutez la durée de responsive design.Le responsive design préserve la durée d'animation, que la durée du clip soit prolongée ou rognée.

Fonctionnement de Responsive Design – Durée

Prenez l’exemple suivant pour illustrer le propos :

Vous créez une animation de texte avec un fondu avant/arrière et vous avez besoin que cette animation couvre toute la durée de la séquence. L’animation se compose de deux ensembles de texte avec fondu avant sur fond noir.

Ajoutez la même animation à une autre séquence. Chaque élément de l'animation, comme la taille de police et les temps de début et de fin de l'atténuation d'entrée/sortie, doit correspondre à la séquence.Une méthode consiste à dupliquer l'animation pour correspondre à la longueur de la séquence.Cependant, cette approche peut prendre du temps car vous devez déplacer les images clés d'animation pour aligner l'entrée/sortie en fondu avec la séquence.

C'est là que vous pouvez utiliser Responsive design – Time.Vous pouvez protéger les zones d'entrée/sortie en fondu (comprenant les images clés) et étendre l'animation.Cela attache les zones à la séquence, et le temps qu'elles prennent pour s'animer reste inaffecté même lorsque vous étirez temporellement l'animation pour correspondre à la longueur de la séquence.Une fois liée, l’animation s’adapte dynamiquement à la longueur de la séquence.

Application de Responsive Design – Durée

Vous pouvez appliquer l’option Responsive Design – Durée de trois façons différentes :

Option 1 :

Dans le menu Composition, sélectionnez l’une des options du sous-menu Responsive Design – Durée :

  • Créer une introduction : crée une zone protégée pour 15 % de la durée de la composition, en commençant par la première image de la composition.
  • Créer une conclusion : crée une zone protégée pour 15 % de la durée de la composition, en terminant à la dernière image de la composition.
  • Créer une zone protégée à partir de la zone de travail : crée une zone protégée avec des points de début et de fin qui correspondent à la barre de la zone de travail. Les zones protégées sont hachurées en bleu.

Option 2 :

Faites glisser la barre de zone de travail pour sélectionner la zone que vous souhaitez définir comme zone protégée.Effectuez un clic droit sur la barre de zone de travail, puis sélectionnez Créer une zone protégée à partir de la zone de travail.

Option 3 :

Cliquez sur l’icône du repère à droite du montage et créez un repère de composition.

Dans le panneau Montage, effectuez un double-clic sur le repère pour ouvrir la boîte de dialogue des paramètres de Repère de composition, définissez une durée et activez l'option Zone protégée.

Ajout de l’animation à une autre composition

Une fois que vous avez défini les zones protégées, les conclusions et les introductions de votre animation, vous pouvez les ajouter à différentes compositions ou séquences.

Reportez-vous à l’exemple suivant pour illustrer le processus :

  • Nommez l’animation avec les régions protégées, par exemple, Comp A.
  • Nommez la composition à laquelle vous devez ajouter l’animation, par exemple, Comp B.

Ouvrez la Comp B dans le panneau du Journal.

Dans le montage, faites glisser et placez Comp A sur Comp B.

Le Timeline affiche les zones protégées hachurées en bleu.Maintenez le point de fin de la Comp A et faites-le glisser jusqu’au point de fin de la Comp B.

Lorsque vous prévisualisez la composition, les zones protégées dans l'animation prennent la même durée pour s'animer, et seules les zones non protégées sont étirées.

Travail avec une composition imbriquée contenant plusieurs régions protégées

  • Lorsque vous faites glisser les points d'entrée et de sortie d'une composition qui a une ou plusieurs zones protégées, et qu'elle est imbriquée dans une autre composition, elle étire temporellement la composition au lieu de la rogner.La fonctionnalité préserve la durée des zones protégées. Par exemple, lorsque vous rallongez jusqu’à 10 secondes un clip de 5 secondes contenant des zones protégées de 2 secondes, la durée des zones protégées reste de 2 secondes.
  • Pour raccorder le point d’entrée ou de sortie du calque au lieu d’étirer la composition dans la durée, maintenez enfoncée la touche Option (macOS) ou Alt (Windows) et faites glisser le point d’entrée ou de sortie.
  • Les zones protégées sont des repères de composition avec l’option Zone protégée activée. Elles présentent différentes icônes de poignée permettant de les reconnaître facilement. Les repères de zone protégée se comportent comme les autres repères de composition, à ceci près que lorsque vous imbriquez une composition avec des zones protégées, ces repères ne peuvent pas être modifiés. Au lieu de cela, la barre des calques pour la composition imbriquée est ombrée pour indiquer les zones protégées.
  • Lorsque vous modifiez une zone protégée après avoir imbriqué une composition, le repère de zone protégée sur le calque de la composition imbriquée n’est pas automatiquement mis à jour. Pour mettre à jour les repères sur un calque de composition imbriquée, sélectionnez le calque et choisissez Calque > Repères > Mettre les repères à jour dans Source.
  • Vous pouvez également accéder à l’option Zone protégée via le scripting ou les expressions à l’aide de l’attribut protectedRegion des repères de composition.

Exportation d’une composition avec des zones protégées en tant que modèle d’animation graphique

Lorsque vous exportez une composition avec des régions protégées en tant que modèle d’animation graphique et l’ajoutez à une séquence dans Premiere, vous pouvez directement ajuster la longueur sans avoir à ajuster le temps.

Vous pouvez faire glisser les points d’entrée et de sortie du clip pour étirer la composition plutôt que de les raccourcir. La durée des zones protégées est préservée.

  • Lorsque vous exportez une composition contenant de l’audio en tant que modèle d’animation graphique, celle-ci n’est pas rallongée de manière adaptative dans Premiere.
  • Lorsqu’elles sont rallongées, les compositions qui utilisent le rendu CINEMA 4D et contiennent des calques 3D ou un calque CINEMA 4D utilisant l’effet CINEWARE peuvent rencontrer des problèmes de fluidité dans les zones non protégées.

Aller encore plus loin avec After Effects

Créez d’incroyables animations graphiques, animations de texte et effets visuels grâce à After Effects. Conception pour le cinéma, la télévision, les travaux vidéo et le Web.