Remarque :

pour les versions de Photoshop antérieures à Photoshop CC, certaines fonctionnalités décrites dans le présent article peuvent être disponibles que si vous disposez de Photoshop Extended. Photoshop CC ne dispose d’aucune offre Extended séparée. Toutes les fonctions de Photoshop Extended font partie de Photoshop CC.

Flux de production des animations d’images

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

Remarque :

vous pouvez également créer des animations en vous servant de la chronologie du montage ou des images clés. Voir Création d’animations de montage.

Illustration d’une animation
Illustration d’une animation. L’image du monocycle se trouve sur son propre calque ; la position du calque varie dans chaque image de l’animation.

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 Conversion de l’arrière-plan et des 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.

Sélectionnez une image.

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 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 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 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. Voir la section Aperçu des images optimisées dans un navigateur web.

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

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 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.

  1. Assurez-vous que le panneau Montage est en mode animation d’images.

  2. Cliquez sur le bouton Dupliquer les images sélectionnées .

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

  • Utilisez l’une des méthodes suivantes dans le panneau Montage :

    • Cliquez sur une image.

    • Cliquez sur le bouton Sélection de l’image suivante  pour définir l’image suivante de la série comme image active.

    • Cliquez sur le bouton Sélection de l’image précédente  pour définir l’image précédente de la série comme image active.

    • Cliquez sur le bouton Sélection de la première image  pour définir la première image de la série comme image active.

Sélection de plusieurs images d’animation

  • Dans le panneau Montage, utilisez l’une des méthodes suivantes :

    • Pour sélectionner plusieurs images contiguës, cliquez sur une deuxième image tout en maintenant la touche Maj enfoncée. La deuxième image et toutes les images entre la première et la seconde viennent s’ajouter à la sélection.

    • Pour sélectionner plusieurs images non contiguës, cliquez sur les images supplémentaires à ajouter à la sélection tout en appuyant sur la touche Ctrl (Windows) ou Commande (Mac OS).

    • Pour sélectionner toutes les images, choisissez la commande Sélectionner toutes les images dans le menu du panneau.

    • Pour désélectionner une seule des images sélectionnées, cliquez sur l’image tout en appuyant sur la touche Ctrl (Windows) ou Commande (Mac OS).

Modification d’images d’animation

  1. Dans le panneau Montage, sélectionnez une ou plusieurs images.

  2. Utilisez l’une des méthodes suivantes :
    • Pour modifier le contenu des objets dans les images d’animation, modifiez les calques affectant les images concernées dans le panneau Calques.
    • Pour changer la position d’un objet dans une image d’animation, sélectionnez le calque contenant l’objet dans le panneau Calques, puis faites-le glisser vers son nouvel emplacement.

    Remarque :

    vous pouvez sélectionner et modifier la position de plusieurs images. Cependant, si vous faites glisser plusieurs images non contiguës, elles se présentent de manière contiguë à leur nouvelle position.

    • Pour inverser l’ordre des images d’animation, choisissez la commande Inverser les images dans le menu du panneau.

    Remarque :

    les images à inverser ne doivent pas nécessairement être contiguës ; vous pouvez inverser toutes les images sélectionnées.

    • Pour supprimer les images sélectionnées, choisissez la commande Supprimer l’image dans le menu du panneau Montage ou cliquez sur l’icône Suppression des images sélectionnées , puis cliquez sur le bouton Oui pour confirmer la suppression. Vous pouvez également déplacer l’image sélectionnée sur l’icône Suppression des images sélectionnées.

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

  1. Dans le panneau Montage, modifiez l’attribut d’une image.

  2. Dans le panneau Calques, cliquez sur le bouton Unifier la position du calque , Unifier la visibilité du calque  ou Unifier le style du calque  pour appliquer l’attribut modifié à toutes les images du calque actif.

Propager l’image 1

  1. Dans le panneau Calques, sélectionnez l’option Propager l’image 1.
  2. Dans le panneau Montage, modifiez l’attribut de la première image.

    L’attribut modifié est appliqué à toutes les images suivantes du calque.

Remarque :

