Save for web slices how to#
Save for web slices series#

Tricks for Working with User and Auto Slices For now, just know that because of this assumption, Photoshop extends the edges of your slice all the way across the PSD, thereby creating several other sections automatically.

Save for web slices how to#

I personally think this assumption is quite annoying, and we’ll discuss later how to get around it.

Save for web slices series#

When you create a slice, Photoshop assumes that your end goal is to turn the entire PSD into a series of slices. This one action created both a User Slice and several Auto Slices. What I’ve done here is draw a box around the logo at the top of the page. When you perform a slice, you should get something like the result seen below.

By adding slices to all the areas of your comp that you want to do this to, you can quickly and easily optimize and export several images at once. These are very closely related, in fact, one creates the other.Īs you know, to slice a PSD you start by grabbing the Slice Tool (C) and drawing a box around the area that you want to export as a standalone image.

To begin, let’s talk about the two you’re probably familiar with: User Slices and Auto Slices. The three different kinds of slices are User Slices, Auto Slices and Layer Based Slices. Having not really experimented with the slicing features too much, I just figured there was only one way to go about it. Three types of slices!? This was one of the most interesting and surprising things that I learned. There are Three Types of Slices in Photoshop Hopefully, you’ll learn a thing or two you never knew!

Below is a collection of tips and tricks that resulted from this journey. In order to fight this tendency and attempt to see the true usefulness of Photoshop’s slicing tools, I embarked on a mission to learn all the intricacies of how slicing works. The whole process makes my PSD look busy, cluttered and overly complicated so I usually skip it altogether and instead opt to manually crop and save out images individually as needed. By that I don’t mean that I hate turning PSD comps into websites, I mean that I hate Photoshop’s slicing tools. I have a dirty little secret, I hate slicing Photoshop files. How to Make Slicing Suck Less: Tips and Tricks for Slicing a PSD