Create slices from guides

This method is only recommended if you have only a few areas that you want to slice. Otherwise, as in the example below, you get more slices than you need. In that case, you will need to combine and delete slices to get the desired effect.

  1. select the slice tool
slice tool
  1. click slices from guides in the options toolbar
slices from guides
  1. if you have a complex layout, you may end up with more slices than you need, in that case...
80 slices
  1. select the slice select tool (underneath the slice tool)
  2. shift select the slices you want to combine, then right-click and select combine slices or delete slices as needed

Note: I only have slices where needed, around navigation elements, images, and text areas.

slices
  1. select File>Save

Note: be sure to save your file as a PSD to preserve the layers, that way you can always go back and make changes.

 
 

Previous - Next