How to make an Animated GIF in Photoshop 

The creators of the format pronounced the word as "jif" with a soft "G" /dʒɪf/ as in "gym". Steve Wilhite says that the intended pronunciation deliberately echoes the American peanut butter brand Jif, and CompuServe employees would often say "Choosy developers choose GIF", spoofing this brand's television commercials.

Just to add a piece of helpful advice!! When I first tried this I couldn't figure out how to get the timeline display, and it wasn't mentioned in this video but all you have to do is go to Window (in the top toolbar near View and Help) --> Workspace --> Motion. Then the timeline bar should appear at the bottom

In 2022 you have to change the view from video timeline to frame animation

Older video, but still awesome. Very helpful - thanks!

Thank you, Mark. I played the video while working in Photoshop... and it worked .!!

I just wanna say thank you for getting to the point!!! Your amazing!!! Everyone else was hella long winded...my goodness

I'm not one to post comments but there is no tutorial easier to follow than this one tysm!

Legends say, that woman is still spinning.

Came to learn how to make a GIF, learned how to make a JIF!

This was the perfect explanation. Very helpful.

The creators of the format pronounced the word as "jif" with a soft "G" /dʒɪf/ as in "gym". Steve Wilhite says that the intended pronunciation deliberately echoes the American peanut butter brand Jif, and CompuServe employees would often say "Choosy developers choose GIF", spoofing this brand's television commercials.

Once again I want to thank you Mark for sharing your time, knowledge and charisma!

Very nicely explained. A clearly step by step tutorial. Thank you!

this video is the best of all out of youtube, teach same thing but more simple and efficient than others! Thanks a lot!

Greatly appreciated... thank you! Excellent and easy to follow instructions. I keep coming back because I can't remember the simple steps and the accent is nice :)

awesome tutorial! also interesting, one of my first graphic design professors went to college with the inventor of the gif format and according to him there is no right or wrong way to say it

very nice and simple explanantion... i did it so easily... thank you my friend... great job....

Thank you so much, I needed that speedy kind of way of making a gif

You made this process so seamless. Thank you!

When tap Save... Write Adobe Save for Web Error. What can I?😭

the most straight forward and most comprehensive explanation, thank you!!

I followed your tutorial good...but my Photoshop won't show the makeframes from layers. I cannot create gifs.

Hi, worked great, but may I point out one aspect you did not cover? How to invert the layer stack in case your GIF runs backwards like mine did. Deselect all layers in your layer stack, click the Eye icon, and then drag them to the top of the stack, with each subsequent layer being dragged under the one you just placed, and so on and so forth through the stack until you have them all reversed. You should then be able to click on the top layer, hit the 'Create Frame Animation' button to load your first frame, and then the fly out menu> Make Frames from Layer and so forth. They should play in the correct sequence, thus.

Really helpful. Thank you. Also, thanks for complicating my understanding of how to pronounce that particular file type. ;-) From now on I'm just calling them "Jifes" -- or perhaps in the Spanish style: "Hif". Thanks again.

This is one of the best and quick video about how to create an animated gif and I found it very helpful. Thank you Mark

Well done sir. Helping me get over from down under... Cheers!

This was a wonderful and easy video to comprehend. Very grateful :D

You video helped me complete a homework assignment, so thank you 🙂

Thank you so much for this tutorial, it was really helpful. I'd been wanting to make simple animations of my illustrations and didn't realise that I could use Photoshop. 😁

Thank you, struggling until I found this, just created my first Gif, really helpful.

I cannot find the selection where you can "make frames from new layers". Do you just right-click in the timeline? It does nothing for me. I don't understand how to get it to show up. My attempt at gifs just shows the first image over all the others.

This was very helpful. Thank you.

Very clear simple instructions. Thank you for posting!!

This is a great, helpful video! Thank you! I get confused easy 😅 you made it uncomplicated. 👍🏻

"to open the timeline just press the timeline button" great tutorial....

Wooo!!!! Thanks so much :))

Thank you👌. The final File is also suitable to use in PowerPoint. In older version of Photoshop Save for web is not in Export category, so better to press Alt+Shift+Ctrl+S

Is there a way to stabilize the end product like in premiere pro (warp stabilizer)? Using this method I'll need to export the GIF, convert to video format, stabilize the video, then convert it back to GIF.

Thank you for this tutorial! Finally helped me create a GIF exactly how I wanted. I had to align my pictures automatically because I was moving a bit taking those pictures. But now I am not sure how to crop the excess of the image. I tried using the crop tool but that only worked for one image at a time. Any advice please?

Well darn! Everything was going well until create timeline animation was nowhere to be found. :(

this was so simple and easy to follow - thank you so much! i wish all tutorials were like this!

THANKS!! Adobe seems to move all the controls around with every update and I cannot remember how to do the Jif ;-) stuff anyway. SOOOOOO Mark THANKS!!! Got me back on track

