Get Access to World’s largest Template Library & Tools

How to Create a Hyperlink in Adobe PSD

Adobe Photoshop is not only a tool solely for editing images and producing creative documents, but it can also be used to hyperlink within said images. You will find that adding hyperlinks to your images is beneficial in redirecting your audience to a specific page you would want them to check out.

Hyperlinks are the most common way to move between pages and websites. Other web pages, websites, images, files, sounds, e-mail addresses, and other locations on the same web page can all be accessed via links.

  • Step 1: Open Adobe Photoshop

    how to create a hyperlink in adobe psd step
    The first step you need to do is to launch and access your Adobe Photoshop. Once it is open, select the text file you would want to add a hyperlink to, otherwise if you have none, prepare a text layer by clicking the ‘Text’ tool from the toolbar.

  • Step 2: Use the Slice Tool

    how to create a hyperlink in adobe psd step
    Located with the ‘Crop’ tool, select the ‘Slice’ tool. Click and drag it over the text or area of the artboard you want to make a hyperlink. Right-click on your desired area and select ‘Edit Slice Options’.

  • Step 3: Slice Specifications

    how to create a hyperlink in adobe psd step
    A new window will open up for you to encode the details of the slice options. This includes naming it, adding the link or URL, target, message text, and even alt tag. In order to hyperlink, you will need to change the name accordingly, followed by adding the link of where your desired page will open up to, and lastly, add in ‘_blank’ so that it will open in a new tab.

  • Step 4: Save Images with Links

    how to create a hyperlink in adobe psd step
    To save your added slice options, you will proceed to the top bar menu ‘File’ and then select ‘Save for Web & Devices’. Make sure that the file format that you will be saving it into is either JPEG or PNG-24. Upon clicking the ‘Save’ button, you can select your save location. Check that the format is shown as ‘HTML and Images’.

    how to create a hyperlink in adobe psd note

  • Step 5: Open the Link

    how to create a hyperlink in adobe psd step
    Go to the location you have saved your file. You will see that there are two separate files that have been added, an Image and an HTML file. Clicking on the HTML file will open the image in your browser and proceeding to click on the image will bring you to the link you have encoded in the slice options.

FAQs

What is a clickable link?

A clickable link, also known as a hyperlink, is a portion of text or a pasted URL that is added to a post or page of your blog and, when clicked, redirects your current browser window to a new web page.

Can browsers hyperlink PSD?

PSD is Adobe Photoshop’s native file format, and it allows users to build hyperlinks with the Image Slice tool.

Can you hyperlink text in Photoshop?

The catch is that in order for the hyperlink to work, you must save the picture as an HTML file rather than a JPG or PNG.

Why do hyperlinks not work in PDF?

One possible reason is the conversion tool is not turned on, but this option is available in Acrobat’s General settings then proceed to the Preferences section and if you do not pick this option, the hyperlinks in your converted files will not operate.

How do you add multiple links to an image in Photoshop?

You must drag the pointer over the full image to create one hyperlink, and you may choose various places on the same image that might have separate URLs.

More in Adobe

