Ian Hoar — Passion for Technology – Geeking Out

My blog entry titled “Adobe Photoshop CS3 and no Image Ready? No animated GIF’s either?” has quickly become my most popular post to date. Many questions have led me to elaborate on how to create GIF’s in Photoshop CS3 on a PC and probably on a Mac. Why probably on a Mac? Well, since the Mac save and open dialog boxes do not allow you to use your own filters like *.* it is harder to work around the lack of an import animated gif feature. You could try importing it as a known file type like MOV, and then resaving it as a GIF, but I think this might make your timeline look odd and I haven’t researched this enough because I do not have access to a Mac at home. That said, I have tried it at work, and the timeline looked like a MOV timeline, not the GIF timeline, but I’m sure with a bit of fooling around you can get it to work. Feel free to post your solutions and elaborations in the comments section of this post. That said, the following on how to create an animated gif should pose no problems on a Mac or PC.

Basically a lot of the Image Ready features were copied into Photoshop CS3. If you go to the “Window” menu you will see the “Animation” window option. This will bring up the animation window. Fig. 1.

For a test create four layers in your layers window with the numbers 1 through 4 or whatever you like. Once you are done, go to the Animation window and click the fly out arrow. This is the little down arrow. See Fig. 1.

Fig. 1.

Now you should see a menu with several options. Select the option that says “Make Frames From Layers” You can see your layers are now frames in the animation window. See Fig. 2. You can still edit your layers the way you normally would. You can also tweak the timings in the “Animation” window.

Fig. 2.

Now there are better programs for animating GIF’s, but for those of us who don’t create animated GIF’s everyday this is a workaround which I use. That said Adobe may remove support for animated GIF’s all together in future releases, or maybe they will add an import animated GIF option. Hopefully the later, but I have a sneaky feeling as one poster said in my past entry on this topic that if Adobe wanted us to buy Fireworks to create animated GIF’s then the lack of support in Photoshop may be no mistake on their part. You can also always use Flash to create Animated GIF’s also, but a lot of people used Image Ready, and I hope they continue to support this feature in Photoshop. For quick and dirty GIF animation tweaks it was a great tool.

Responses

