How to Create Interactive PDFs in InDesign Using Hyperlinks

7/31/2019 How to Create Interactive PDFs in InDesign Using Hyperlinks

1/19


2/19

How to Create Interactive PDFs in InDesign Using Hyperlinks | Vectortuts+

http://vector.tutsplus.com/tutorials/designing/how-to-create-interactive-pdfs-in-indesign-using-hyperlinks/(2 of 19) [23.02.2011 12:03:31]

different and we need to be sure were talking about the same things or this will be veryconfusing.

It sounds simple put this way, but get to working with them and you ll probably find yourself a bit turned around!

InDesign CS3 has three types of hyperlinks (with corresponding hyperlink destinations): page, text anchor and URL.

There are two other categories of hyperlinks, unnamed and named. The unnamed hyperlink is probably the one you will use most

often, so well start with that one. A named hyperlink should be used for links that occur multiple times.

Step 1 Creating a New UnnamedHyperlinkTo create an unnamed hyperlink (source), select the text you want to be linked and then go to the Create New Hyperlink icon on the

Hyperlinks panel (or the flyout menu on the Hyperlinks panel and choose New Hyperlink at the top). The Create New Hyperlink icon

looks exactly like the newicon for everything in the Adobe Creative Suite programs.

Step 2 Name the Link

By default the Name of the link will be the t ext you have selected (this name is only used in the Hyperlinks panel to identify thesource). I usually leave that alone unless it s not very descriptive or if I have multiple links on the same word.

A hyperlinkis the actual link on the text in your document. The InDesign Help files call this a source.

A hyperlink destinationis where that text link is going.


3/19



Step 3 Choose a Hyperlink TypeIn the Destination section, choose a Type. There are three options shown below.


4/19



URL

For a web destination. In the URL field, type the URL. It musthave http:// in front of it and be sure there are no extra spaces

before or after it.


5/19



Text Anchor

To use a Text Anchor, you need to have already created a Hyperlink Destination (see below), so well talk about this one in a bit.

Page

This is to send the text link to a specific page in the document. You can also set the Zoom with this type of hyperlink.


6/19



Step 4 Unnamed DestinationThe Name of the destination should be unnamed, unless you plan to use this link in multiple places throughout the document (if it is

the company name linking to its website, for example). We will discuss named destinations below.


7/19



Step 5 Appearance SettingUnder Appearance, I always set it to Invisible Rectangle, otherwise you have an ugly black rectangle around your text and its very

distracting when reading. Doing this, however, makes it so that your link has no visual indicator that it is a link. To give readers a

visual cue, well create and apply a Character Style (see below).


8/19



Step 1 Creating a New NamedInDesign Hyperlink

To create a named hyperlink destination(so you can use it to create a named hyperlink), go to the Hyperlinks panel flyout menuand select New Hyperlink Destination. You dont need to have any text selected at this point unless you plan to create a Text Anchor

destination (see Step 2 below).


9/19



Step 2

Select Type and Name ItSelect the hyperlink Type and name it. Remember from above that there are three types of destinations: URL, Text Anchor and Page.

C l k |


10/19



Text Anchor Destinations

You will notbe able to create a new Text Anchor destination unless you have your cursor in a text box or have some text selected.

When Would You Want to Use a Text Anchor?

Ive used them for manuals with multiple sections on the same page. I linked the Table of Contents entry to the Text Anchor

destination for its section. I couldve use a Page hyperlink for this, but I wanted it to go exactly to where that section starts, not the top

of the page. The down side to doing it this way is that you cannot specify a view setting like you can with a Page destination.

Once you create this named hyperlink destination, youll be able to select it from the Hyperlink Options or New Hyperlink dialog

boxes in order to put it on a hyperlink source (the linked text).

H t C t I t ti PDF i I D i U i H li k | V t t t +


11/19



Step 3 Editing a Hyperlink Destinationfrom the HyperlinkDestination Options DialogIf you need to edit a named hyperlink destination youve already created, go to the Hyperlinks panel flyout menu and select Hyperlink

Destination Options in the middle of the menu.



12/19



Select the hyperlink destination you want to edit and click the Edit button (why you have to click an extra button to edit it I dont

know!). The Hyperlink Destination Options dialog is also where you can see all of the named Hyperlink Destinations in your

document and delete Hyperlink Destinations.



13/19



