Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
While it was possible to create basic interactivity in previous versions of InDesign, it was difficult to preview how well it worked. In order to test your document, you had to either export your layout to PDF or SWF. InDesign CS5 has a brand-new panel called the Preview panel, which can let you preview your document directly in the program without having to export. On the opening page of our presentation, you'll see that on the words "explore" and "California." In the lower right-hand corner, there's an icon with a few round circles. These round circles mean that there is animation on these particular frames.
If I select one of them, you'll see there's a small green line that's showing the motion path. That means that the word "California" will be moving up, and the word "explore" will be moving down. In a later video, we'll discuss how to create these types of animations. Since this page will be animating, we want to preview what it looks like, so we are going to be using the Preview panel. To get to the Preview panel, I want to be sure that I am working in my Interactivity workspace that I made in an earlier movie; otherwise I can go to Window > Interactive > Preview. I can also use the keyboard shortcut Command+Shift+Return or Ctrl+ Shift+Enter on the PC.
I'm going to go to the Preview panel and press the Play button, and you'll see that the animation plays immediately. What's happening is InDesign is quickly writing a temporary SWF file in the background and rendering it inside this panel. You can resize this panel as large or small as you like by going in the lower corner. If you work with two screens, you can drag this panel and put on the other screen and have a fullscreen preview of your document while you are working.
I recommend that you use the keyboard shortcut Command+Shift+Return, or Ctrl+Shift+Enter in the PC, to open and close this panel because we'll be using this panel frequently throughout the course. To close the panel, I'll just hit Command+Shift+Return or Ctrl+Shift+Enter. When we use a keyboard shortcut to open up the Preview panel by default it previews the spread. But if there's more than one page, we might want to preview the entire document. In the lower right-hand corner, there's a few different buttons. By default, it's on Preview Spread. We could also preview the entire document or preview just a selected item on the spread.
If you want to preview the entire document, there is a keyboard shortcut. I can press Command+Option+Shift+Return on the Mac or Ctrl+Shift+Enter on the PC. Let's try that shortcut. Depending on the number of pages that you have in your document, this may take a few moments. But now I can use my navigation buttons and preview the entire document. There are few other controls for the Preview panel. Inside the Preview panel's panel menu, we can choose Test in Browser.
This will export the SWF temporarily in the background and open it inside a web browser for you to test. Back inside InDesign, there are few other settings we can change. Inside the Panel menu, we can choose Edit Preview Settings. Here we can control the SWF Export Settings, but we will discuss these settings in a later video. One final place that we can preview our document are in a few different panels. Inside the Animation panel, there is a button in the lower left-hand corner that will open the Preview panel.
Our Timing panel has the same button, as well as our Button panel. Being able to test and preview your document inside InDesign is an invaluable tool when you are creating digital documents.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58541 Viewers
119 Video lessons · 67713 Viewers
84 Video lessons · 16973 Viewers
125 Video lessons · 29864 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.