As you may or may not know, Illustrator will make any URLs in documents its creates ‘clickable’ – that is to say anything identified as a website address or an email address will launch a viewers web browser or default email program when they are clicked (and the cursor changes to a pointing finger when these elements are hovered too).
Now while that’s create, sometimes you want to make other things clickable in PDFs – in fact I highly recommend making everything relevant clickable as who knows where your PDFs will end up (they are after all design to be portable: Portable Document Format) and embedding links is a great way to direct readers to your website or other relevant resource.
If you’re looking for a good guide to Illustrator I recommend: [easyazon_link identifier=”0133987035″ locale=”US” nw=”y” tag=”bomc-21″ popups=”n”]Illustrator CC: Visual QuickStart Guide[/easyazon_link]
How to Create Hyperlinks in Illustrator PDFs
In this example I am going to make a logo clickable using a very simple trick:
Step 1: Locate the artwork you want to be a clickable (made in to a hyperlink):
Step 2: Type the URL you want to link to using the text tool:
Step 3: Stretch the URL so it covers the element that you want to clickable:
Step 4: Make the URL completely transparent (important – do not simply set the color to transparent, this will break the link – it needs to be a color with 0% opacity):
Step 5: Save as a PDF as you normally would and enjoy the clickable joy!
Just to re-iterate, do not attempt to make transparent link text by setting the color to transparent in the color selector like this:
Set a solid color (e.g. black) and then use the opacity to make it invisible, otherwise the link will not work: