How to Create Animated GIFs Using Photoshop

Co-authored by wikiHow Staff

Last Updated: June 2, 2021 Tested

This wikiHow teaches you how to make an animated GIF in Adobe Photoshop by creating one from scratch, or by converting a video. You will need Adobe Photoshop CS6 or later.

Method 1

Method 1 of 2:

From Scratch

Download Article

It's the app with a light-blue "Ps" on a dark background.
2
Create a new project. To do this:
- Click File.
- Click New.
- Select your project size.
- Click Create.
Advertisement
3
Create a layer for each frame. Every layer in your animated gif will be its own frame. If you are drawing an animation by hand or arranging a set of still pictures, make sure that every frame is on a new layer. You can create a new layer in several ways:
- Click the New Layer icon at the bottom of the layer window.
- Click Layer, New, Layer.
- Press Shift+Ctrl+N (PC) or Shift+Command+N (Mac).
This will add a video timeline at the bottom of your Photoshop project, similar to the timeline in video editors.
You may have to click the
button first to see this option.
It's in the top-right of the Timeline window. Clicking it opens a drop-down menu.
This will convert each layer into a single frame of the animated GIF.
Click the
next to "Once" at the bottom. This is the setting for how many times you would like the animation to repeat.
9
Select Forever. This will set the animated GIF to repeat the animation constantly.
- You can also click the
  icon under each frame to adjust the timing if you want it to appear on-screen for a longer or shorter time during the animation.
This opens the export options for web format images.
11
Click Save. If you want to save the GIF as a lower-quality file so it will load faster, first click the Optimized, 2-Up, or 4-Up tabs and select an option that has a smaller filesize in the bottom-left of each image preview.
- Make sure "GIF" is selected in the drop-down box on the right.
Your animated GIF will be exported. You can now open the image, post it on the web, or send it to friends.

Method 2

Method 2 of 2:

From a Video

Download Article

It's the app with a light-blue "Ps" on a dark background.
2
Open the video file. This will import the video into Photoshop and place it in a Timeline window at the bottom. To do this you can drag and drop the file directly into Photoshop, or you can:
- Click File, then Open.
- Select your video file.
- Click Open.
3
Adjust the duration. Click the very beginning or end of the video file on the timeline and drag it to the other side to adjust where the video clip starts playing and where it stops playing.
- If you want to preview your changes at any time, press the play button on the left in the Timeline window.
4
Adjust the speed. If you want to speed up or slow down the rate at which the video plays, you can right-click on the clip in the timeline and change the Speed parameter. You can enter a new percentage number (i.e. 50% plays the video at half speed, 200% plays the video and double speed) or:
- Click
  and drag the slider left or right to adjust the speed manually.
5
Change the image size. If you imported an HD quality video, chances are the image size is quite large. If you want to post your animated GIF on the web and don't want it to take a long time to load, you will want to reduce the size. To do that:
- Click Image.
- Click Image Size.
- Enter a new image size (350 by 197 is recommended for HD videos).
- Click OK.
- Click Convert.
This opens the export options for web format images.
7
Choose a quality version. If you want to save the GIF as a lower-quality file so it will load faster, first click the Optimized, 2-Up, or 4-Up tabs and select an option that has a smaller filesize in the bottom-left of each image preview.
- Make sure "GIF" is selected in the drop-down box on the right so the image will save as a GIF file that supports animation, and not a JPEG or PNG.
Click
next to Looping Options and select an option. It's in the bottom-right of the window. Select whether you want your GIF to play through once, or loop forever.
This will open the save window.
Your animated GIF will be exported. You can now open the image, post it on the web, or send it to friends.

Community Q&A

Search

Add New Question

Question

I created a GIF, but it will not open in Internet Explorer. Do I have an incorrect setting?

Community Answer

Internet Explorer is somewhat limited; try it in Google Chrome. As that's currently the most-used browser, that will be a good test to ensure others are able to see it.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 1 Helpful 9
Question

In CS2, even though I select cycle once, and the preview only cycles once, the saved GIF cycles continuously. What's up?

Community Answer

Every GIF cycles continuously; this cannot be changed. It may preview once but will loop, no matter where you place the GIF.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 6 Helpful 1

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Tips

For Looping Options, instead of "Once" or "Forever," you can also select "Others" and select the number of times that you want your animation to loop.

Thanks
Helpful 0 Not Helpful 0