Comment créer des GIF animés à partir dimages à laide de Photoshop CS6

J'ai récemment pris des photos amusantes de mon cousin et je voulais créer mon propre GIF animé au lieu d'utiliser celui "Auto Awesome" créé automatiquement par Google+. Depuis que Photoshop CS6 est installé, j'ai pensé que j'allais essayer et voir ce qui se passerait. Au début, je pensais que ce serait assez simple : importez les images dans des calques séparés, puis enregistrez-les simplement sous forme de fichier GIF avec animation. Mauvais!

Si vous essayez de créer le GIF de cette manière, vous remarquerez que la section Animation de la boîte de dialogue Enregistrer pour le Web est grisée. Pour que cela soit activé afin que vous puissiez choisir les options de bouclage, vous devez créer ce qu'on appelle une animation de cadre dans Photoshop CS6. Cela semble compliqué, mais c'est assez facile à faire. Dans cet article, je vais vous guider à travers les étapes de création de votre propre GIF animé à l'aide d'images fixes.

Je mentionnerai également comment importer une vidéo et la convertir en un GIF animé. Seul le processus d'importation diffère lors de l'importation d'une vidéo, le reste des étapes reste le même.

Étape 1 - Importer toutes les images

La première chose que vous devrez faire est d'importer toutes vos images dans des calques séparés dans un seul fichier Photoshop. Donc, si vous avez 6 images, par exemple, ouvrez-les toutes dans Photoshop, puis créez un nouveau fichier et copiez et collez chacune des images dans un calque séparé dans le nouveau fichier. Le calque 1 doit être votre image de départ et le dernier calque doit être la dernière image de l'animation.

Cette partie du processus prendra probablement le plus de temps parmi toutes les étapes. Il existe probablement un moyen plus simple et plus rapide de le faire dans Photoshop, mais comme je ne suis pas un utilisateur professionnel, je copie et colle manuellement chaque image dans un nouveau fichier Photoshop. Si vous connaissez un moyen plus rapide, faites-le moi savoir dans les commentaires.

Étape 2 - Créer une animation de cadre

La deuxième étape consiste à créer l'animation réelle dans Photoshop lui-même. Pour ce faire, vous devez d'abord ouvrir la fenêtre Chronologie. Allez dans Fenêtre et choisissez Chronologie .

Vous verrez maintenant la fenêtre Chronologie ouverte en bas de l'écran. Il devrait être complètement vide pour commencer. Maintenant, pour créer une animation d'image, faites simplement un clic droit n'importe où dans la zone Chronologie et choisissez Créer une animation d'image .

Lorsque vous faites cela, vous ne verrez plus qu'une seule image dans la chronologie avec un petit 1 dans le coin supérieur gauche. Ce sera soit l'image que vous avez sélectionnée dans le panneau Calques, soit le calque ajouté le plus récemment (dernière image de l'animation). À ce stade, il s'agit d'une animation d'une image, ce qui n'est pas ce que nous voulons.

Au lieu de cela, nous voulons que toutes les couches soient incluses dans l'animation. Pour ce faire, nous devons cliquer sur le petit bouton fléché vers le bas à l'extrême droite de la fenêtre Chronologie. Il y a une petite flèche vers le bas, puis quelques lignes horizontales à côté. lorsque vous cliquez dessus, vous verrez une option appelée Make Frames From Layers .

Vous devriez maintenant voir un cadre pour chaque calque que vous avez dans votre fichier. Chaque image aura également une petite liste déroulante sous l'image qui vous permet de sélectionner la durée d'affichage de chaque image.

Comme vous pouvez le voir ci-dessus, la première image est de 5 secondes, puis les autres sont définies sur 0. Vous devrez les ajuster en conséquence, mais vous pouvez également choisir une durée personnalisée.

Une fois que vous avez sélectionné le temps pour chaque image, vous êtes prêt pour la dernière étape, qui consiste à enregistrer votre nouvelle animation dans un fichier GIF.

Étape 3 - Enregistrer le fichier GIF

Il est maintenant temps d'enregistrer votre GIF animé. Pour cela, allez dans Fichier et cliquez sur Enregistrer pour le Web . Tout en bas de la boîte de dialogue de sauvegarde, vous verrez la section Animation, qui ne devrait plus être grisée.

Vos options ici sont assez faciles à comprendre. Vous ne pouvez vraiment choisir que la façon dont vous voulez qu'elle se déroule en boucle, puis prévisualiser l'animation avant de l'enregistrer. C'est à peu près ça! J'espère que ce guide vous aidera à créer votre GIF animé dans Photoshop CS6 sans accroc !

Conclusion

Il y a quelques choses qui méritent d'être mentionnées. Tout d'abord, si vous trouvez que le GIF animé est trop volumineux, vous devrez d'abord réduire la taille des images individuelles avant de créer votre fichier Photoshop final avec plusieurs calques. Vous pouvez soit recadrer les images si vous n'avez besoin que d'une partie des photos pour créer l'animation, soit réduire la taille de l'image entière.

Deuxièmement, si vous avez une vidéo, vous pouvez importer automatiquement les images vidéo dans des calques en allant dans Fichier , puis Importer et en cliquant sur Images vidéo vers calques .

C'est donc tout ce qu'il y a à faire. Encore une fois, afin de gérer la taille, vous devrez peut-être réduire la qualité des images afin de créer un petit fichier GIF. Prendre plaisir!