Création d’animations d’images

Dans Photoshop, le panneau Montage permet de créer des images d’animation. Chaque image représente une configuration de calques.

Pour créer des animations image par image dans Photoshop, procédez conformément au flux de production général ci-dessous.

Ouvrez un nouveau document.

S’ils ne sont pas visibles, ouvrez les panneaux Montage et Calques. Assurez-vous que le panneau Montage est en mode animation d’images. Au milieu du panneau Montage, cliquez sur la flèche pointant vers le bas pour choisir Créer une animation d’image, puis cliquez sur le bouton à côté de la flèche.

Ajoutez un calque ou convertissez le calque d’arrière-plan.

Comme il est impossible d’animer le calque d’arrière-plan, ajoutez un nouveau calque, ou convertissez le calque d’arrière-plan en calque normal (voir la section Conversion d’arrière-plan et de calques).

Ajoutez du contenu à votre animation.

Si votre animation comprend plusieurs objets animés de manière indépendante les uns des autres, ou si vous souhaitez modifier la couleur d’un objet ou remplacer complètement le contenu d’une image, créez les objets sur des calques distincts.

Ajoutez une image au panneau Montage.

Reportez-vous à la section Ajout d’images à une animation.

Sélectionnez une image.

Reportez-vous à la section Sélection d’images d’animation.

Modifiez les calques de l’image sélectionnée.

Utilisez l’une des méthodes suivantes :

• Activez ou désactivez l’affichage des différents calques.

• Repositionnez les calques pour déplacer leur contenu.

• Modifiez l’opacité du calque pour réaliser un fondu en entrée ou en sortie.

• Modifiez le mode de fusion des calques.

• Ajoutez un style aux calques.

  Photoshop met également à votre disposition des outils d’uniformisation des caractéristiques d’un calque dans toutes les images (voir la section Unification des propriétés des calques dans les images d’animation).

Ajoutez d’autres images, puis modifiez les calques à votre convenance.

Le nombre d’images que vous pouvez créer est uniquement limité par la quantité de mémoire disponible pour Photoshop dans votre système.

Vous pouvez utiliser la commande Trajectoire du menu du panneau pour générer de nouvelles images comportant des modifications intermédiaires entre deux images. Elle offre un moyen rapide de déplacer un objet sur l’écran ou de réaliser un fondu en entrée ou en sortie (voir la section Création d’images avec la fonction Trajectoire).

Définissez les options de délai d’image et de boucle.

Vous pouvez attribuer un délai à chaque image et définir une boucle de lecture de l’animation permettant de l’exécuter une fois, un nombre prédéfini de fois ou en continu (voir les sections Définition d’un délai dans les animations d’images et Définition d’une boucle dans les animations d’images).

Affichez un aperçu de l’animation.

Utilisez les commandes du panneau Montage pour visualiser l’animation à mesure que vous la créez. Affichez ensuite un aperçu de l’animation dans votre navigateur à l’aide de la commande Enregistrer pour le web. 

Optimisez l’animation pour garantir un téléchargement efficace.

Reportez-vous à la section Optimisation des images d’animation.

Enregistrez l’animation.

Il existe différentes options pour l’enregistrement de votre animation d’images :

• Enregistrez l’animation sous forme de GIF animé à l’aide de la commande Enregistrer pour le web.

• Enregistrez le fichier au format Photoshop (PSD) pour effectuer d’autres modifications ultérieurement.

• Enregistrez l’animation sous forme de séquence d’images, de film QuickTime ou de fichiers distincts. Voir aussi la section Exportation de fichiers vidéo ou de séquences d’images.

Ajout d’images à une animation

La première étape de la création d’une animation consiste à ajouter des images. Si une image est ouverte, le panneau Montage l’affiche comme première image d’une nouvelle animation. Chaque image que vous ajoutez débute comme duplication de l’image précédente. Il vous suffit ensuite de modifier l’image en utilisant le panneau Calques.

Sélection d’images d’animation

Avant de travailler sur une image, vous devez la sélectionner pour la rendre active. Le contenu de l’image active apparaît dans la fenêtre de document.

Dans le panneau Montage, l’image active est indiquée par une vignette entourée d’un cadre étroit (à l’intérieur de la sélection ombrée). Les images sélectionnées sont indiquées par une sélection ombrée autour des aperçus des images.

Sélection d’une image d’animation

Sélection de plusieurs images d’animation

Modification d’images d’animation

Unification des propriétés des calques dans les images d’animation

Les boutons d’unification (Unifier la position du calque, Unifier la visibilité du calque et Unifier le style du calque) du panneau Calques déterminent comment les modifications apportées aux attributs de l’image d’animation active s’appliquent aux autres images du même calque. Lorsqu’un bouton d’unification est sélectionné, l’attribut correspondant est modifié dans toutes les images du calque actif ; lorsque ce bouton est désélectionné, les modifications s’appliquent uniquement à l’image active.

L’option Propager l’image 1 du panneau Calques détermine également comment les modifications apportées aux attributs de la première image s’appliqueront aux autres images du même calque. Si l’option est sélectionnée, toute modification apportée à un attribut de la première image est répercutée sur toutes les images suivantes du calque actif (tout en conservant l’animation que vous avez déjà créée).

Unification des propriétés du calque

Propager l’image 1

Affichage ou masquage des boutons d’unification des calques

Copie d’images avec des propriétés du calque

Pour comprendre ce qui se passe lorsque vous copiez et collez une image, imaginez l’image comme une version dupliquée d’une image dotée d’une configuration de calque donnée. Lorsque vous copiez une image, vous copiez la configuration des calques (notamment le paramètre de visibilité, la position et les autres propriétés de chaque calque). Lorsque vous collez une image, vous appliquez cette configuration de calque à l’image de destination.

Création d’images avec la fonction Trajectoire

Le concept de trajectoire reprend la technique d’animation traditionnelle, « l’interpolation », utilisée pour reconstituer un mouvement en continu. L’interpolation réduit sensiblement le temps nécessaire pour créer des effets d’animation tels que les fondus ou le déplacement d’un élément dans une image. Vous pouvez modifier individuellement des images avec trajectoire après les avoir créées.

La commande Trajectoire permet d’ajouter ou de modifier automatiquement une série d’images entre deux images existantes, autrement dit de modifier uniformément les propriétés de calque (paramètres de position, d’opacité ou d’effets) entre les nouvelles images, afin de créer une illusion de mouvement. Pour réaliser un fondu en sortie d’un calque, par exemple, réglez l’opacité du calque de l’image de départ sur 100 %, puis l’opacité du même calque dans l’image d’arrivée sur 0 %. Lorsque vous appliquez une trajectoire entre les deux images, l’opacité du calque est réduite uniformément au fil des nouvelles images.

Ajout d’un nouveau calque pour chaque nouvelle image

La commande Créer un nouveau calque pour chaque nouvelle image ajoute automatiquement un nouveau calque visible dans la nouvelle image, mais masqué dans les autres images. Cette option vous permet de gagner du temps lors de la création d’une animation qui nécessite l’ajout d’un nouvel élément visuel à chaque image.

Masquage des calques dans les images d’animation

Lorsque vous créez un calque, il est visible dans toutes les images d’une animation par défaut.

• Pour afficher les nouveaux calques uniquement dans les images actives, désélectionnez l’option Tous les calques visibles dans toutes les images dans le menu du panneau Montage.

• Pour masquer un calque dans une image spécifique, sélectionnez l’image, puis masquez le calque dans le panneau Calques.

Définition d’un délai dans les animations d’images

Vous pouvez définir un délai (temps pendant lequel est affichée une image) pour une ou plusieurs images dans une animation. Le délai est affiché en secondes. Les fractions de seconde sont affichées sous forme décimale. Par exemple, un quart de seconde s’écrit 0,25. Si vous définissez un délai pour l’image active, toutes les images que vous créez ensuite retiennent et reprennent le même délai.

Sélection d’une méthode d’élimination des images

La méthode d’élimination de l’image détermine s’il faut supprimer l’image active avant d’afficher l’image suivante. Il convient de sélectionner une méthode d’élimination pour les animations dotées d’un fond transparent, afin de définir si l’image active sera visible à travers les zones transparentes de l’image suivante.

L’icône de méthode d’élimination indique si l’image est réglée sur Ne pas supprimer  ou Supprimer . Aucune icône n’apparaît lorsque la méthode d’élimination est définie sur Automatique.

Définition d’une boucle dans les animations d’images

Vous pouvez définir le nombre de répétitions d’une séquence d’animation pendant sa lecture.

Suppression d’une animation entière