Vous pouvez également propager les images en sélectionnant un groupe consécutif d’images du calque tout en maintenant la touche Maj enfoncée, puis en modifiant un attribut dans l’une des images sélectionnées.

Affichage ou masquage des boutons d’unification des calques

  • Choisissez la commande Options d’animation dans le menu du panneau Calques, puis choisissez l’une des commandes suivantes :

    Automatique

    Affiche les boutons d’unification des calques lorsque le panneau Montage est ouvert.

    Toujours afficher

    Affiche les boutons d’unification des calques que le panneau Montage soit ouvert ou fermé.

    Toujours masquer

    Masque les boutons d’unification des calques que le panneau Montage soit ouvert ou fermé.

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.

  1. Sélectionnez une ou plusieurs images à copier dans le panneau Montage.

  2. Dans le menu du panneau, choisissez la commande Copier les images.
  3. Sélectionnez une ou plusieurs images de destination dans l’animation active ou dans une autre animation.
  4. Dans le menu du panneau, choisissez la commande Coller les images.
  5. Sélectionnez un mode de collage :

    Remplacer les images

    Remplace les images sélectionnées par les images copiées. Aucun nouveau calque n’est ajouté. Les propriétés de chaque calque existant dans les images de destination sont remplacées par celles de chaque calque copié. Lorsque vous collez des images entre les images, de nouveaux calques sont ajoutés à l’image ; cependant, seuls les calques collés sont visibles dans les images de destination (les calques existants sont masqués).

    Coller sur la sélection

    Ajoute le contenu des images collées comme nouveaux calques dans l’image. Lorsque vous collez des images dans la même image, l’utilisation de cette option double le nombre de calques de l’image. Dans les images de destination, les calques nouvellement collés sont visibles tandis que les originaux sont masqués. Dans les images autres que celles de destination, les calques nouvellement collés sont masqués.

    Coller avant la sélection ou Coller après la sélection

    Ajoute les images copiées avant ou après l’image de destination. Lorsque vous intercalez des images (séquences), de nouveaux calques sont ajoutés à l’image ; cependant, seuls les calques collés sont visibles dans les nouvelles images (les calques existants sont masqués).

  6. (Facultatif) Pour lier des calques collés dans le panneau Calques, sélectionnez l’option Lier les calques ajoutés.

    Cette option fonctionne uniquement pour le collage d’images dans un autre document. Sélectionnez-la si vous prévoyez de replacer les calques collés en un seul bloc.

  7. Cliquez sur OK.

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.

