Créer et enregistrer un GIF sur Photoshop

blog

Graphisme

Photoshop

GIF Photoshop

Comment créer un GIF sur Photoshop ?

|

7 min

|

Par Maëva Zeline

Le GIF est un format de fichier image créé pour l’exportation de logos et de créations graphiques et utilisant peu de couleurs. Le format GIF s’est démocratisé, et tout le monde le connait maintenant pour ça, en tant que très courte animation animée qui tourne en boucle. Elle provoque souvent un effet comique et permet d’illustrer un point précis d’un texte Web. Découvrez dans cet article une méthode simple pour créer un GIF sur Photoshop et perfectionnez vos compétences sur le logiciel grâce à notre formation Photoshop en ligne.

Sommaire

  • Créer un Gif animé sur Photoshop
  • Enregistrer en format GIF
  • Les particularités du format GIF
  • Téléchargez votre PDF de raccourcis Photoshop
  • Sources

Programme formation Photoshop

+ de 3500 téléchargements

Partager sur :

Créer un Gif animé sur Photoshop

Importer une série d’images sur Photoshop

Pour débuter votre projet et faire un GIF sur Photoshop, importez les images que vous souhaitez animer. Pour ça, ouvrez Photoshop et choisissez Fichier > Scripts > Chargement des fichiers dans une pile. Cliquez ensuite sur Parcourir et localisez les photos à utiliser sur votre PC. Sélectionnez tous les fichiers que vous souhaitez importer en cliquant sur le premier de la liste, puis en maintenant la touche majuscule enfoncée. Cliquez sur Ouvrir. Cliquez sur OK pour importer les photos dans un fichier comportant un seul calque. Vous retrouvez chaque image importée dans un calque particulier.

 

Si votre fichier d’origine est une vidéo, vous devez commencer par convertir chaque image de la vidéo en calques individuels. Pour cela, sélectionnez Fichier > Importation > Images vidéo dans des calques. Localisez et sélectionnez le fichier vidéo sur votre PC et ouvrez-le. Notez que Photoshop ne pourra pas importer une vidéo trop longue.

Ouvrir le montage vidéo avec Photoshop

Pour accéder à la fenêtre de montage sur Photoshop, cliquez sur Fenêtre > Montage. Cliquez ensuite sur la flèche du bouton situé au centre du panneau et sélectionnez Créer une animation d’image.

Bon à savoir

Découvrez l’outil tampon de Photoshop pour dupliquer les parties de vos images pour les positionner ailleurs. 

img test
Maîtrisez Photoshop de A à Z

Gestion des espaces colorimétriques, calques, détourage, masques de fusion, brushs, fonctionnalités avancées.

Découvrir la formation

Convertir les calques en image d’animation

Pour convertir les claques en images animées, vous devez cliquer sur l’icône de menu située dans l’angle supérieur droit du panneau Montage. Choisissez ensuite Créer des images d’après des calques. Cette opération convertit les calques du panneau Calques en images individuelles dans votre animation.

 

Cliquez ensuite sur le bouton Lecture, situé en bas du panneau Montage, pour prévisualiser l’animation. Pour activer la lecture ou le mode Pause d’une vidéo, vous pouvez aussi cliquer simplement sur la barre d’espace de votre clavier. Il arrive que les images soient montées en sens inverse lors de la lecture automatique. Dans ce cas, cliquez de nouveau sur l’icône de menu du panneau Montage, puis sélectionnez l’option d’inversion des images.

Configurer la lecture en boucle

Afin de configurer la lecture en boucle après avoir fait un GIF sur Photoshop, cliquez sur l’option de répétition. Il est situé en bas du panneau de Montage. Sélectionnez ensuite Toujours, afin de créer votre animation GIF en boucle. Cliquez sur le bouton Lecture situé au bas du panneau Montage (ou appuyez sur la barre d’espace de votre clavier) pour prévisualiser l’animation.

Bon à savoir

Découvrez comment créer des collages Photoshop. Vous saurez bientôt importer plusieurs images sur un même document. 

img test
Formations Graphisme

Formez-vous aux métiers du graphisme grâce à nos formations PAO et Graphisme à distance. 

Découvrir les formations

Exporter l’animation au format GIF

Pour exporter votre animation en format GIF, suivez le chemin suivant : Fichier > Exportation > Enregistrer pour le Web (hérité), puis suivez les étapes ci-dessous :

 

  1. sélectionnez l’option GIF 128 Tramé dans le menu des Paramètres prédéfinis ;
  2. choisissez ensuite le nombre de couleurs maximum, soit 256 ;
  3. adaptez les longueur et largeur de votre création afin de l’alléger si vous souhaitez le publier en ligne. Faites-le dans les options de Taille de l’image ;
  4. enfin, cochez Toujours pour l’option de boucle.

En cliquant sur le bouton Aperçu, situé dans l’angle inférieur gauche de la fenêtre d’exportation, vous pouvez prévisualiser le résultat de votre création GIF. Si vous êtes satisfaite(e), validez en cliquant sur Enregistrer. Pour finir, choisissez le dossier de destination de votre animation GIF créée sur Photoshop. Vous venez de créer facilement un GIF animé totalement personnel. Vous pouvez maintenant le publier sur votre site Web ou vos réseaux sociaux.

 

Pour terminer, sachez que cette méthode de création que nous venons de vous décrire fonctionne aussi avec des fichiers Photoshop multicalques. Photoshop vous permet de choisir, au moment de l’importation de vos fichiers, si vous voulez qu’ils le soient en Calques individuels ou en séquence.

