Shop

F.A. Moore

F.A. Moore

Newport News, United States

Send BubbleMail

How to Open and Save Animated GIFs in Photoshop or Photoshop Elements

How to Open and Save Animated GIFs
in Photoshop or Photoshop Elements

by F.A. Moore

Update. October 26, 2012

Some techniques described in the 3 year old article below, are no longer valid, due to updates QuickTime. QuickTime X, no longer plays animated GIF files. For Mac, the solution is to use the tips regarding Preview, which is built into all Macs, and copying each frame, in turn, from the Drawer (sidebar) of Preview. Paste these into layers in Photoshop/Elements. As of PS/E 9, Elements still does not support opening animated GIFs into layers.

September 17, 2009

I recently discovered when upgrading my Photoshop Elements 1.0 to 6.0 for the Mac, after a zillion years of not caring about the differences, that Photoshop CS3 and later versions of Elements do not open animated gifs into their many layers. Hearsay is that this was an attempt to sell their Fireworks application, which does open animated gifs in layers.

For those who want to alter gifs, opening a file into layers is critical. Here are a some different options for Windows and Mac users to open GIF layers in Photoshop CS3 and Photoshop Elements 3, forward, when Fireworks is not available.

On either system, if you have QuickTime Pro:
1. File > Open File… (control/command + O) > then click the gif file.
2. This will open the gif in a new QuickTime player, with the same number of frames as the Gif animation.
3. Edit > Select All (control/command + A) (very important step!)
4. File > Export > Movie to Image Sequence.
5. Click Options and choose “BEST” for frame rate. That will give you 1 PNG file for each frame.
6. Now open those sequentially numbered PNG files with PS/PSE.

After a control/command + A Select All in QuickTime (Pro)

(QuickTime Pro is only about $30 bucks. It’s nice to have around. They just give you a long “key” to paste into the registration form of your regular QuickTime app., and it turns magically into the Pro app., which allows editing of frames and audio.)

OTHERWISE, branched options per system:

Windows
Choose File > Import > Video Frames to Layers. When it shows you the browse window,

  1. type in the name of your file (or * . * for the file name, but no spaces);
  2. click Load.
  3. Open your animated gif(s).
  4. Press Okay for the default import.
  5. Windows > Animation will allow you to view the animated frames.
    (caveat: I have not tried this!)

Mac – 3 more options, listed below:

  1. Option 1. Use Preview (a Mac OS X built-in app.) to open the gif. View with DRAWER open and click the carrot to see all layers in the drawer. Drag each layer to your desktop and then lasso all files and command click to “Open With” PS/PSE. Be sure to maintain the frame order when pasting into the layers of a new file.
  2. Option 2. Use Preview to open the gif, just as in option 1, above. Then Copy each subsequent layer (clicked on in the drawer) and paste into a PS/PSE layer. Be sure to maintain the frame order when pasting into the layers of a new file.

    gif opened with Preview

-# Option 3. Save the file as a .mov file (QuickTime). In Photoshop > File > Import > Frame from Video, point to the renamed file and import the first frame. In PSE this only allows ONE FRAME at a time. Each Frame will be opened as a new file in the project bin! Grab Frame and Click OK. Press your right arrow key to move to the next frame. Grab Frame and click OK. Continue until all frames are in the project bin. Add them to a layer, in order, as you would any image.- Update, Oct 26, 2012. This option does not work with the latest QuickTime X, for Mac.


PSE gif layers after paste or import


To SAVE AS ANIMATED GIF, do this.
1. Delete any background layers, or merge a copy of the background into each animated frame. All layers in the file should be an animation frame. If not then merge until each frame is the next animation in a sequence.

2. SAVE FOR WEB…

3. Check Gif, perceptual, transparency, choose a “matte” color, or none.

4. Check Animation. Check if you want it to Loop and the seconds or partial seconds per frame. You can preview it in your browser with the preview button. You may need to add and select your default browser first, if you have not previously set this up.

5. Once you’re satisfied, click OK.

6. Save your original file as a PSD file! Use the PSD file to adjust layers, without having to go through the hassle of opening a separate file for each layer or importing as video frames, again from the saved GIF.

This public-domain image was originally downloaded from http://commons.wikimedia.org/wiki/File:Triple-Spiral-Labyrinth-animated.gif, then resized and saved.

Comments

  • Kim McClain Gregal
    Kim McClain Gr...almost 5 years ago

    Thanks for sharing!

  • yvw, Kim.

    – F.A. Moore

  • Diana-Lee Saville
    Diana-Lee Savillealmost 5 years ago

    Cool…I might have a play with that…lol…(when the boss isnt looking…lol) Thanks!

  • How about at home, when the boss is nowhere around? !!! :)
    I get asked about gifs every once in a while. Glad it might be useful, Diana Lee.

    – F.A. Moore

  • Mukesh Srivastava
    Mukesh Srivastavaalmost 5 years ago

    Thanx for sharing!!!!!!

  • You’re very welcome, Mukesh.

    – F.A. Moore

  • KOKOPEDAL
    KOKOPEDALalmost 5 years ago

    Thanks, Now how do I import an animated giff into redbubble. I have tried but with no animation, Thanks again for the help.

  • You can paste animated gifs to a page on RB and they will animate. In other words, use ! IMAGE_URL ! without spaces. As far as UPLOADING to RB, I don’t think so, not animated GIFs. Does that help?

    – F.A. Moore

  • Diana-Lee Saville
    Diana-Lee Savillealmost 5 years ago

    ha ha not possible…I am my boss and I am looking and I am around :)) lmao!!

  • Oh, you stinker, you were pulling my leg. Okay, I’ll be ready next time. :))

    – F.A. Moore

  • HansBellani
    HansBellanialmost 5 years ago

    An awesome writeup Fran! well done! whatisitallabout…now where do I begin;)

  • lol. Well, if you don’t need animated gifs then… there is no beginning and is no end, either. Otherwise, begin at option 1. :P

    – F.A. Moore

  • elfevans
    elfevansalmost 5 years ago

    Thanx a bunch…

  • ginabgood1
    ginabgood1over 4 years ago

    Thank you so much for all your help!

  • Helen Akerstrom Photography
    Helen Akerstro...almost 4 years ago

    Great info!