Glen Smith Photoshop logo
slice

Slice Select Tool

The Slice Select tool allows you to select one or more slices in your image.


Slice Tool Options

Tool Presets - Save the tool with different settings, as different presets
Arrange - Bring to Front, Move Forward, Send to Back, Move Backward
Promote - Promotes a Slice into a User Slice
Divide - Divide a Slice into more Slices
Align & Distribute - Align and evenly space Slices
Hide Auto Slices - Hide Slices that were automatically generated
Options for Current Slice - Options for the Slice currently selected

Tool Presets

You can create and save a Tool Preset for any tool, which will remember settings that you choose for that tool, so you can quickly and easily select different presets and settings for a particular tool. The degree of usefulness of presets varies, depending on the tool.

You can reset any tool back to its default settings by right clicking on the Tool Presets button and select Reset Tool. Take care not to Reset All Tools, unless that is intended.


Arrange

Select one of the options;

  • Normal - unconstrained, i.e. freestyle, with no specific aspect ratio or size
  • Fixed Aspect Ratio - Choose an aspect ratio to Slice, i.e. 1:1 for square
  • Fixed Size - Enter specific dimensions for height and width

Promote

Promotes a Slice into a User Slice. Many Slices are generated automatically. These are Auto Slices and these can be hidden (see Hide Auto Slices below). You can promote an Auto Slice to a User Slice, then it won't be hidden when hiding Auto Slices.


Divide

Divide a Slice into additional Slices.


Align & Distribute

Align Slices to their top, bottom, left or right edges. Distribute (evenly space) Slices.

Also see below. If you click on the button with 3 dots, you can also access the same buttons.


Align & Distribute

These buttons duplicate the buttons discussed immediately above.


Hide Auto Slices

Photoshop generates many Slices automatically. You can choose to hide all of these automatically generated Slices.


Options for Current Slice

Slice Type, No Image, Image, or Table

Name Slice Name

URL Website link

Target Determines how the link opens in a browser

Message Text Text shown in the browser

Alt Tag Alternative text in case the image doesn't display and for users with visual impairment, or for screen readers.

Dimensions Shows the dimensions of the Slice




How to use the Slice Select Tool

I will use this image of an egg, because it's a simple image and will allow you to see the slices and detail clearly.


1

Select the Slice tool from the toolbar.

Like most tools, it shares a button with other tools and the most likely tool to be showing is the Crop tool.

Note however, that the tool showing will be the last one used.


2

If you have Guides in your image, the Slices From Guides button will be available.

If so, just click it.

If there are no Guides in your image, please skip this step.


3

If there are no Guides in your image, you have the option to add Guides. To add a Guide, from the menu: View > Guides New Guide.

Select Vertical or Horizontal and enter the measurement in inches (in) or centimeters (cm), depending on the units set in Preferences (Edit > Preferences > Units & Rulers...).

To add more Guides, repeat this process.

Once Guides are added, you can show or hide them, by going to the menu; View > Show > Guides and toggle on or off as required. Even if not visible, Slices will be created from Guides.


4

Other than creating Slices from Guides, click and drag in the image to create Slices. Note that if you only select one Slice, Photoshop will automatically add other Slices.

When creating a Slide, you have 3 options, as per the Style options, (outlined above).

  • Normal - unconstrained, i.e. freestyle, with no specific aspect ratio or size
  • Fixed Aspect Ratio - Choose an aspect ratio to create Slices, i.e. 1:1 for square
  • Fixed Size - Enter specific dimensions for height and width

5

I have clicked and dragged from the top left of the image, to where the cursor is shown, to create a Slice. This creates an orange box with handles and indicates the first slice. Automatically the second slice is created from the remainder of the image.


6

I'm clicking and dragging to create a Slice. But note that Photoshop has automatically numbered the existing 2 slices. The numbers are shown in the top left corner.


7

I have manually only created 2 Slices (numbers 1 and 3), but Photoshop has automatically created an additional 2 Slices.

Currently Slice 1 is the selected Slice, as indicated by the orange box and handles.


8

I have clicked in Slice 4 and the orange box indicates it is now selected.


Summary of the Slice Select Tool

The Slice and Slice Select tools are used by designers, primarily for websites. They are not used in image editing.


Happy editing!


© 2024 Glen Smith