Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am a web developer that was given a PSD file (a web page design) that I need to convert to XHTML/CSS.

In the psd file, the logo is a group of multiple layers, each layer representing an element of that logo. I can only export layers to separate files.

My problem is: How I can export multiple layers to a single image file, so I can get a single logo.gif? Is it possible?

share|improve this question
up vote 3 down vote accepted

If you want an animated gif, follow these steps:

  1. open you PSD file

  2. in Photoshop, go the menu window > animation

  3. this panel helps with the animations, and I suggest you turn it into a frame animation it's easier for a begginer, to do that, in the animation panel, click in the top right icon and chose the "convert to frame animation".

  4. in this animation window, you can add frames and specify the time of each and if it loops, etc.

Note that if a specific layer is visible, that layer will appear in the frame selected, and so on (to make the layers visible just click on the eye icon.

When you're done, (and you can test your animation by clicking in the "play" button, etc), you will save the gif, just go to the file menu > save for web, and here select gif, and on the right column, at the bottom, indicate which type of animation, loop, etc.

Make a few tries and you'll get the hang of it :)

share|improve this answer
Thanks for the instruction – gilzero Mar 26 '11 at 8:21

If you want multiple layers to a file, you just save the file normally... --If you only want a few certain layers, then you turn off the visibility to those that you don't want, and then save it.

share|improve this answer

File -> Save as... "Compuserve GIF"

share|improve this answer

Hide all the unwanted layers which you don't need in your logo, then crop the document (cover the area of the logo only), then save it as GIF.

share|improve this answer
would this way lost the transparency of image? – gilzero Mar 26 '11 at 8:20
if you need background just activate the background layer and if you dont need background just hide it.transparency will remain when there is no background. – Jack Mar 26 '11 at 10:15

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.