: How do I slice drop shadows in photoshop when there is another layer underneath? I have a layout of a webpage and I would like to know how to save for web all the user selected slices.

@Ogunnowo857

Smart objects could help you a lot.
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.


Select layers related to the object that you need to save without a background fill ( While pressing Ctrl or Shift )
Right click one of the selected layers and choose Convert to Smart object
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.)
Add the Slices and save the objects into the formats you want while you're inside that edit mode.
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 )

Vote Up Vote Down

@Cofer715

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.



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

Vote Up Vote Down