How to add hyperlinks in Adobe Illustrator or Photoshop



Adding hyperlinks in Adobe Photoshop or Illustrator is not entirely straightforward, but it is possible. Here is what you need to do.


With any type of project or presentation, it can be helpful to include links to resources or quotes. It is easy to do this in Microsoft Powerpoint or Word. But what about our favorite image editing programs?

Adding hyperlinks in Adobe Photoshop and Illustrator is not as easy as selecting text or right-clicking an image; the option is not really built into either program. If you need to hyperlink to text, image, or any other object in Photoshop or Illustrator, you’ll need to get a little creative.

How to add hyperlink in Photoshop

The easiest way to add a link in Photoshop is to use the Slice tool. The catch here is that you will need to save and share your document as an HTML file.

After opening your file in Photoshop and deciding where to add a hyperlink, select the Slice tool. You will find it by clicking on the Crop in the Tools menu and hold down the mouse button until you see a list; you want the one with a knife icon. You can also use the Photoshop keyboard shortcut VS.

You can insert a hyperlink in Photoshop with the Slice tool.

Use the Slice tool as you would use the Selection tool. Draw a bounding box around the part of the image you want to add a link to. Right click your new slice inserted and click on Modify slice options.

To add hyperlinks in Photoshop, cut out the area you want to link.

In the dialog box that follows, insert your link in the Url field. If you want the link to open in a new window, select “_Empty“in the drop-down menu for Target. Click on Okay.

Photoshop's cutting options.

Once you are ready to save your file, click To file > Export > Save for Web (Legacy). In the dialog box that follows, the only thing you need to select is Preset. You can select one of the JPG or PNG options and click to safeguard.

To save hyperlinks in Photoshop, you need to save for the web.

Type your file name and click on the File format scrolling menu. Then select HTML and images. Hit to safeguard, and you’re done.

Finally, the Photoshop hyperlink is yours.

How to add a hyperlink in Illustrator

You can add a link in Illustrator using an approach similar to that described previously. After all, Illustrator’s Slice The tool works just like the one in Photoshop: it creates a partition that separates parts of the image into “objects” to which URLs can be assigned.

Related: Adobe Illustrator Vs Photoshop: What’s The Difference?

Another method is to “hide” a hyperlink in Illustrator. This causes clicking on an object in front of the link to activate it.

To do this, select the Text tool (or press T) and insert your link above the image or object to which you want to add the link. Make sure to include http: // when you add the link.

You’re going to have to find a way to hide the link text. You can place it behind the object by right click and selecting To organise > Send to bottom. You can also change its color to the same color as your background or the object you associate it with, as long as it is a solid color.

The process of adding a hyperlink in Adobe Illustrator involves a few more steps.

Hit To file > Save as. In the next window, enter your file name. For your file format, select PDF.

Saving our hyperlink in Illustrator.  PDF files are the way to go here.

Related: How to Save Adobe Illustrator Files in Other Formats

Easily add hyperlinks to your projects

Using hyperlinks in Illustrator and Photoshop takes your media projects to a whole new level. Hyperlinks in Illustrator and Photoshop are interactive and allow you to take your audience on the journey of a lifetime (or even just to a relevant Wikipedia page).

Photoshop tools and techniques

6 things you can do with Photoshop

Photoshop is one of the most diverse tools for editing and creating images. Let’s see what he can do.

Read more

About the Author


Leave A Reply

Your email address will not be published.