Creating Animated GIFs

Discussion in 'The Chop Shop' started by Moden, Jul 10, 2003.

  1. Moden Founding Member

    Member Since:
    Sep 20, 2002
    Message Count:
    414
    Likes Received:
    0
    Trophy Points:
    0
    This question seems to come up a lot, so I'll stick this for now. Basically, you have three kinds of images on the internet - GIFs, JPEGs, and PNGs. JPEGs are good for pictures because they can store a lot of colors with minimal file size but, depending on their compression, can look crappy. PNGs are typically used only for posting final copies of work that is to be printed or something, they are very large but have no limits. GIFs are limited to 256 colors and get pretty large in file size if the image is too big. However, they're prefect for small icons. GIFs also have the unique ability to be animated.
    Photoshop, as wonderful as it is, can not animate GIFs. You'll need a separate program for that. If you have a Mac, try GIFBuilder; if you use Windows try Babarosa GIF Animator. Both are pretty simple to use and have some neat extra features, but I'll just go through the basics here. (Edit: A lot of you probably have Adobe ImageReady, as it comes with later versions of PhotoShop. I don't have much experience with it, but it can also animate GIFs, as noted further down in the thread. :nice:)
    The four main things you'll need to know are the Frame Disposal Meathod, Frame Delay, Frame Transparency, and Loop. The FDM is what each particular frame does when the next one comes up. There are four choices - Unspecified, Do Not Dispose, Revert To Background and Revert To Previous. If you feel like tinkering around with these settings to get files size down you can, but for the most part just choose Do Not Dispose and you'll be fine. If you notice extra crap showing up behind frames in the final GIF, go back and chose Revert To Background. (You need to do this for each frame.)
    Frame Delay is quite simple. If tells the computer how long to keep each frame on the screen. This value is typically measured in 1/100ths of a second, so if you want a frame to show up for one second, you would type in 100. For a nice smooth looking animation, you'll probably want to set it to somewhere from 4 to 10. Once again, this needs to be done for each frame - that way, you can have some frames show longer than others. If you leave this value blank, the computer will simply try to play the frame as fast as it can, which typically looks bad.
    Frame Transparency determines if the frame has any transparency. (Rocket science!) Basically, if you want a frame to have a backgound that "shows through" to the page, you make the background a color not used in the picture (say, bright pink). You then set the transparency to that color. This feature is also independant to each frame.
    Finally, you have the Loop setting. This one is self-explanitory - you can either have the GIF play once and stop (no loop), loop forever, or loop a set number of times.
    That's it!
    [IMG]
    -david-
  2. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
  3. ryanrule impotent

    Member Since:
    Feb 11, 2002
    Message Count:
    1,437
    Likes Received:
    0
    Trophy Points:
    0
    ok, can someone help me with this, gifs dont animate on my comp, the used to , but not any mopre, cant think of anything i did that would cause this. i have xp pro
  4. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    what program and file formats are you working with?
  5. ryanrule impotent

    Member Since:
    Feb 11, 2002
    Message Count:
    1,437
    Likes Received:
    0
    Trophy Points:
    0
    i mean anywhere, like here in internet explorer. i assume those pictures u posted are animated gifs, but they dont animate, all i see is the first frame
  6. ryanrule impotent

    Member Since:
    Feb 11, 2002
    Message Count:
    1,437
    Likes Received:
    0
    Trophy Points:
    0
  7. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    i dunno why they're not working for you, they've been working for everyone else i showed them to.
  8. ryanrule impotent

    Member Since:
    Feb 11, 2002
    Message Count:
    1,437
    Likes Received:
    0
    Trophy Points:
    0
    i know, that was my question, no gif animations anywhere work for me, i was wonderin of anyone knew a setting that i may hve touched or sumthin
  9. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    not a clue, sorry.
  10. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    just made a new one

    [IMG]
  11. ryanrule impotent

    Member Since:
    Feb 11, 2002
    Message Count:
    1,437
    Likes Received:
    0
    Trophy Points:
    0
    this sucks
  12. Cammed90Notch New Member

    Member Since:
    Mar 27, 2003
    Message Count:
    614
    Likes Received:
    0
    Trophy Points:
    0
    Can't I use Adobo Image Ready?
  13. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    care to clarify that statement?
  14. Cammed90Notch New Member

    Member Since:
    Mar 27, 2003
    Message Count:
    614
    Likes Received:
    0
    Trophy Points:
    0
    I was asking if I could use ImageReady to create animated gifs?
  15. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    yes you can. it's my program of preference
  16. Cammed90Notch New Member

    Member Since:
    Mar 27, 2003
    Message Count:
    614
    Likes Received:
    0
    Trophy Points:
    0
    so how do you do it w/ ImageReady? :rlaugh:

    Thanks :)
  17. AdamantiumKnot Founding Member

    Member Since:
    Sep 29, 2001
    Message Count:
    920
    Likes Received:
    0
    Trophy Points:
    0
    import a .avi file or go and make an image with layers then create animation from layers.
  18. EvilPopTarts New Member

    Member Since:
    May 11, 2003
    Message Count:
    478
    Likes Received:
    0
    Trophy Points:
    0
    With your browser open go to tools, then internet options.. Click on the advanced tab. Go down under multimedia and make sure the box is checked that says show animations.
  19. mustangfreak_2001 Founding Member

    Member Since:
    Jul 22, 2002
    Message Count:
    272
    Likes Received:
    0
    Trophy Points:
    16
    i use adobe imageready 7.0 for my animated gifs
  20. Cammed90Notch New Member

    Member Since:
    Mar 27, 2003
    Message Count:
    614
    Likes Received:
    0
    Trophy Points:
    0
    MustangFreak or anyone else, would ya'll mind posting some of your examples of your animated stuff? :)

Share This Page