Tuto : Créer un GIF avec Photoshop

Home / Le Monde du Web / Tuto : Créer un GIF avec Photoshop

TUTO GIF PHOTOSHOP

Il existe plusieurs façons et plusieurs logiciels pour créer des Gifs. Nous allons voir aujourd'hui comment créer un gif avec photoshop. Pour cet exemple, nous prendrons 7 photos. A noter qu'il est également possible de réaliser des gifs à partir d'une vidéo.

 

TUTO : Créer un GIF avec Photoshop

 

Avant de commencer à créer un gif avec photoshop, il est important d'isoler toutes les photos concernées dans un dossier à part. Pour faciliter les manipulation suivantes, il est conseillé de numéroté les photos dans l'ordre du futur gif. 

Les images de cet exemples s'appellent donc 1.png /2.png /3.png /4.png...

Etape 1 : Charger les images dans Photoshop

Fichier > Script > Chargement des fichiers dans une pile...

 

Tuto d'histoire de bambou : créer un gif avec photoshop

Une fenêtre apparaît. Cliquer sur Parcourir afin de rechercher les images dans l'ordinateur. 

gif photoshop

Sélectionner toutes les images prévues pour le gif, cliquer sur OK. Les images s'affichent ensuite chacune dans un calque.

Tuto d'histoire de bambou : gif avec photoshop

Etape 2 : Charger les images dans un montage

Fenêtre > Montage. 

gif photoshop, montage photo histoire de bambou

 

Une fenêtre de montage apparaît en bas de l'écran. La première image du GIF se trouve déjà dans cette fenêtre. La prochaine étape à suivre est d'insérer toutes les autres images les unes à la suite des autres. 

création gif photoshop

 

Cliquer sur les trois petites lignes en haut à droite de la fenêtre de montage. Puis cliquer sur Créer des images d'après des calques.

 

 

Etape 3 : Définir l'ordre des images et leur temps d'affichage 

Les images s'affichent ensuite dans la fenêtre de montage. Il est possible que les calques ne soit pas dans l'ordre souhaité. Il est facile de les déplacer avec un cliqué-glissé pour les remettre dans le bon ordre. 

 

Par défaut, toutes les images ont une durée de zéro seconde. Pour personnaliser le temps d'affichage de chaque élément, il suffit de cliquer sur le 0s en dessous.

 

gif photoshop

Etape 4 : Enregistrer le GIF 

Fichier > Enregistrer pour le web...

créer un gif avec photoshop

Une fenêtre d'enregistrement apparaît. Il est possible d'obtenir un aperçu avant l'enregistrement final en cliquant sur le bouton aperçu, en bas à gauche de cette fenêtre. 

enregister un gif photoshop

Pour finir, cliquer sur Enregistrer...

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *