Découvrez les images clés et pourquoi elles sont indispensables dans les animations.

Les images clés sont essentielles pour créer des effets et des animations graphiques. Cernez la manière dont ces images sont utilisées dans Adobe After Effects, Animate et Character Animator.

Personne créant des images clés dans Adobe After Effects

Les images clés indiquent les points de départ et de fin des actions dans les animations.

Aux débuts de l'animation, chaque image d'une production devait être dessinée à la main. Aujourd'hui, les professionnels gagnent des semaines voire des mois de travail en utilisant l'animation par image clé numérique pour identifier différents éléments d'une illustration graphique et choisir comment ces éléments bougent ou changent au fil du temps. Pour créer une action dans une séquence d'animation numérique, vous devez d'abord définir les points de départ et de fin de cette action. Ces marqueurs, également appelés images clés, sont utilisés comme points d'ancrage des actions dans les différents types d'applications d'animation, notamment Adobe After Effects, Animate et Character Animator.

 

Principes de base de l'animation par image clé.

Imaginez que vous voulez faire rebondir un cercle comme une balle à travers l'écran ou une image de vidéo. Pour animer la balle qui se déplace d'un point à un autre, dans le panneau de montage, placez la première image clé au point de départ souhaité et une autre image clé à l'endroit de destination de la balle.

 

Changements que vous pouvez effectuer avec des images clés.

Avec les images clés, vous pouvez déclencher plus que de simples changements de position. Vous pouvez ajuster les paramètres de qualité d'un objet animé : point d'ancrage, position, échelle, rotation, opacité, etc. Pour les changements basés sur le mouvement, comme la position ou la rotation, vous pouvez ajuster les valeurs des paramètres avant de placer vos images clés par un simple cliquer-déplacer sur l'objet.

 

Types d'interpolations d'images clés.

La méthode d'interpolation définit la manière dont vous voulez que l'action ou le mouvement soit effectué. Le mouvement de Bézier ou « d'accélération » est souvent une bonne option, car il imite très bien le mouvement naturel. L'objet quitte sa position d'origine et se déplace jusqu'à sa position finale à différents degrés de vitesse selon le rendu souhaité.

 

  • Interpolation linéaire : ce paramètre par défaut crée un changement uniforme, presque robotisé.

  • Interpolation par paliers : le changement se produit soudainement au niveau de l'image clé suivante.

  • Interpolation Bézier ou d'accélération : ce changement est basé sur une courbe de mouvement que vous pouvez ajuster manuellement.
Adobe After Effects

Images clés dans Adobe After Effects

Les images clés sont essentielles pour créer des effets animés et des animations graphiques dans Adobe After Effects. Avec des applications comme Animate ou Character Animator, vous gérez uniquement la partie animation de votre production. Mais dans Adobe After Effects, vous pouvez composer des éléments animés sur des séquences vidéo réelles. Apprenez à définir, sélectionner et supprimer des images clés dans After Effects ou suivez un tutoriel vidéo pour avoir un aperçu rapide de la création d’une trajectoire de mouvement.

Ajout d'images clés dans Adobe After Effects.

Comment ajouter des images clés dans After Effects?

Pour ajouter des images clés à un objet graphique dans After Effects, procédez comme suit :

 

1.  Sélectionnez le calque que vous souhaitez animer et cliquez pour afficher ses paramètres Transformer.

 

2. Choisissez votre paramètre ou comment vous voulez transformer le calque.

 

3. Déplacez la tête de lecture (le marqueur bleu qui indique où vous êtes dans la fenêtre de montage) vers l'endroit où vous souhaitez ajouter une image clé, et placez votre objet graphique au niveau de la position de départ souhaitée ou du paramètre.

 

4. Cliquez sur le chronomètre en regard du paramètre choisi pour ajouter la première image clé.

 

5. Faites défiler la fenêtre de montage et placez la tête de lecture à l'endroit où l'action doit se terminer. Placez ensuite votre objet graphique au point de fin ou au paramètre de fin souhaité pour ajouter la seconde image clé.

 

