Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a layout of a webpage and I would like to know how to save for web all the user selected slices. However, in some particular slices I would like to only slice from one or two layers, but keep the background transparent.

Is this even possible?

If not I would have to hide all my under layers in order to save those png... not really practical at all..

Thanks for your helpenter image description here

share|improve this question
    
Unless I completely fell off the sled... This could answer your question: graphicdesign.stackexchange.com/questions/4364/… –  Joonas Nov 24 '11 at 21:56
    
check the image I've put to show my problem –  Totty Nov 25 '11 at 10:54
    
you can hide the black layer cant you? –  Jack Nov 25 '11 at 11:47
    
but now image you have 1000 layers one over another. You want to update all changes. It would take long hours to export one image at once, hide layers, show layers and so on.. –  Totty Nov 25 '11 at 12:10
add comment

2 Answers 2

up vote 2 down vote accepted

Smart objects could help you a lot.

http://www.elated.com/articles/photoshop-smart-objects/

So, from your example images:

You would put blue and red in the same Smart object and then go to edit that smart object and slice it there as well as save in there.

  1. Select layers related to the object that you need to save without a background fill ( While pressing Ctrl or Shift )

  2. Right click one of the selected layers and choose Convert to Smart object

  3. Then go into the Smart object's "edit mode" by right clicking the Smart object and selecting Edit contents ( This brings you to basically separate document space with no background and holds only those layers you put into that Smart Object.)

  4. Add the Slices and save the objects into the formats you want while you're inside that edit mode.

  5. If you change things in the Edit mode of a Smart Object, make sure to Save it. Just like you normally would save a document ( Ctrl+S )

share|improve this answer
    
that answers my question. I will try it now. One more thing. I have a layer with drop shadows effect and I want to export just the shadows but the slices I've made includes some part of the self object. Now I'm changing the object's blend options to opacity fill=0. But I have to do this every time I want to export or there is any trick? –  Totty Nov 25 '11 at 12:15
    
@Totty Can't think of any way that would actually make much difference. ( As a side note, I'm gonna update my answer to mention Saving in the Smart object in the edit mode. ) –  Joonas Nov 25 '11 at 12:45
    
Just occurred to me that you might not be aware, but you can click and drag the "Fill:" text left and right which makes it rather easy to change the fill from 0 to 100 and vice versa.. and well, you could make Actions so that one action changes fill to 0% and other action changes fill to 100% .. that way you could just select layer and press hotkeys to do that, but as said... doesn't really make that much of a difference. –  Joonas Nov 25 '11 at 13:04
    
I know I can drag to right or left but I can't do that on multiple objects.. and I would have to remember all of them.. I will try actions. thanks (: But one more little question. is possible to export slices to a sprite (a big image that contain all that little images?) dirrectly –  Totty Nov 25 '11 at 13:32
1  
@Totty Good way is to use Sprite generators spritegen.website-performance.org ( This is not the only one, but I've seen it recomended a lot. This is what I've used quite a lot css-sprit.es ) They basically take bunch of saved images and knit a them into one img. As far as setting sprite sheet with multiple images in specific order/style.. I don't know any other way other than just manually placing them.. and I sometimes Drag layers ( Usually group them first ) from one document window to another. Which is in my opinion faster than right click and Duplicate to another document.. –  Joonas Nov 25 '11 at 14:04
show 5 more comments

When you created your layout in PS, did you select transparent from the drop down labelled 'Background Contents'? If yes then when you save your slice as a png, toggle the eye on the background layer. Now you're saving the slice with a transparent background.

Photoshop new window background contents transparent

My box/frame now will be saved with a transparent background. Is this what you mean?

Toggle background visibility

share|improve this answer
    
I've updated my question in order to exactly show what I would want.. words are not enough to explain this.. (: –  Totty Nov 25 '11 at 10:54
    
click on the layer eye to hide/unhide them, i guess this answer says it all.... –  Jack Nov 25 '11 at 11:49
add comment

Your Answer

 
discard

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.