Dans Photoshop, le panneau Animation (Photoshop Extended CS5) ou Montage (CS6) permet de créer des images d’animation. Chaque image représente une configuration de calques.

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.

1. Assurez-vous que le panneau Animation (Photoshop Extended CS5) ou Montage (CS6) est en mode animation d’images.
2. Cliquez sur le bouton Duplication des images sélectionnées  dans le panneau Animation.

1. Dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6), 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 Animation 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.

1. Sélectionnez une ou plusieurs images à copier dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6).
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.

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

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 Animation (Photoshop Extended CS5) ou Montage (CS6).

   • 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 lorsque vous sélectionnez la dernière image dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6).

   Première image

   Ajoute des images entre la dernière image et la première. Cette option est uniquement disponible si vous sélectionnez la dernière image dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6).

   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 dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6).

   Dernière image

   Ajoute des images entre la première image et la dernière. Cette option est uniquement disponible si vous sélectionnez la première image dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6).

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.

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 Animation (Photoshop Extended CS5) ou Montage (CS6).

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

1. Sélectionnez une ou plusieurs images dans le panneau Animation (Photoshop Extended CS5) ou Montage (CS6).
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.

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

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. (Photoshop Extended) Assurez-vous que le panneau Animation est en mode animation d’images.
2. Sélectionnez une ou plusieurs images pour lesquelles choisir une méthode d’élimination.
3. 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.
4. 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).

1. Cliquez sur la zone de sélection des options de boucle dans le coin inférieur gauche du panneau Animation (Photoshop Extended CS5) ou Montage (CS6).
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 : les options de boucle peuvent également être définies dans la boîte de dialogue Enregistrer pour le Web et les périphériques (Photoshop Extended CS5) ou Enregistrer pour le Web (CS6). Pour plus de détails, reportez-vous à la section Présentation de l’option Enregistrer pour le Web et les périphériques.