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^{(GIF file)} avec animation. Tort!

Si vous essayez de créer le GIF de cette manière, vous remarquerez que la section Animation^{(Animation section)} de la boîte de dialogue Enregistrer^(Save) pour le Web^{(Web dialog)} 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^{(Frame Animation)} 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 ^{(video and convert)}GIF animé . Seul le processus d'importation^{(import process)} 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^{(photoshop file)} . Donc, si vous avez 6 images, par exemple, ouvrez-les toutes dans Photoshop , puis créez un nouveau fichier et copiez^{(file and copy)} et collez chacune des images dans un calque séparé dans le nouveau fichier. Le calque 1^{(Layer 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^{(Photoshop file)} . 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^{(Timeline window)} . Allez dans Fenêtre^(Window) et choisissez Chronologie^(Timeline) .

Vous verrez maintenant la fenêtre Chronologie^(Timeline) ouverte en bas de l'écran. Il devrait être complètement vide pour commencer. Maintenant, pour créer une animation d'image^{(frame animation)} , faites simplement un clic droit n'importe où dans la zone Chronologie^{(Timeline box)} et choisissez Créer une animation^{(Create Frame 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^{(left corner)} . Ce sera soit l'image que vous avez sélectionnée dans le panneau Calques,^{(Layers panel)} soit le calque ajouté le plus récemment (dernière image de l'animation). À ce stade, il s'agit d'une animation à une image^{(frame animation)} , 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 Timeline^{(Timeline window)} . 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^{(custom amount)} .

Une fois que vous avez sélectionné la durée de chaque image, vous êtes prêt pour la dernière étape, qui consiste à enregistrer votre nouvelle animation dans un fichier GIF^{(GIF file)} .

Étape 3 - Enregistrer le fichier GIF

Il est maintenant temps d'enregistrer votre GIF animé . Pour cela, allez dans Fichier^(File) et cliquez sur Enregistrer pour le Web^{(Save for Web)} . Tout en bas de la boîte de dialogue de sauvegarde^{(save dialog)} , vous verrez la section Animation^{(Animation section)} , 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^(GIF) animé est trop volumineux, vous devrez d'abord réduire la taille des images individuelles avant de créer votre fichier Photoshop^{(Photoshop file)} 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^(File) , puis Importer^(Import) et en cliquant sur Images vidéo vers calques^{(Video Frames to Layers)} .

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

How to Create Animated GIFs from Images using Photoshop CS6

I recеntly took some funny pictures of my cousin and wanted to create my own animated GIF instead of using the “Auto Awesome” one creаted аutomatically by Google+. Sіnce I have Photoshop CS6 installed, I figured I would give it a shot and see what happens. At fіrst, I thought it would bе fairly strаight-forwаrd: import the images intо separate layers and then just save it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Comment enregistrer des GIF animés sur un mobile et un ordinateur

• Comment Mask dans Photoshop à Hide Layers

• Comment convertir Multiple Images en PDF Files

• Comment ajouter un arrière-plan à une image d'écran vert dans Photoshop

• 7 modifications d'image faciles que vous pouvez faire dans Photoshop

• Comment Search Facebook Friends par Location, Job, ou School

• Comment faire une image en noir et blanc dans Photoshop

• Comment créer un PDF multipage dans Photoshop

• Comment Mute Someone sur Discord

• Comment 08932008 ou Spying Software

• Qu'est-ce que Discord Streamer Mode and How pour le mettre en place

• Comment 08498087 à Word, Google Docs and Outlook

• Comment changer l'arrière-plan d'une image à l'aide de Photoshop

• Quel est le Uber Passenger Rating and How pour vérifier

• 10 Best Ways à Child Proof Your Computer

• Votre Computer Randomly Turn sur lui-même?

• Comment Download and Install Peacock sur Firestick

• Comment faire en 6 Wired Printer Wireless Toute Different ​​façons

• Comment trouver les serveurs meilleurs Discorde

• Comment changer la langue sur Netflix