How to Make GIF Animation

Do you want to make this?

Then this tutorial is for you. I am no professional, I just learned to make this by reading tutorials online also.

Here it is:

1. Edit all necessary photos or image that you want to save in GIF format in photoshop. If you want to have your photos with text you can do it there.

2. Open if you have one. I made this sort of animation above in image ready and this tutorial will be based on that software.

3. Open the photos you want to save in GIF form. I have 5 photos on the animation above.

4. Go to Window > Animation. A new box will be visible to your screen and that is the animation box.

5. Go to your photo number 2 (this is the second photo to be in the line to your animation) and click the small circle that has an arrow inside it on the upper right corner of the animation box.

6. Click copy frame.

7. Go back to the photo number one and then click again the circle with an arrow inside it then paste frame. There will be a pop up that will ask you the paste methods. Choose the Paste After the Selection.

8. You should see by now on your animation box two photos.

9. Do steps number 5-7 again until you pasted all of your photos on the animation box.

10. After pasting the photos to the animation box put some delay to your animation. This is how long or short the next photo will display to your animation. Click the 0sec. below the photo on your animation box. And choose the delay. I chose 0.5 second delay to my animation. Put on delays on all of your photos.

11. Click play on the animation box to see if the animation is ok for you.

12. Then if everything is already set make sure that the format is on GIF. To see this see the optimize box on the upper right side of your screen. Click the arrow down and choose GIF. I just let the preset unnamed.

13. Then save your file as optimized. Go to File > Save Optimized As…

Thats it! You now made your animated file. Congrats!

13 Comments

  1. Mitch Says:

    That’s so cute and funny! Hehe!

    I’ll try making one, one of these days!

    Mitch’s last blog post..Win $25 Cash And Some Fab Prizes

  2. jennyL Says:

    Nice tut Diane, ako naman mas sanay gumawa sa PSP8..

    jennyL’s last blog post..: Are you ready for school year 2008-2009 parents? :

  3. erra Says:

    heheh! that is so kulit. I remember making my animated self using that. Cartoon nga lang ako, nakakatuwa :D

    erra’s last blog post..Beach-hirit

  4. James Spada Says:

    I like the gif. I actually made a gif of how to make a gif using image ready. Eight easy steps if you import from a folder rather than merge frames. If you like gif put in your email at wegif.com and i will send you an invite.

  5. For the love of gifs. » Blog Archive » A Handful of Suprises Talkin Gifs Says:

    [...] Using Photo Shop to create an animated GIF. [...]

  6. Jiro Says:

    Hi, Diane
    Your photos are great. Very good looking.

  7. Xavier Says:

    Hi there Diane.. thnx a lot for the tip i guess that is the easiest thing i’ve learnt as of now on photoshop.. :P

  8. Gini Says:

    Great Tutorial. I actually find animated gifs easier to make in Photoshop Elements, though.

    Ginis last blog post..How to Create Gorgeous Snowflakes in Photoshop

  9. weGIF Says:

    i find this post really comprehensive and clear. easy to follow and understandable….anyway thanks for the free tutorial i really learned a lot…. i am also into this stuff and i love it… it’s fun and easy to do…. i am a member of http://www.wegif.com/
    Gif Photo Animation

  10. LockedUpMind Says:

    Wow cool. I’ll try this one!
    Hindi pa kasi ako nakakagawa ng GIF’s eh!
    Nice tutorial!

  11. jj Says:

    Hi!
    This tutorial is really cool, very easy to follow even for a beginner like me (in terms of using the photoshop). Now I can add some GIF on my ppt presentation, I think my co-workers would wonder how did I made those pictures.
    Hehe

    Anyways…THANK YOU SO MUCH..

    jj

  12. Elnest Says:

    voila!!! i never thought it would be that simple

  13. Arvin Says:

    It”s been a big help to me,THANKS A LOT!

Leave a comment

CommentLuv badge