27 Comments to “ Adobe Photoshop CS3 and no Image Ready? Animated GIF’s Part II ”

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.
  • Losman44 Losman44 Says: December 6th, 2007 at 11:10 am

    I’m haivng issues with getting CS3 animated gifs to work in GoLive.

  • Ian Hoar Ian Hoar Says: December 11th, 2007 at 9:15 pm

    I have not used GoLive, but the editor you are using should have no effect on animated gifs.

  • how do i save the animation how do i save the animation Says: December 22nd, 2007 at 4:36 am

    hello i made an animation tried saving as an animated gif but it would move please help me email me at:

    savz_p@hotmail.com

  • jessica jessica Says: January 6th, 2008 at 9:25 am

    how can i save it??

  • Ian Hoar Ian Hoar Says: January 6th, 2008 at 2:14 pm

    Use “Save For Web & Devices”.

  • Kevo Kevo Says: January 9th, 2008 at 9:23 am

    hmm every time i try to save my animated gif it looks very pixilated and dry. got any suggestions?

  • patstome patstome Says: January 12th, 2008 at 4:29 pm

    “hmm every time i try to save my animated gif it looks very pixilated and dry. got any suggestions?”

    i have the same problem! if i could save the original and not the “optimized” version everything would be great…

  • Wendy Wendy Says: January 14th, 2008 at 9:06 pm

    thanks for the post Ian!

  • pies pies Says: January 15th, 2008 at 9:53 pm

    tnx for the help men!

  • Johhny Johhny Says: January 27th, 2008 at 2:29 pm

    Thank you very much man i kept on saving it as a movie and it was pretty strange but thanks to you i know now thx

  • Sarah Sarah Says: March 7th, 2008 at 9:55 am

    I’m having the very same issue that Kevo and Patstome are having!

    I can save the animated .Gif, but only the optimized version. It is very pixelated and just ugly.
    Could you tell us how to solve this and save in the original version?

  • albacore t albacore t Says: March 7th, 2008 at 1:53 pm

    i think you can save the original by tabbing over to it on the top left corner of the ’save for web and devices’ screen. appreciate this blog post and especially the comment from ian about using ’save for web and devices’ to save the .gif. i could not figure that out and it saved me a lot of time.

  • Saralectric Saralectric Says: March 7th, 2008 at 4:41 pm

    Thanks albacore. :) I’ve hit the “Original” tab every time I’ve tried to save it, but when I open the file it is always the one up version. I appreciate the response though.

  • paranoid paranoid Says: May 17th, 2008 at 5:03 am

    hey thnx for the save tip……..really appricate that………….

  • 7crugrfx 7crugrfx Says: August 6th, 2008 at 2:52 am

    u da bomb pimpin…thnx for the answers to questions!!!…

  • MiSs_DesigN MiSs_DesigN Says: August 13th, 2008 at 1:06 am

    thank u

  • Chris Chris Says: October 6th, 2008 at 8:21 pm

    you know i’m so pissed at cs3. I’m trying to make a .gif out of a video and it wont work. when i load a video, it comes out all white. I think I need a plug in but can’t find htem anywhere, so far I can only upload a couple mpeg vids but thats it. I want to upload some other videos in other formats but I can’t! help?

  • Ian Hoar Ian Hoar Says: October 6th, 2008 at 9:15 pm

    Hi Chris, You’re not alone, a lot of people are annoyed with the lack of a gif import which was always available in past versions. As for movie files you should still be able to import MOV, AVI, MPG, and MPEG under File / Import / Video Frames to Layers… I don’t have a lot of experience with this, but I’m assuming there may be limitations depending on codecs used in the video. Hope this helps a bit.

  • 349582 349582 Says: October 9th, 2008 at 3:00 am

    Hey, I’ve tried all those steps, but when it comes to actually SAVING it, it won’t let me save as web and devices.. :/

  • elz elz Says: October 13th, 2008 at 12:21 pm

    i can’t save my gifs for web and devices either, thats in grey not black so i am missing a step somewhere.

  • Ian Hoar Ian Hoar Says: October 13th, 2008 at 12:47 pm

    I’m not really sure why it’s not working for some people. I just double checked it with a two frame animation and it worked. Try using Alt+Shift+Ctrl+S to bring up the save for web dialogue. Yes that is a crazy shortcut for something many of us use everyday.

  • elz elz Says: October 13th, 2008 at 2:06 pm

    yea no.. im thinking it has to be a format issue. i ahve no idea though. im about to go into fireworks and see what i can do. i just got this cs3 and some of its crazzy

  • papa papa Says: October 14th, 2008 at 7:32 am

    1) You get pixelated gifs because you’re probably using JPGs for each frame. JPGs support thousands of colours while GIFs only support 256. When the image is converted, any colours than the GIF can’t store isconverted to the nearest colour - hence the pixelation.

    2) [Alt] + [Shift] + [Control] + [S] is a great shortcut - use your little finger on the [Control], your thumb on the [Alt], index finger on the [S] and your ring finger on the [Shift] - not so crazy now eh?

    3) The best app (in the Adobe family anyway) to create animated GIFs is Fireworks. Get it. Love it.

  • Ian Hoar Ian Hoar Says: October 14th, 2008 at 10:06 am

    Papa, I use that short cut every day about 25 times, it’s still a lot of keys for such a common shortcut.

    As for using fireworks, that’s great if you own fireworks, but for simple animations Photoshop and Image Ready worked fine for years. I know that most likely Adobe wants the ability removed from Photoshop so people have to use Fireworks, but obviously a lot of people prefer using Photoshop for this if traffic to these two articles is any indication.

  • f0ru0l0rd f0ru0l0rd Says: October 14th, 2008 at 2:32 pm

    Worst part, you CANNOT do this on a Mac. There is no entry place for *.*, and no selection for type.

    Way to go Adobe. Way to go.

  • Gorback Gorback Says: November 25th, 2008 at 3:46 am

    Back to Photoshop CS2 - sorry nothing but problems…i need my imageready!

  • applemalc applemalc Says: January 3rd, 2009 at 9:45 am

    Hi, I was just trying to create an animated gif in CS3, when I found out as pointed out previously that imageready is no longer a part of Photoshop, however when I upgraded from CS2 - CS3 it didn’t delete my installation of CS2! Imageready CS2 still works fine, but none of the other packages do!! Bizarre!!, Check your hard drives to see if imageready is still there and working

Leave a reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


About

Welcome to the blog of Ian Hoar. I talk about current web trends, technology, toys, games, gadgets, design, usability and everything in between. It’s all about geeking out and an occasional rant. More about me

Get Social!
Most Recent tweets — Follow me on Twitter
Most Popular
Archives