Enregistrer en format GIF

À partir du logiciel Photoshop, vous pouvez exporter et enregistrer vos créations sous de multiples formats. Les plus utilisés restent JPEG et PNG. Afin d’enregistrer vos créations visuelles en format GIF, vous devez cliquer sur Fichier > Enregistrer sous. Dans la liste de formats proposés, sélectionnez GIF. 

 

Pour une utilisation en ligne de votre animation, privilégiez une exportation en sélectionnant Fichier > Exportation > Enregistrer pour le Web (hérité). Choisissez ensuite Gif 128 Tramé comme format, tout en vérifiant que l’option En boucle est bien activée.

 

Une fenêtre contextuelle s’ouvre. Renseignez alors les options d’enregistrement, telles que : 

  • 256 pour le menu Couleurs ;
  • modifiez les hauteurs et largeurs si votre GIF est destiné à être présent en ligne, afin de limiter son poids et donc, son temps de chargement. Pour ça, modifiez les valeurs des champs L et H dans les options Taille de l’image ;
  • dans le menu Options de boucle, sélectionnez Toujours.

Pour vérifier les paramètres sélectionnés, activer l’Aperçu. Vous retrouvez cette option dans l’angle inférieur gauche de la fenêtre d’exportation. Elle vous permet de prévisualiser le fichier GIF dans un navigateur web. Enfin, cliquez sur Enregistrer et sélectionnez une destination pour le fichier de votre GIF animé.

Testez vos connaissances sur Photoshop

Quel groupe de couleurs est destiné au print ?

A

CMJN

B

RVB

Les particularités du format GIF

Si le format JPEG permet de pixelliser ou de rendre flou une partie de l’image pour réduire sa qualité, le GIF utilise un maximum de 256 couleurs. Vous imaginez bien que la qualité des photos est alors de qualité médiocre. Ainsi le format GIF est recommandé pour les illustrations. Il a été créé, et est généralement réservé aux logos présentant un maximum de 6 couleurs.

 

Le GIF permet, tout comme le format de fichier PNG, de créer de la transparence, bien qu’il ne soit plus tellement utilisé pour ça. En effet, le format PNG a pris le dessus pour cette utilisation. Le PNG-24 est plus léger et permet la transparence. Un damier gris et blanc apparaît à la place du fond d’origine. Vous devez cocher cette option au moment où vous enregistrez vos images.

 

Apprenez maîtiser le logiciel Photoshop, à créer des motifs ou encore à recadrer des images grâce à la formation Photoshop proposée en ligne par Walter Learning et éligible au financement par votre CPF.

Téléchargez votre PDF de raccourcis Photoshop

Raccourcis Photoshop (PC)

Raccourcis Photoshop (PC)

+ de 700 téléchargements

Raccourcis Photoshop (MAC)

Raccourcis Photoshop (MAC)

+ de 850 téléchargements

Sources

Création d’un GIF animé à partir d’une série de photos - Adobe

Programme formation Photoshop

+ de 3500 téléchargements

Testez vos connaissances sur Photoshop

Quel groupe de couleurs est destiné au print ?

A

CMJN

B

RVB

Partager sur :

Commentaires

Publier un commentaire

Un doute, une question, nous vous répondrons dans les meilleurs délais.

Sur le même thème

Utiliser Camera RAW sur Photoshop : fonctionnement et réglages

Walter Learning

Maëva Zeline

|

1 Août 2022

La retouche photo est une étape essentielle de la pratique photographique. Vous souhaitez apprendre la photo et découvrir les techniques de retouche photo professionnel ? Avec notre , découvrez comment utiliser le module Camera Raw sur Photoshop : son fonctionnement, son utilité et les réglages techniques.

Lire l'article

Les calques sur Photoshop : mode d'emploi

Walter Learning

Maëva Zeline

|

18 Mars 2022

Les calques dans Photoshop sont un élément essentiel de ce logiciel qu’il faut savoir maîtriser. 
Un calque est un ensemble de couches empilées les unes sur les autres, dont chacune contient une partie des éléments constituant l’ensemble. Le résultat final s’obtient donc par la superposition de tous les calques.


Les calques offrent de nombreuses fonctionnalités pour et accomplir des montages de qualité. Savoir créer et utiliser des calques dans Photoshop est donc l'un des apprentissages principaux pour améliorer vos photos et vos créations graphiques.

Lire l'article

Modifier la couleur d'un objet sur Photoshop

Walter Learning

Maëva Zeline

|

13 Février 2023

Le logiciel Photoshop comprend de nombreuses possibilités, simples comme avancées, pour modifier la couleur d’un objet. Pour obtenir un résultat professionnel, il s’agit cependant de maîtriser les trois caractéristiques essentielles de la couleur, soit sa teinte, son intensité et sa luminosité. Cet article vous propose une méthode guidée pour appliquer une nouvelle couleur à un item, tout en créant une harmonie de nuances à la fois vivante et réaliste.

Lire l'article

Recadrer une image sur Photoshop : tutoriel

Walter Learning

Maëva Zeline

|

3 Janvier 2023

Si le fait de savoir vérifier et modifier la taille d’une image sur Photoshop est essentiel, il est également très important d’être capable de la recadrer ou de la rogner en cas de besoin. Découvrez la marche à suivre, ainsi que quelques astuces à connaître dans cette situation.

Lire l'article