6. Changez de méthode d'interpolation. Cliquez avec le bouton droit sur une image clé, cliquez sur l'Assistant d'image clé et choisissez la méthode souhaitée.

 

7. Pour copier une image clé (par exemple, pour ajouter des images intermédiaires qui imitent l'action d'une précédente image), sélectionnez-la à l'aide de l'outil Lasso, puis copiez-collez-la à l'endroit où vous souhaitez la dupliquer dans la fenêtre de montage.

Adobe Animate

Images clés dans Adobe Animate.

Si vous cherchez à créer une séquence 2D animée pour un jeu, une émission télévisée ou le web, Animate est l’application qu'il vous faut. Comme dans After Effects, les images clés y sont des éléments essentiels de l’animation. Dans Animate, l’animation utilise des plages d’interpolation, ce qui signifie que les images qui couvrent la durée entre deux images clés contiennent un élément animé. Dans cette application, les images clés sont affichées sous forme de rectangles, et non pas de diamants, comme c’est le cas dans After Effects ou Character Animator.

Ajout d'images clés dans Adobe Animate

Découvrez les images clés et l’interpolation dans Animate.

Avant de commencer votre première animation ou conception de jeu, découvrez les principes de base du fonctionnement des images clés dans la fenêtre de montage Animate. Explorez ensuite l’interpolation avec des images clés dans Animate en suivant ce tutoriel.

Adobe Character Animator

Images clés dans Adobe Character Animator.

Character Animator utilise la technologie de suivi de mouvement pour suivre vos expressions et vos mouvements faciaux au moyen de la webcam de votre ordinateur et les transposer sur un personnage ou une marionnette 2D. Si vous le souhaitez, vous pouvez ajouter des images clés à votre animation pour créer des mouvements plus précis ou des mouvements qui seraient difficiles à obtenir avec le suivi de mouvement. Dans Character Animator, les images clés apparaissent et se comportent de la même manière que dans After Effects.

Ajout d'images clés dans Adobe Character Animator

Associez images clés et suivi de mouvement.

Familiarisez-vous rapidement avec l’utilisation d’images clés dans Character Animator ou regardez cette vidéo détaillée pour tout connaître du processus de création d’images clés.

 

Foire aux questions.

Pouvez-vous utiliser des images clés dans d’autres applications Adobe ?

Oui, les images clés peuvent également être utilisées pour monter des séquences vidéo dans Adobe Premiere Pro, créer des animations dans Photoshop et même monter des fichiers audio.

 

Images clés et Creative Cloud.

Les séquences basées sur des images clés sont nécessaires dans de nombreuses applications différentes, mais travailler dans Adobe Creative Cloud présente des avantages. Vous pouvez notamment incorporer des designs provenant d’autres applications, comme Adobe Illustrator et Photoshop, lorsque vous créez une composition regroupant différents types de médias dans un seul projet vidéo. Par ailleurs, votre connaissance des images clés dans une application est transposable à d’autres applications Creative Cloud. Adobe vous permet d’appliquer facilement différents types d’images clés, d’ajuster chacun des mouvements et de les modifier à votre convenance.

Ces contenus pourraient également vous intéresser…

Logo animé pour Sun Energy

Créer un logo animé avec Adobe Animate

Apprenez à appliquer des effets d'animation à un logo pour lui donner vie.

Un personnage de dessin animé qui se détend sur un nuage en forme d'oreiller un jour ensoleillé

Animer des vidéos et des personnages de dessin animé

Apprenez à créer des animations en temps réel ou d'A à Z.

Animation d'un homme mangeant un sushi

Animer la réalité avec la rotoscopie

Utilisez la version moderne de cette technique de plus d'un siècle pour créer vos propres films d'animation.

Plan général d'un paysage urbain

Définir la scène avec un plan général

Les plans généraux sont essentiels pour indiquer où et souvent quand l'action a lieu.

Creative Cloud

La créativité pour tous.

Photographie, vidéo, conception, UX, 3D et réalité augmentée. Creative Cloud vous offre tout ce dont vous avez besoin pour exprimer votre créativité.