home about tuts featured contact

Tuesday, March 29, 2011

How to make a GIF in Photoshop!

Want to learn how to make your very own GIF like the one below?  It's actually pretty easy!  

Here are the steps (I put the directions underneath since the text on the pictures are a little small):

You will also notice that my desktop background does change so I hope that doesn't confuse you.

First go to File> Open. Pick your first picture.

Step 2:
Then select your second picture. Again File> Open to pick your picture. Then go to Select> All.  Then Edit> Copy. Click on first picture, then Edit> Paste. 

Step 3:
Do the same with all the pictures you choose.  You will see all the "Layers" on the right.

Step 4:
Once you're done choosing all your pictures, go to Window> Animation. The box at the bottom will pop up.

Step 5:
Now click on the symbol at the top right of the animation box to show you a list of options.  Choose "Make Frames From Layers".

Step 6:
You will see all your pictures appear in the box.

Step 7:
Play with the timing.  I chose .5 seconds.

Step 8:
Hit the play button to check it out.

Step 9:
To save your GIF: Go to File> Save For Web & Devices.

Step 10:
Now it's time to size your image.  Find the "Image Size" tab on the right.  Make it fit your blog. Click Apply.  Then click Save and then save it to your desktop.  You're done!

I really hope you understood that and you have fun making your own GIF!  Let me know if you make one!


  1. So glad you wrote a tutorial on this - I was going to but kept dragging my feet!

  2. yay! I'm so glad you made this tutorial! I was curious how ya'll did it, although I never quite got around to googling it... but now I don't have to! I've officially bookmarked your page!

  3. Thanks girl!! I like to know that I can do it myself in PSE. You can also go to
    http://picasion.com/ and it will do it for you.


If you leave a comment via your phone, it won't show up because I use Disqus.
I promise I didn't delete it! Thanks. :)