Application de la fonction Trajectoire pour animer la position d’un texte
Application de la fonction Trajectoire pour animer la position d’un texte

  1. Pour appliquer une trajectoire à un calque particulier, sélectionnez-le dans le panneau Calques.
  2. Sélectionnez une image ou plusieurs images contiguës.
    • Si vous sélectionnez une seule image, vous pouvez établir une trajectoire soit avec l’image précédente, soit avec l’image suivante.

    • Si vous sélectionnez deux images contiguës, de nouvelles images sont intercalées entre les deux images.

    • Si vous sélectionnez plus de deux images, les images existantes entre la première et la dernière image sélectionnées sont altérées par l’opération Trajectoire.

    • Si vous sélectionnez la première et la dernière image d’une animation, ces images sont traitées comme si elles étaient contiguës, et les images avec trajectoire sont ajoutées après la dernière image. Cette méthode est utile lorsque l’animation est paramétrée pour former plusieurs boucles.

  3. Utilisez l’une des méthodes suivantes :
    • Cliquez sur le bouton Trajectoire  dans le panneau Montage.

    • Choisissez la commande Trajectoire dans le menu du panneau.

  4. Spécifiez le ou les calques à modifier dans les images ajoutées :

    Tous les calques

    Modifie tous les calques présents dans les images sélectionnées.

    Calques sélectionnés

    Modifie uniquement le ou les calques sélectionnés dans les images sélectionnées.

  5. Spécifiez les paramètres de calque visés :

    Position

    Modifie uniformément la position du contenu du calque dans les nouvelles images entre les images de début et de fin.

    Opacité

    Modifie uniformément l’opacité des nouvelles images entre les images de début et de fin.

    Effets

    Modifie uniformément les paramètres des effets de calque entre les images de début et fin.

  6. Si vous avez sélectionné une seule image à l’étape 2, choisissez une option dans le menu Trajectoire avec :

    Image suivante

    Ajoute des images entre l’image sélectionnée et l’image suivante. Cette option n’est pas disponible si vous sélectionnez la dernière image du panneau Montage.

    Première image

    Ajoute des images entre la dernière image et la première. Cette option est disponible uniquement si vous sélectionnez la dernière image dans le panneau Montage.

    Image précédente

    Ajoute des images entre l’image sélectionnée et l’image précédente. Cette option n’est pas disponible si vous sélectionnez la première image du panneau Montage.

    Dernière image

    Ajoute des images entre la première image et la dernière. Cette option est disponible uniquement si vous sélectionnez la première image dans le panneau Montage.

  7. Saisissez une valeur dans la case Images à ajouter ou utilisez les touches fléchées Haut ou Bas pour choisir un nombre d’images. Cette option n’est pas disponible si vous sélectionnez plus de deux images.
  8. Cliquez sur OK.

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.

  • Choisissez la commande Créer un nouveau calque pour chaque nouvelle image dans le menu du panneau Montage.

    Une coche indique que l’option est activée.

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.

  1. Sélectionnez une ou plusieurs images dans le panneau Montage.

  2. Cliquez sur la valeur de délai, affichée sous l’image sélectionnée, pour afficher le menu déroulant.
  3. Spécifiez le délai :
    • Choisissez une valeur dans le menu déroulant. (La dernière valeur utilisée apparaît au bas du menu.)

    • Choisissez Autre, entrez une valeur dans la boîte de dialogue Définir le délai de l’image, puis cliquez sur OK. Si vous avez sélectionné plusieurs images, la valeur de délai définie pour une image s’applique à toutes les images.

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.

Méthodes d’élimination des images
Méthodes d’élimination des images

A. Image à fond transparent avec l’option Restaurer au fond B. Image à fond transparent avec l’option Ne pas supprimer 

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.

  1. Sélectionnez une ou plusieurs images pour lesquelles choisir une méthode d’élimination.
  2. Cliquez sur l’aperçu de l’image avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Contrôle enfoncée (Mac OS) pour afficher le menu contextuel de la méthode d’élimination.
  3. Choisissez une méthode d’élimination :

    Automatique

    Détermine automatiquement une méthode d’élimination de l’image active, en supprimant l’image active si l’image suivante contient un calque transparent. Pour la plupart des animations, l’option Automatique (par défaut) produit les résultats souhaités.

    Remarque :

    pour conserver les images comprenant des parties transparentes, sélectionnez l’option Automatique lorsque vous utilisez l’option d’optimisation Suppression des pixels redondants.

    Ne pas supprimer

    Conserve l’image active tandis que l’image suivante est ajoutée à l’affichage. L’image active et les précédentes peuvent apparaître à travers les zones transparentes de l’image suivante. Utilisez un navigateur pour obtenir un aperçu fidèle d’une animation à l’aide de l’option Ne pas supprimer.

    Supprimer

    Supprime l’image active de l’affichage avant l’apparition de l’image suivante. Une seule image est affichée à la fois à quelque moment que ce soit (et l’image active n’apparaît pas à travers les zones transparentes de l’image suivante).

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.

  1. Cliquez sur la case Sélection d’options de boucle dans le coin inférieur gauche du panneau Montage.

  2. Sélectionnez une option de boucle : Une fois, 3 fois, Toujours ou Autre.
  3. Si vous avez sélectionné Autre, entrez une valeur dans la zone de texte Exécuter de la boîte de dialogue Définir le nombre de boucles, puis cliquez sur OK.

    Remarque :

    il est également possible de configurer les options de boucle dans la boîte de dialogue Enregistrer pour le web. Pour plus de détails, voir Présentation de l’option Enregistrer pour le web et les appareils.

Suppression d’une animation entière

  • Choisissez la commande Supprimer l’animation dans le menu du panneau Montage.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne