Creating hyperlinks in Photoshop in 10 steps

Uttam is back with another tutorial on how to create hyperlinks

preview-how to hyperlink in photoshop

1. Step First of all you have to start the Photoshop program. To do this, click on the Start >> All Programs >> Adobe Design Premium CS5 >> Adobe Photoshop CS5.

step-1-how to hyperlink in photoshop

2. Step Open the image where you want to place the hyperlink. To do this, click File >> Open. Then choose the file and click on the Open button.

step-2-how to hyperlink in photoshop

3. Step Click on the Slice Tool (Shortcut – C) below the Crop Tool and make a slice selection around the image where you want to place the hyperlink by clicking and dragging on it.

step-3-how to hyperlink in photoshop

4. StepRight click on the slice you have just created and select Edit Slice Options.

step-4-how to hyperlink in photoshop

5. StepType the website address (the URL!) which you want to open when the user clicks on the sliced area. Then click on the OK button.

step-5-how to hyperlink in photoshop

6. StepOn the menu bar, click on the File >> Save for Web & Devices.

step-6-how to hyperlink in photoshop

7. StepSelect JPEG High or PNG-24 from the Preset dropdown. Then click Save.

step-7-how to hyperlink in photoshop

8. StepNext, give the file name, select ‘HTML and Images’ in Format and then click on the Save button..

step-8-how to hyperlink in photoshop

9. StepNow open the folder where the file you have just saved is located. Then double click on the html file to open it.

step-9-how to hyperlink in photoshop

10. StepWhen you open the HTML file, you will see the hyperlink that you created in Photoshop. Click on it to go to the website address you have set. That are the complete steps to hyperlink in Photoshop.

step-10-how to hyperlink in photoshop

Published: Friday, April 27th, 2012 Last Modified: April 27, 2012

Related Posts

Rate This Article
5 of 5 0 (100%) 3 votes