Tutoriels

Comment faire un GIF sur Photoshop ?

gif photoshop
Publié par Léo Chatillon

Vous souhaitez créer un GIF pour décorer votre site web, l’insérer dans votre newsletter ou encore le partager sur les réseaux sociaux ?

Besoin d'un graphiste ?
Trouvez gratuitement un graphiste qualifié et disponible !

Déposez votre annonce

Vous êtes graphiste ? Créer un compte gratuitement

Vous possédez Photoshop mais ne savez pas comment vous y prendre ?

Ne bougez pas : voici deux méthodes simples pour faire un GIF sur Photoshop : l’une à partir d’images et l’autre à partir d’une vidéo.

1) Faire un GIF sur Photoshop à partir d’images

Commencez par créer un nouveau projet sur Photoshop, aux dimensions que vous souhaitez :

faire un gif sur photoshop

Importez ensuite les images que vous souhaitez utiliser dans votre GIF (il vous suffit de les faire glisser dans la fenêtre de Photoshop). Assurez-vous que chacune d’entre elle constitue un calque à part entière.

faire un gif sur photoshop

Commandez un logo personnalisé
à l'un de nos 30 000 graphistes professionnels
Pour toutes les entreprises et tous les budgets

Commander mon logo

Supprimez le calque Arrière-plan afin de ne conserver que les photos que vous souhaitez intégrer dans vitre GIF :

faire un gif sur photoshop

Dans le menu, rendez-vous maintenant dans l’onglet “Fenêtre” et cliquez sur “Montage” :

faire un gif sur photoshop

Un panneau apparaît en dessous de vos images avec, en son centre, un bouton intitulé “Créer un montage vidéo”. Cliquez sur la petite flèche à droite et sélectionnez “Créer une animation d’image” :

faire un gif sur photoshop

Ensuite, cliquez sur le petit bouton en haut à droite du panneau de montage et sélectionnez “Créer des images d’après des calques” :

faire un gif sur photoshop

Vos différentes images apparaissent maintenant dans le panneau de montage. Vous pouvez les faire glisser pour changer facilement leur ordre d’apparition :

faire un gif sur photoshop

Vous pouvez également régler la durée d’affichage de chaque image :

faire un gif sur photoshop

Une fois vos réglages effectués, cliquez sur Fichier > Exportation > Enregistrer pour le web (hérité) :

faire un gif sur photoshop

Dans la fenêtre qui apparaît, veillez à bien choisir le format “GIF” et vérifiez que le paramètre “Options de boucle” est réglé sur Toujours :

faire un gif sur photoshop

Et voilà, vous obtenez un GIF personnalisé à partir de vos images :

gif fait avec photoshop

2) Faire un GIF sur Photoshop à partir d’une vidéo

Vous avez tourné une superbe vidéo que vous souhaiteriez transformer en GIF ? C’est un jeu d’enfant avec Photoshop.

Pour commencer, ouvrez votre vidéo dans Photoshop (cliquez sur Fichier > Ouvrir). La fenêtre de montage apparaitra automatiquement :

créer un gif à partir d'une vidéo sur photoshop

Si vous le souhaitez, vous pouvez modifier le point de départ et le point d’arrivée de la vidéo en bougeant les curseurs :

créer un gif à partir d'une vidéo sur photoshop

Par ailleurs, en effectuant un clic droit sur la zone bleue représentant la vidéo, vous pouvez ajuster sa vitesse et sa durée :

créer un gif à partir d'une vidéo sur photoshop

Enfin l’icône en forme de rouage vous permet de modifier la résolution. Plus cette dernière est élevée, plus la vidéo sera de bonne qualité (mais plus le GIF sera lourd) :

créer un gif à partir d'une vidéo sur photoshop

Une fois vos réglages effectués, vous pouvez passer à l’exportation :

faire un gif sur photoshop

Une fois encore, vérifiez que vous avez bien sélectionné le format GIF et que “Options de boucle” est réglé sur Toujours :

créer un gif à partir d'une vidéo sur photoshop

Cliquez enfin sur Enregistrer pour obtenir votre GIF animé :

gif à partir d'une vidéo photoshop

 

Besoin d’aide pour réaliser des travaux graphiques plus poussés ? Trouvez dès maintenant un graphiste freelance sur Graphiste.com.

Comment faire un GIF sur Photoshop ?
4.8 (96.67%) 6 votes

6 Commentaires

  • Bonjour, merci pour ce tuto;)
    J ai un soucis à l’étape où il s’agit de cliquer sur « Créer des images d’après des calques », cette fonction n’apparaît pas dans la fenêtre!! Comment faire?
    J’ai bien respecter les consignes avant cette étape…
    Merci pour votre réponse,
    Bien cordialement

  • Bonjour, j’ai le même souci avec l’option “créer des images d’après les calques” elle n’apparait pas. Comment faire ? merci, bonne journée 🙂

  • Bonjour,
    J’ai fait la manip plusieurs fois. J’ai réussi certain gif, et d’autres non. Quand je les ouvre via les photos cela fonctionne très bien mais une fois que je l’intègre dans mon wordpress, il n’y a plus de gif. Comment faire merci ?

Laissez un commentaire