Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Join Adobe InDesign and publishing expert Mike Rankin as he explains how to use InDesign to design a wide range of digital documents, including interactive PDFs and apps for the iPad. This course provides a tour of digital publishing trends and shows how to bring these trends to bear in various projects, such as a slide presentation, a PDF form, and an interactive portfolio. Mike also introduces the Adobe Digital Publishing Suite and shows how to publish dynamic interactive documents to the iPad and other mobile devices.
So far, we have seen a couple of different ways of adding navigation controls to our documents, things like hyperlinks and buttons to make clickable table of contents. Another kind of navigation system is one that uses buttons with rollover states that give the user a thumbnail preview of the page they'll go to if they click the button. So let's make some of those. I have set up each page of this document with two small picture frames near the sides and the bottom, plus triangles that look like arrows pointing forward and back. What I am gong to do is convert these objects to buttons and then give the triangle buttons three separate actions: one to navigate to either the next or previous page, one to show a thumbnail preview of that page when I roll over the triangle, and one to hide the thumbnail when I roll off the triangle.
It might sound a little complicated, but it's really not that hard. I'll start by selecting all four objects. I'll Shift+Click, I'll go to my Buttons and Forms panel, and click to create buttons. Since they weren't grouped, they become four separate buttons. Now I have named the buttons that hold the thumbnail images of the pages. So right now I am on page 2. So for the button on the left, I'll call it Page 1 TN, TN being for thumbnail. The Event will be On Release or Tap and the Action will be Go To Previous Page.
I'll select the frame on the right, and this will go to page 3, so I'll call it Page 3 TN, On Release or Tap, Go To Next Page. Now I'll place the thumbnail images into these buttons. I previously exported this document as a PDF, and now I want to place the pages of that PDF as my thumbnails. So I'll choose File > Place or press Command+D or Ctrl+D and in my Links folder I'll scroll down until I see Rouxinteractive.pdf.
I'll hold the Shift key and click Open. That will give me my Import Options. And in this case, I want Page 1 for the first thumbnail, so I'll click OK and place it into that frame. Now I'll select the other frame, choose Place again, scroll down to Rouxinteractive.pdf, I'll hold Shift and click Open. And this thumbnail needs to go to Page 3. So instead of the Previewed Page, I just one go to Page 3. I'll click on Range and enter 3.
So now I have my thumbnails in place. I'll select both thumbnail buttons and make sure that Hidden Until Triggered is selected. I'll deselect and let's work on the triangle buttons. I'll select the one on the left. I'll give it a name. I'll call it Go To Page 1, On Release or Tap for the Event and the Action, Go To Previous Page. Now I'll choose another event--On Rollover--I'll choose Show Hide Buttons, and Forms and select my Page 1 Thumbnail button.
Then I'll choose On Roll Off, Show Hide Buttons and Forms, and Hide the Page 1 Thumbnail. And now let's select other triangle. We will call it Go To Page 3, On Rollover, Show Hide Buttons and Forms, Page 3 Thumbnail. On Roll Off, Show Hide Buttons and Forms and Hide the Page 3 Thumbnail, and I'd repeat the process throughout the document with all the page thumbnails and all the arrow buttons.
Now let's preview the document. I can roll over the triangle. It shows me the preview of the next page. And I can navigate through the document this way. So this was a nice example of what you can do when you assign multiple actions to a button. In this case, we assigned three actions to a button: one action showed an image when we rolled over the button, another action hid that image when we rolled off, and the third action will let navigate us to a different page when we click the button.
Find answers to the most frequently asked questions about InDesign CS6: Interactive Documents.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.