How to Create Image Slices Using Existing Guides in Adobe Photoshop

Slices allow one large image to be divided into several smaller ones, which will load faster, and allow for layering when creating the design. Once slices are created, there are options which allow you to name individual slices and also create hyperlinks. There are various methods for creating slices in Photoshop. The technique below shows how to create slices using existing guides.

This feature works the same in all recent versions of Adobe Photoshop: CS5, CS6, and Creative Cloud (CC).

  1. Go to the Toolbar, click and hold on the Crop Tool, and choose the Slice Tool.
    Slice Tool

  2. In the Options Bar, click the Slices from Guides button.
    Slices from Guides

  3. In the Layers Panel, turn off the visibility of any layers that need to be excluded.
    Hide layers

  4. Go back to the Toolbar and switch to the Slice Select Tool.
    Slice Select Tool

  5. Go to the image and click on slice 1 (at the upper left). Make sure this is the only slice selected (it should be the only one with an outline).

  6. Now right-click (PC) / Control-click (Mac) on slice 1 and choose Edit Slice Options.

  7. In the dialog box, name the slice, type the web address into the URL field, and enter text for the Alt Tag field. Click OK. Repeat as needed to slice your entire image.
    Slice Options
Author: Tracy Berry

Tracy has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide, including involvement in large corporate software rollouts. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.

About Webucator

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. Check out our complete course catalog.