Slicing (Image Optimization)

2col-layout

Open PSD file, from this layout we need the logo, feature image and the three column
images.

slice-tool

Choose slice tool under crop tool from tool panel.

slice-logo

Pull the first slice over the logo, then the feature image and each of the column images.
Note: For a cut-out logo the background layer needs to be hidden.

Select intended slices, then go to File > Save for web & devices / Save for web.

slice-logo-nobkgd

Double click over the logo slice

slice-name-file

The slice option window will appear.
Give the image a name. eg logo

slice-format

Choose a format for the image file. eg JPEG, GIF, PNG.
Double click over the feature image slice

slice-feature

The slice option window will appear.
Give the image a name. eg feature

slice-feature-format
Choose a format for the image file. eg JPEG, GIF, PNG.
Repeat for all images needed.
Select all slice images needed > SAVE > select root folder (main folder)
Note: To save a batch of sliced images you need to save to the main folder and
images folder will be created by default.
slice-save

Select Format > Images Only, and Slices > Selected Slices > SAVE.

Leave a Reply

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