Step 3 Alternative Editing a Hyperlink Destinationfromthe Hyperlink Options DialogYou can also edit the hyperlink destination from the Hyperlink Options dialog (double-click on an existing hyperlink in the Hyperlinks

panel) or New Hyperlink dialog (the one you get when you click the New Hyperlink icon on the Hyperlinks panel). Remember, though,

editing the destination will change it for all the text links that have this named destination!



14/19



Step 1 Create a Link Character StyleNow well create a link Character Style so that viewers have a visual cue that there is a link on the text (note that in the images

above, Ive already applied the character style).

Select the link text (no, you dont haveto do this, but youll see why I recommend it in a moment) and go to the Character Styles

panel. If its not visible, go to Window > Type & Tables > Character Styles (Shift + F11). Hold down Alt and click on the New

Character Style icon. Holding Alt will bring up the Character Style dialog box immediately so we dont have to double-click on the

default named new style.

Step 2 Character Style SetupOn the General tab, check Apply Style to Selection (this is why we selected our text first). Also check the Preview box in the lower-left

corner of the dialog box if its not already checked.



15/19



Step 3 Character Style SettingsChange the Character Style settings to reflect the look you want your links to have. I usually underline them and change the color.

There is an Underline Options tab on the Character Style Options dialog, so you can fine tune the underline; make it thicker, offset it

more/less from the text, customize the line appearance (under the Type dropdown), set a tint, etc.



16/19

g g yp |


Steps 2 & 3 AlternativeOf course, there are always multiple ways to do something in any program, so if its easier for you, then you can create the style first

visually using the Character and/or Swatches panels.

Then with the customized text selected, Alt-click on the New Character Style in the Character Styles panel. This brings up the

Character Style Options dialog and applies all the settings of the currently selected text to a new Character Style. As above, check

the box for Apply Style to Selection on the General tab.

Exporting Hyperlinks to PDF

Remember to apply this style to all the links in your document!



17/19

g g


When exporting your interactive PDF you must check the Hyperlinks box on the General tab, under the Include section.

If you create many interactive PDFs, you can make a preset for exporting them so you don t always have to remember to check the

Hyperlinks box.

Go to File > Adobe PDF Presets > Define.

Click on New and name it something appropriate like Interactive PDF.

For the settings, at the very least, be sure to check the box for Hyperlinks to be exported. It might also be a good idea to go to the

Compression tab and set your maximum image resolutions, probably to nothing more than 150 ppi because it will likely only be read



18/19http://vector.tutsplus.com/tutorials/designing/how-to-create-interactive-pdfs-in-indesign-using-hyperlinks/(18 of 19) [23.02.2011 12:03:31]

on screen.

A Few More Tips

Hyperlinks to Other Documents

I mentioned briefly at the beginning that you can create hyperlinks to other documents.

Hyperlinks on Objects

Above we only put hyperlinks on text, but you can put Page or URL hyperlinks on objects, too! How can this be useful? You could set

up a kind of image map (like you can in HTML) where different parts of the image go to different pages or URLs or you could make

an entire text frame a link.

Hyperlinks to Navigate InDesign

You can use the Hyperlinks panel to navigate the document in InDesign while you are building it!

Hyperlink from URL

It is possible to create a new hyperlink from a URL that exists in written format in t he text.

With this method, you have to be careful about the actual link destination because it wont include the required http:// prefix unless

the text did. You can add this in by double-clicking on the hyperlink that was just created in the Hyperlinks panel and editing the URL

destination.

1. When creating a new hyperlink or hyperlink destination, under Destination choose the other InDesign document you want tolink to. You will probably have to browse for it.

2. Export both InDesign documents as PDFs (with Hyperlinks checked in the export options!)

3. Make sure both PDFs are in the same folder

1. Select (click once) a hyperlink from the panel

2. Use the left arrow at the bottom of the panel to go to the hyperlink source (the text or object with the link on it)

3. Use the right arrow at bottom of panel to go to the hyperlink destination (this is really only useful for Page or Anchor Text

destinations)

1. Select the written URL text

2. Go to the Hyperlink panel flyout and select New Hyperlink from URL option



19/19

ConclusionNow that you understand how to create hyperlinks in InDesign, have fun applying these techniques to your in your next Interactive

PDF project!

Date post:	05-Apr-2018
Category:	Documents
Upload:	bayram-ankarali
View:	225 times
Download:	0 times