Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42288 Viewers
119 Video lessons · 53788 Viewers
65 Video lessons · 14148 Viewers
113 Video lessons · 82748 Viewers
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.
Your file was successfully uploaded.