How to Create Image Slices Using Existing Guides in Adobe Photoshop
See Adobe Photoshop: Tips and Tricks for similar articles.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).
- Go to the Toolbar, click and hold on the Crop Tool, and choose the Slice Tool.
- In the Options Bar, click the Slices from Guides button.
- In the Layers Panel, turn off the visibility of any layers that need to be excluded.
- Go back to the Toolbar and switch to the Slice Select Tool.
- 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).
- Now right-click (PC) / Control-click (Mac) on slice 1 and choose Edit Slice Options.
- 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.
Related Articles
- How to Create a Solid-Color Fill Layer in Adobe Photoshop
- How to Change Color in Parts of an Image in Adobe Photoshop
- How to Create a 3D Sphere in Adobe Photoshop
- How to Apply a Perspective Warp in Adobe Photoshop
- How to Use the Black & White Adjustment Layer in Adobe Photoshop
- How to Create Image Slices Using Existing Guides in Adobe Photoshop (this article)
- How to Use a Gradient Mask in Adobe Photoshop
- How to Save an Action Set in Adobe Photoshop
- How to Create 3D Extruded Text in Adobe Photoshop
- Convert Point Text to Paragraph Text in Photoshop CC
- How to Prepare an Image for Print Production in Adobe Photoshop
- How to Use the Magic Wand in Adobe Photoshop
- How to Apply an Iris Blur Effect in Adobe Photoshop
- How to Apply Lighting Effects in Adobe Photoshop
- How to Use the Clone Source Panel in Adobe Photoshop
- How to Create a 3D Postcard in Adobe Photoshop
- How to Create a Custom Warp in Adobe Photoshop
- How to Use Variable Fonts in Adobe Photoshop
- How to Apply a Tilt-Shift Blur Effect in Adobe Photoshop
- How to Use Panels in Adobe Photoshop
- How to Use the Curvature Pen Tool in Adobe Photoshop
- How to Use Retouching and Restoration in Adobe Photoshop
- How to Work with Stroke Smoothing in Adobe Photoshop
- How to Use Brush Blending Modes in Adobe Photoshop
- How to Insert Action Stops in Adobe Photoshop
- How to Copy CSS for Text and Shape Layers in Adobe Photoshop
- How to Apply and Copy Layer Styles in Adobe Photoshop
- How to Apply Content-Aware Scaling in Adobe Photoshop
- How to Use Quick Share in Adobe Photoshop
- How to Use Guides and Organization in Adobe Photoshop
- How to Place and Align Thumbnails on a Page in Adobe Photoshop
- How to Use Blending Modes for Simple Color Correction in Adobe Photoshop