This is by far the best tutorial on youtube. I only had to watch it once even though I have just begun learning Ps.....

Jeef Giff whatever I want to know how to make one teach me sensei

This was very nice.👌🏻 But i’m not able to send the gif’s via Whatsapp. Whatsapp destroys the intervel. I dont know its the problem with Whatsapp or the gif. 🤦🏻‍♀️😭

Great tutorial!

Mark, you are a great tutor. I bought my A7ii partly based on your incredible content. Thanks! If only Panasonic had a Mark Galer for the G9...

Thank you so much. I used to make gifs all the time during tumblr's popularity and forgot everything. I've also seen gifs that have a static frame background and the gif is inside that static frame, so essentially it's a graphic inside a graphic - if that makes sense? I wouldn't imagine it's any different, but that's what I'm trying to do for one of my clients.

Good instruction video! Thanks!

Thanks for the help

Thanks Mark I bought another program not realising Photoshop had this much Gif capability and more

I'm doing scientific animations. Huge help, thanks.

Awesome. Thnks for this useful video.

An easy, and well explained step by step tutorial ! very helpful ! thank you

Every time I've tried this way it runs the gif backwards for some reason. My layer panel has them in descending order. I select the first image in that order and do the steps. Inevitably it sorts the gif itself backwards for some reason.

So after the auto alignment, the photos are aligned and placed behind a transparent background. What would be the best method to center the newly aligned GIF around my subject to crop and then export? Thanks for the great work and keep it coming.

Very helpful, thank you!

Great tutorial, thank you

Many Thank you sir !!! this gif video is very useful to me......

best teaching ...

the simplest video with the best outcome lets go!

excellent explanation! thank you so much:)

sir when i save for web its more than 1 gif shows in crome browser....can you please help me ??? thanks...

Truly amazing, thank you!

❤❤🙏🙏thank u so much uve been really helpful

This was soooo helpful. Just made my first ever gif! God bless you Mark!

I'm not seeing anywhere to control the speed. In the PSD preview it's nice and slow. When I go to export it's way too fast. Thoughts?

So good. Thanks a lot.

Very helpful, I really needed this! Thank you.

very nice! thank you a lot!

If you already have your files/frames ready, tutorial starts at 3:48 or so

very Helpful mark.. thanks

Good explanation. Thanks for going slowly and showing each step.

Excellent instructional video. You walk through the steps beautifully. Thank you for giving me just the instruction I needed, without a bunch of clutter.

Amazing! so easy!! thank you

thank you! that was very helpful.

Excellent video. I just watched three others that were made more recent and those sucked. Yours was right to the point and easy to understand. Now I just have to play with the transitions (tween) a bit.

Perfect way to describe how to do this. I just followed your directions and made a GIF !!! Thanks so much! Cheers!

wheres the timeline?

Great tutorial. Thank you.

Thank you for the lesson. Arigato!

THANK YOU SO MUCH

Very helpful, thanks Mark

this video could be 40 seconds long (including the intro)

Thanks so much! I often forget the method and continually come back to this. appreciate it

This is an awesome tutorial! Thank you for making this^^! Very helpful!

Hey Mark! Thanks so much for sharing. Your video was clear, concise and super helpful :D

Thank you! Great video

I sometimes have an animation with 40-50 frames. The jpgs are numbered in order that I need them to play. When I do load file from stack they show up in order. When I select create frame animation and then make frames from layers, everything is loaded backwards and i have to drag each frame to put it in order. Is there a quick fix after you load the frames to reverse the order?

This was very helpful! Thank you :)

This video saved the day!!! Thank you ^_^

"today I will be showing you how to do an animated Jiff" yep, this guy won't do

Thanks, it helped a lot.

I get an error code 48 when I got to stacked images from scripts. In the past it has allowed me to do so but not it doesn’t.

Does anyone know why the box underneath where the frame animation is supposed to be isn't showing on my photoshop?

Thank you

he sais jif..... Good tutorial though

After loading the stacked layers, I notice that ALL of my animation frames look the same. They all look like the layer that has the EYE icon turned on. So, when I hit the PLAY button, nothing happens because of the EYE icon being highlighed. But, if I turn the EYE icon off on that first layer, then that frame in the animation stack becomes clear. I am REALLY confused here. How do I get my animation frames to behave individually and in sequence as they are supposed to behave? The weird thing is, when I first imported/opened the stacked image layers, and I hit the play button, they worked perfectly, only, they animated backwards. I don't understand what I did wrong. This should be easy. I have made GIFs before that work perfectly. What am I doing wrong THIS time around?

it doesn't work for me: when selecting 'create frame animation' the first image does not 'automatically load' and I am stuck there with nothing I can do, so it seems, help anyone?

Thank you for the video:)...