Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In InDesign CS5: Interactive Documents and Presentations, Adobe Certified Instructor and designer James Fritz shows print designers how to use InDesign by itself and in conjunction Flash Professional to layout and design a wide range of digital documents. The course provides a tour of digital publishing trends, showing real-world examples of what can be achieved through InDesign. Several start-to-finish projects are also included, such as creating a presentation with transitions and animations, and building an interactive microsite. Exercise files accompany the course.
Earlier, we learned how to create a simple button navigation system to go forwards and backwards in a document using buttons. One of the main advantages of using Flash is the ability to create unique and different types of navigation. We're going to begin by going to the navigation master page. I am going to double-click on A-Nav. On the bottom of this page, we have the shell of a navigation system. We're going to go to the upper left- hand corner of this guide and click and drag a rectangle frame. While we're still holding out our mouse button, we're going to hit the Right Arrow key seven times. So it creates eight equal frames. Then we'll press the up arrow to make another row.
Now, we have 16 equal frames. I'm going to grab my Selection tool and click off to this side. Next, I want to place thumbnail versions of every single page inside our document. I've already exported the PDF of this document. I'm going to go to File > Place, and inside my Links folder I am going to select presentation_thumbnails.pdf. I'm going to hold down my Shift key and click Open. This will give me my Import Options, and I'm going to choose all for all of the pages. Now with my loaded cursor, I'm going to go to each single frame and click.
When you get to the end of the first row, start on the bottom left of the second row. Now that I have all these thumbnails placed, let's scale them down so they fit inside these frames. I'm going to hold the Shift key and select all of these frames and then press Fill frame proportionally. Next, I'll deselect. Our next step is to create buttons for each of these. I want you to be able to click on each icon and go to that page. I'm going to select the first one, go to my Button panel, and click on Normal to create a button, and add a rollover state.
Let's give the button the name, "p1" for page 1, and give it appearance of 40% opacity. We're going to add the Action > Go To Page, and we'll choose 1. Then let's repeat this process for the remaining buttons. Now that we're done creating our buttons, let's finish the navigation system. I'm going to select all of the navigation system, and I'm going to group it. With it grouped, I can close the Button panel, and I'm going to open the Animation panel. Inside the Animation panel, I'm going to choose the Preset > Move Left. I'm going to change the Event from On Page Load to On Roll Over (Self), and I'm going to turn off On Page Load.
Next, I'm going to add Reverse on Roll Off. This means when I mouse over the page navigation system, it's going to move, but when I mouse away, it's going to move back. We'll change the duration to a quarter of a second, and we're going to change its reference point to the top-middle. After selecting my direct Selection tool, I'm going to grab the left-hand point and put it at the Y coordinate of 576. Now, I can deselect, and let's preview the animation. When I mouse over the page, the page navigation pops up, and I can move around. When I mouse away, it moves back down.
Since we're on the master page, we can't see other pages of the document. I'm going to close the Preview panel and go to page 1. Now, let's preview the entire document. I'm going to go to File > Export. I'm going to choose my Desktop, choose the Flash player, click Save, I am going to export all of the pages, and generate an HTML file, and view it after exporting, and then I'm going to scale to 50%. Now, let's try the navigation system.
I can mouse over and click to go to any page. If I want to go back to a different page, I can click again. I still have my regular navigation system to go forward and backward within my document. After creating the system, remember that it needs to be above everything in your layout. Adding a custom nav is a great way to make your presentation unique.
Find answers to the most frequently asked questions about InDesign CS5: Interactive Documents and Presentations.
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.