Quick Tips

Use Layer-Based Slices

If you’re getting ready to slice an image for the Web and you still have your layers intact, don’t flatten that image before you slice. Instead, let Photoshop create the (layer-based) slices for you. There are two main advantages: (1) it’s easier. You don’t have to drag out slices—Photoshop does it automatically, perfectly slicing at the size of your layer. But even better is (2), when you create a layer-based slice, you can move the layer and (get this) Photoshop will automatically adjust all the slices to accommodate your move, and it will create a new slice for your layer as well. If you slice manually and move your layer—you’re out of luck—the old slice stays right where it was. Plus, creating a layer-based slice couldn’t be easier. Click on the layer you want to slice, then go under the Layer menu and choose New Layer Based Slice—Photoshop does the rest.

Share:

3 comments

  1. Damien 13 August, 2010 at 17:10 Reply

    Hey, great advice! And this really helps a lot! Only problem is that the slice is then locked to that layer, with those dimensions. What I mean by that is sometimes you may want your slice to be +10px more in height etc which this doesn’t allow.

    It is also buggy with regards to effects. Though, it will take effects into account (like drop shadows) and contract or expand as need be. Pretty genius.

    However, if I add a stoke to a layer, the slice will surround that layer by an extra pixel. Not good.

    Apart from those minor downfalls this is an absolute time saver!

    Thanks for recommending this.

  2. Thomas Bourigault 23 March, 2013 at 09:56 Reply

    To simulate a padding to a layer slice, add a stroke effect of opacity 0% to the layer. Et voilà !
    I had clipping problem also. Especially when exporting small icons, all edges got to sharp.

Leave a reply

Your email address will not be published. Required fields are marked *