Author: Gavin
• Wednesday, February 10th, 2010

Here’s one of the simplest ways of creating an animated picture.
1) We need to have 2 or more versions of the pic (or 2 or more pic’s) in separate layers in Photoshop .
2)Now select WINDOW -> ANIMATION
3) In the Animation Timeline , click the drop down arrow on the top right. And select “Make frames from Layers”
4) And finally adjust the time on each frame ( as the default is pretty fast). Click the PLAY button to Preview.
5) “Save as” or “Save for web and devices” . Make sure its selected as Gif ( if its selected on Jpeg or any other ext the animation will not play).
Keep in mind that certain Image Preview Software’s like “Nero Photosnap Viewer” do not play animations .
Animated Gif Cartoon

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

6 Responses

  1. I like the animated guy Specially his wiggly nose .. wish i could do that with my nose .. Good Job !!!

  2. I find this site very helpful .. normally i don’t post comments Since i am lazy most times . I would like to thank you for the information out here . Keep updating . Would like to Hear more from you . However i have a query with regards to Photo shop how do i get objects disappear and reappear to give a Ghostly Appearance .
    Thank you for your time once Again .. My email above has some issues However i would like to visit this site once again to read a solution . hope u can help me out with it Gavin .

  3. Hi Gavin,
    Excellent Information . I would like to know if Maya tutorial would be coming soon ! I can’t wait for it . I am a Design geek . Wish u luck Mate . Your Site is absolutely fabulous . cheers Mate! See you soon with some Maya posts !

    Regards
    Maria Pollie Smith

  4. Thanks !!!
    I was planning a tutorial in Maya . But i’m a rookie myself ….

  5. Thats pretty simple Jackson . The only problemo I see here is the background . so what I suggest is to keep the background and the object on separate layers. Then duplicate the objects layer about 6 times ( or more ) . Now reduce the opacity on 2nd objects layer and reduce that even more on the 3rd objects layer . Reduce the opacity to 0 or 1 on the fourth layer and then keep increasing gradually on the remaining layers.
    And then when U convert the layer to frames all you need to do is play around with the time on each frame !!!

  6. I want to thank the blogger very much not only for this post but also for his all previous efforts. I found http://www.gavinmendes.com to be extremely interesting. I will be coming back to http://www.gavinmendes.com for more information.

Leave a Comment