How to Combine EPS Images in Adobe PhotoshopHow to Make a Greeting Card in Adobe InDesign
How to Make a Calendar in Adobe InDesignHow to Change from Inches to MM in Adobe InDesign
How to Blend Faces in Adobe PhotoshopHow to Curve Text in Adobe InDesign
How to Remove White Background from EPS File in PhotoshopHow Do you Change the Margins in Adobe InDesign
How to Create a Brochure in Adobe InDesignHow Do I Resize a Picture on Adobe InDesign
How Long Does It Take to Learn Adobe InDesignHow to Add Columns in Adobe InDesign
How to Wrap Text in Adobe InDesignHow to Create a Newsletter in Adobe InDesign
How Do I Add PNG in Adobe Premiere ElementsHow to Apply Texture to an Image in Adobe PSD
How to Change Adobe InDesign to InchesHow to Add a Picture in Adobe InDesign
How to Save Action Set in Adobe PhotoshopHow to Convert PDF to Adobe InDesign [Templates + Examples] 2023
How to Wrap Text Around an Image in Adobe InDesignHow to Create QR Code in Adobe InDesign
How to Make a CV with Adobe InDesignHow to Change Background Color on Adobe InDesign [Templates + Examples] 2023
How to Adjust Text and Line Spacing in Adobe PSDAdobe InDesign
How to Create Shapes in Adobe InDesignHow to Crop an Image in Adobe InDesign
How to Create a Hyperlink in Adobe InDesignHow to Zoom In/Zoom Out in Adobe InDesign
How to Insert Page Numbers in Adobe InDesignHow to Make/Create Fonts in Adobe InDesign [Templates + Examples] 2023
How to Create SVG Elements with JavaScriptHow to Convert EPS File to PSD with Layers
How to Create Table in PhotoshopHow to Use the Align Tool in Photoshop
How to Open Multiple Images as Layers in Adobe PhotoshopHow to Save a Mesh Object as SVG Format in Illustrator
How to Create and Modify Brushes in Adobe PhotoshopHow to View and Edit SVG Files
How to Add an SVG Signature File in Your Outlook EmailsHow to Convert EPS to JPG
How to Batch Convert Adobe Illustrator Files into EPS FilesHow to Convert Adobe InDesign File to JPEG
How to Edit SVG File Warning Message in AndroidHow to Convert Adobe InDesign File to PDF
How to Edit a PDF in PhotoshopHow Do I See Word Count in Adobe InDesign
How to Spell Check in Adobe InDesignHow to Make Photos and Vectors in EPS Format
How to Create a Hyperlink in Adobe PSDHow to Create a Brochure in Adobe PSD
How to Print a Poster on Multiple Pages Using PhotoshopHow to Put an SVG into Any Application that Uses HTML
How to Add SVG to a WebsiteHow to Insert SVG Image into a Webpage
How to Export EPS File to BMPHow to Use EPS Files in Photoshop
How to Make Single Line SVG FilesHow to Convert PSD/PSB to JPG in Photoshop
How to Change DPI in PSD to Print High-Quality PhotosHow do I save a logo as an EPS?
How to Save Psd File for Older Version of PhotoshopHow to Convert Sketch Design File into a Layered Photoshop File
How to Include Image in Illustrator EPS FileHow Do I Use the Vector EPS File
How to Recover Deleted EPS FilesHow to Create Specific SVG Outputs through Adobe Illustrator
How to Edit EPS File in AndroidHow to Ungroup Image in Adobe Illustrator
How to Merge Layers in Adobe IllustratorHow to Use Shape Builder Tool in Adobe Illustrator
How to Send an EPS File Through EmailHow to Recover Deleted SVG File
How to Use SVG Images in CSS and HTMLHow to Save An Image As An EPS File
How to Combine Multiple EPS FilesHow Do I Create an EPS Logo?
How Do I Create a High-Resolution EPS File?How Do I Convert PNG to EPS in Illustrator?
How to Print an EPS FileHow to Export Photoshop Shapes to SVG with Stroke Effects
How Can I Open EPS Files with Adobe ReaderHow to Create a Metallic Text Effect Using Layer Styles in Adobe Photoshop
How to Make an Infographic on Adobe IllustratorHow to Curve Text in Adobe Psd
How to Use the Magic Wand Tool in Adobe IllustratorHow to Save an Image as an EPS File
How to Resize a Layer in Adobe PsdHow to Add Fonts in Adobe Psd
How to Export SVG Code in Adobe IllustratorHow to Change Stroke Thickness in Adobe Illustrator
How to Make a Business Card in Adobe IllustratorHow to Import Illustrator SVG File to InDesign
How to Resize SVG in Adobe XDHow to Draw Hair in Adobe Illustrator
How to Change the Language in Adobe IllustratorHow to Change Text Color in Adobe Illustrator
How to Animate on Adobe IllustratorHow Can You Save an EPS as a PNG File?
bottom banner