Comment créer des gifs animés avec Photoshop

PDF download Télécharger l'article
Coécrit par l'équipe de wikiHow

PDF download Télécharger l'article

Pour animer une page web, vous avez envie d'utiliser un GIF animé et pour cela, vous avez déjà le célèbre logiciel Adobe Photoshop. Sachez que vous pouvez créer un GIF animé entièrement personnalisé ou utiliser une vidéo existante. Pour cela, vous devez posséder au minimum la version 6 d'Adobe Photoshop.

Méthode 1
Méthode 1 sur 2:

Créer un GIF animé personnel

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Son icône est un « Ps » bleu clair sur un fond bleu foncé.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pour ce faire :
    • cliquez sur Fichier ,
    • cliquez sur Nouveau ,
    • spécifiez la taille du projet,
    • cliquez sur le bouton bleu Créer .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Chaque calque de votre GIF animé est indépendant des autres. Peu importe que vous dessiniez vous-même votre animation à la main ou que vous utilisiez des images prises ailleurs, le tout est que les différents éléments de l'animation soient sur des calques différents. Il y a plusieurs façons de créer un nouveau calque :
    • cliquez sur l'icône Nouveau calque au bas de la fenêtre du calque,
    • cliquez sur Calque , Nouveau , Calque ,
    • appuyez sur les touches Majuscule + Contrôle + N (PC) ou Majuscule + Commande + N (Mac).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1e\/Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cliquez ensuite sur Montage . Au bas de votre écran apparait une table de montage, comme dans un logiciel d'édition de vidéos.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2d\/Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2d\/Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si l'option n'apparait pas, cliquez sur
    Android 7 Expand More
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/1\/1e\/Android7expandmore.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Android7expandmore.png\/30px-Android7expandmore.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e3\/Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e3\/Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ce bouton est dans le coin supérieur droit de la fenêtre du montage. Un menu déroulant apparait alors.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/43\/Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/43\/Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ce bouton permet de transformer chaque calque en une image du GIF animé.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/91\/Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    C'est la fonctionnalité qui vous permet de définir la boucle de l'animation.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ainsi paramétré, votre GIF animé tournera en continu.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cliquez ensuite sur Exporter , puis sélectionnez Enregistrer pour le web (hérité) . Une fenêtre de réglages apparait et vous permet de définir cette image pour le web.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Un GIF animé n'a pas besoin d'une grande résolution. Cliquez d'abord sur l'onglet Optimisé , 2 vignettes ou encore 4 vignettes . En bas et à gauche de chaque aperçu d'image, vous pourrez sélectionner une taille qui diminue le poids du fichier en question.
    • Vérifiez que GIF soit bien le format défini dans le menu déroulant de droite.
  12. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Trouvez-lui un dossier de destination, puis cliquez sur Enregistrer . Votre GIF animé est désormais dans le dossier choisi, vous pouvez l'ouvrir, le poster sur le web ou encore l'envoyer en pièce jointe dans un courriel .
    Publicité
Méthode 2
Méthode 2 sur 2:

Créer un GIF animé à partir d'une vidéo

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Son icône est un « Ps » bleu clair sur un fond bleu foncé.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    La vidéo est alors dans la fenêtre principale de Photoshop. Placez-la dans la fenêtre du montage, située en bas. Pour cela, il suffit de saisir le fichier avec la souris et de le glisser sur Photoshop , sinon :
    • cliquez sur Fichier , puis sur Ouvrir ,
    • sélectionnez le fichier vidéo,
    • cliquez enfin sur Ouvrir .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dans le panneau Montage , cliquez sur le curseur de gauche (en haut) et déplacez-le à l'endroit où commencera le GIF animé. De même, vous pouvez raccourcir la vidéo avec le curseur de droite. Enfin, vous pouvez jouer sur les deux curseurs.
    • Si vous voulez voir ce que donnent vos modifications, appuyez sur le bouton d'exécution qui se situe sur la gauche de la fenêtre du montage. Rectifiez, si nécessaire.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pour modifier la vitesse d'exécution de la vidéo, faites un clic droit sur la vidéo (dans la partie Montage ) et modifiez la vitesse. Si vous entrez un pourcentage de 50 %, cela aboutira à une vidéo qui défilera à une vitesse deux fois moindre que sa vitesse originelle, si c'est 200 %, elle ira deux fois plus vite.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si vous importez une vidéo HD de qualité, il y a de très fortes chances pour que les images aient une résolution importante, d'où un poids en octets important. Si le GIF animé est destiné à être publié sur Internet, vous allez être obligé de réduire sa taille si vous ne voulez pas que le téléchargement soit trop long. Pour cela :
    • cliquez sur Image ,
    • cliquez sur Taille de l'image ,
    • entrez une nouvelle taille d'image (350 x 197 est généralement recommandé pour une vidéo HD),
    • cliquez sur OK ,
    • cliquez sur Convertir .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cliquez ensuite sur Exportation , puis sur Enregistrer pour le web (hérité) . Vous accédez ainsi à toute une série de réglages spécialement destinés à la diffusion sur le web.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f6\/Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f6\/Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Un GIF animé n'a pas besoin d'une grande résolution afin d'être téléchargé plus rapidement. Cliquez d'abord sur l'onglet Optimisé , 2 vignettes ou encore 4 vignettes . En bas et à gauche de chaque aperçu d'image, vous pourrez sélectionner une taille qui diminue le poids du fichier en question.
    • Vérifiez que GIF soit bien le format défini dans le menu déroulant de droite. Seuls les fichiers GIF permettent de créer un… GIF animé. Cela ne marchera pas si vous choisissez le format JPEG ou PNG.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Le menu déroulant Options de boucle , en bas et à droite, s'ouvre en cliquant sur la flèche : choisissez une des options proposées. Ainsi, vous pouvez décider que votre GIF animé ne défilera qu'une fois ou tournera en boucle.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    La fenêtre d'enregistrement apparait à l'écran.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/27\/Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/27\/Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Assignez-lui un dossier, cliquez ensuite sur Enregistrer . Votre GIF animé se retrouvera alors dans le dossier de destination. Vous pouvez l'ouvrir, le poster sur le web ou encore l'envoyer en pièce jointe dans un courriel.
    Publicité

Conseils

  • Pour les options de boucle, il existe, à part Une fois ou Toujours , une troisième possibilité : Autres . Là, vous sélectionnerez le nombre d'exécutions de votre animation.
Publicité

Avertissements

  • Enregistrez régulièrement votre travail. Ainsi, en cas de problème ou d'erreur, vous ne serez pas obligé de tout reprendre à zéro.
Publicité

wikiHows en relation

Comment
ajouter des polices dans Photoshop
Comment
enlever un texte sur une photo de Photoshop
Comment
transformer un JPEG en objet vectoriel dans Photoshop
Comment
incurver un texte dans Photoshop
Comment
ajouter la transparence dans Photoshop
Comment
inverser des couleurs dans Photoshop
Comment
justifier un texte dans Photoshop
Comment
faire pivoter des objets sur Photoshop
Comment
utiliser l'outil Déformation dans Photoshop
Comment
modifier une couleur d'arrière‐plan avec Photoshop
Comment
centrer un texte dans Photoshop
Comment
créer un motif dans Photoshop
Comment
créer un dégradé dans Photoshop
Comment
créer un arrière‐plan avec Adobe Photoshop
Publicité

Références

  1. Saving GIF Files in Photoshop

À propos de ce wikiHow

Autres langues 
Cette page a été consultée 232 452 fois.

Cet article vous a-t-il été utile ?

Publicité