How to add clickable link in photoshop?

April 20, 2022

Hello 👋,

Welcome To aGuideHub! ❤️

In this tutorial, we will learn more clickable areas by adding new slices in Photoshop.

Table of contents

Horizontal type tool.
Select the slice-tool.
Drag the cursor over the page to create a slice.
Slice options.
Save for Web.

Let’s start with the first step.

Step 1: Horizontal type tool.

Create a new page in photoshop. Go to the File menu, click New, open the pop-up dialog box and select Height and Weight, click OK.

How to add new page in photoshop?

Select on type tool, click on page write now text.

Step 2: Select the slice Tool.

By using the Slice Tool in Adobe Photoshop Cs6 or cc, you can turn any text or image, or part of an image, into a clickable hyperlink.

it should be something large enough to show up well in a Web browser. Select the “Slice Tool” from the Toolbox. If it’s not visible, click and hold the bottom-right corner of the Crop Tool, or other tool in its group that is visible, then select the “Slice Tool.”

Step 3: Drag the cursor over the page to create a slice.

Drag the cursor over the area that you want to be clickable. To create a single hyperlink on an image, you can drag the cursor over the entire image. And right click on mouse and select on edit slice options.

Step 4: Slice options.

Double-click a slice with the Slice Tool to open the Slice Options window. To create a hyperlink, you must type the Web page’s address in the “URL” field. While the other fields are optional, using a name will help distinguish one link from another. Adding “_blank” to the Target field specifies that the link should open in a new Web browser tab.

Go to file and click on save for web.

Step 5: Save for Web.

Select “Save for Web” from the File menu once your links are complete. Select either “PNG-24” or “JPG” as the Preset, then click the “Save” button. Click the “Format” menu and select “HTML and Images.” This changes the file format to HTML. After you click “Save,” Photoshop creates a single HTML page using the image and the links you created. The image file itself is saved in an Images folder.