Start learning with our library of video tutorials taught by experts. Get started

InDesign CS5: Interactive Documents and Presentations

Using a SWF slideshow in a PDF


From:

InDesign CS5: Interactive Documents and Presentations

with James Fritz

Video: Using a SWF slideshow in a PDF

In an earlier video, we learned how to create a linear slideshow that took place from one slide to the next. But what if you want to control what slide you want to see? Using a different action in our buttons, we can specify exactly which state we want to show. In order to create our slideshow, we have to create a multi-state object. I am going to select all of these images and come over to the Align panel and align them at the top. Now that they are all aligned one on top of each other, I am going to come to my Object States panel, and I am going to hit the New Object State button, which creates a new multi-state object of each of our images.
Expand all | Collapse all
  1. 1m 56s
    1. Introduction
      1m 18s
    2. Using the exercise files
      38s
  2. 11m 45s
    1. Interactive documents: Born Magazine
      1m 49s
    2. Annual report case study: Unitus
      1m 44s
    3. Self-publishing
      1m 59s
    4. Digital books: iBooks, ePub
      2m 15s
    5. Digital newspapers: Times Reader
      1m 51s
    6. Digital magazines: Wired, iGIZMO, The New Yorker
      2m 7s
  3. 12m 32s
    1. Setting preferences for interactive documents
      2m 36s
    2. Customizing the workspace
      3m 6s
    3. Understanding intent and presets
      2m 21s
    4. Working with images
      2m 37s
    5. Installing scripts
      1m 52s
  4. 9m 40s
    1. Comparing PDF and SWF presentations
      2m 5s
    2. Presenting from InDesign: Presentation mode
      2m 2s
    3. Presenting a SWF
      1m 50s
    4. Presenting a PDF
      1m 8s
    5. Creative tip: Practice your presentation
      2m 35s
  5. 33m 42s
    1. What we're going to build
      1m 28s
    2. Previewing your layout with the Preview panel
      3m 25s
    3. Creative tip: KISS (Keep It Super Simple)
      3m 11s
    4. Setting up a presentation with layers
      5m 21s
    5. Creating a navigation system
      5m 5s
    6. Creating a title and content slides
      4m 40s
    7. Overriding master page items
      3m 21s
    8. Setting page transitions
      2m 31s
    9. Creating hyperlinks
      2m 26s
    10. Using the slug for notes
      2m 14s
  6. 23m 30s
    1. Adding a Full Screen button with a tool tip
      4m 15s
    2. Creating PDF bookmarks in InDesign
      3m 19s
    3. Using a button to go to a specific page in a PDF
      3m 11s
    4. Using animation inside a PDF presentation
      6m 15s
    5. Exporting your presentation to interactive PDF
      4m 6s
    6. Creating a PDF Portfolio presentation
      2m 24s
  7. 29m 50s
    1. Exploring the Animating Encyclopedia Script
      6m 24s
    2. Using the Animation panel
      3m 38s
    3. Animating a list
      2m 28s
    4. Designing an alternate navigation
      3m 35s
    5. Creating a multistate object
      4m 25s
    6. Creating a page number indicator
      1m 59s
    7. Animating an opening page
      1m 53s
    8. Using Page Turn vs. Page Curls
      2m 4s
    9. Exporting your presentation to SWF
      2m 21s
    10. Watching out for transitions with animations
      1m 3s
  8. 24m 3s
    1. What we're going to build
      1m 43s
    2. Creative tip: Breaking down a complex animation
      3m 2s
    3. Taming the Timing panel
      1m 43s
    4. Animating on a motion path
      3m 2s
    5. Creating a sound hot spot
      2m 34s
    6. Creating a slideshow with a multistate object
      1m 50s
    7. Creating a loaded button
      2m 43s
    8. Creating an interactive map
      4m 25s
    9. Creative tip: Have fun!
      3m 1s
  9. 15m 38s
    1. What we're going to build
      1m 19s
    2. Creating the opening transition
      4m 20s
    3. Creating a logo slideshow
      2m 34s
    4. Animating the color palette
      3m 44s
    5. Combining multistate objects and buttons
      3m 41s
  10. 28m 45s
    1. What we're going to build
      1m 26s
    2. Building an interactive table of contents
      4m 19s
    3. Building a navigation system
      2m 9s
    4. Creating PDF-only buttons
      3m 1s
    5. Using a SWF slideshow in a PDF
      4m 14s
    6. Placing a video and using the Media panel
      3m 59s
    7. Setting navigation points
      3m 24s
    8. Placing a video from a URL
      2m 2s
    9. Creating URLs from hyperlinks
      4m 11s
  11. 22m 40s
    1. Preparing your layout for Export
      5m 7s
    2. Handing off your InDesign layout to Flash
      3m 11s
    3. Opening the FLA file in Flash CS5 Professional
      2m 33s
    4. Adding a stop command and testing the movie
      2m 22s
    5. Fixing the buttons
      3m 8s
    6. Importing a video into Flash
      1m 45s
    7. Editing the animations
      2m 59s
    8. Publishing a SWF
      1m 35s
  12. 17m 0s
    1. Avoiding legacy media
      1m 11s
    2. Converting a video into FLV with Adobe Media Encoder
      1m 52s
    3. Using the JPG Pass-Through filter
      2m 32s
    4. Avoiding compatibility issues
      3m 7s
    5. Slimming down your FLA
      2m 41s
    6. Sharing motion presets
      3m 40s
    7. Testing hyperlinks in a SWF
      1m 57s
  13. 34s
    1. Further Recommendations
      34s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
InDesign CS5: Interactive Documents and Presentations
3h 51m Intermediate Nov 12, 2010

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.

Topics include:
  • Studying new trends in digital design
  • Creating a PDF and SWF presentation
  • Building different navigation systems
  • Creating interactive slideshows
  • Animating a presentation as a SWF in InDesign
  • Designing an interactive microsite
  • Adding video and audio to a document
  • Building an interactive TOC with buttons
  • Using InDesign and Flash to build an interactive catalog
  • InDesign to Flash production tips
Subjects:
Presentations Design Web Digital Publishing PDF Projects
Software:
InDesign
Author:
James Fritz

Using a SWF slideshow in a PDF

In an earlier video, we learned how to create a linear slideshow that took place from one slide to the next. But what if you want to control what slide you want to see? Using a different action in our buttons, we can specify exactly which state we want to show. In order to create our slideshow, we have to create a multi-state object. I am going to select all of these images and come over to the Align panel and align them at the top. Now that they are all aligned one on top of each other, I am going to come to my Object States panel, and I am going to hit the New Object State button, which creates a new multi-state object of each of our images.

I am going to name this slideshow and then name each of these states. This is going to be none. This will be goldengates and then we've got snowboarding and then we've got our biking, our friend the seal, and the birds. Now that we've made our multi-state object, we can use the buttons to go to a particular state.

So I am going to select the Golden Gate Bridge button, open the Buttons panel, and adding an action, you can see we have a SWF Only action, which is Go To State. When I choose this, I can choose specifically which state of the slideshow that I want to go to. I want to go to the Golden Gate state. Now, we can repeat this process for the other ones. So I am going to grab Snowboarding, and we are going to go to States, and we'll say Snowboarding, and go to Biking, and for Biking, we'll go to Biking, Seals, visit our buddy, the Seal.

There he is and finally, the Birds. Go to State and Birds. Let's preview this. Now, when I click on each of these, you'll see the slideshow pops-up. But what if I don't want to see the slides anymore? Well, I have developed a little Close button, but the Close button isn't working right now. We need to add one more state for this. So if I select the Close button, I can add the action, Go To State, and this will be our None state.

So when you click this, it will effectively close the button. I am going to preview this. Each of these will work. Then I can close the slideshow. Now that we have created this interactive slideshow, what happens if we want to export this to a PDF? If we were to export this to a SWF, it'd be fine because these actions are SWF Only, but by exporting our layout to a PDF, we wouldn't get this interaction, but there is a workaround. I am going to hide this panel and what we can do is looking at this layout, right now it's on a layer called Editable Slideshow.

What I am going to do is I am going to go to the SWF Slideshow layer and I am going to draw out a couple of guides to line up at the edge of this item. There we go. I am going to select all of these buttons and multi-state objects on the Editable Slideshow layer. Then I am going to go to Export. Then I am going to export as a SWF file. In Export, I am going to leave it at Selection and click OK. Now that I've exported the SWF, I am going to hide this layer. I am going to go to the SWF Slideshow layer and I am going to go back and place that SWF that we just exported.

I am going to go where the guides intersect that we created. I am going to place the SWF right back in. After placing the SWF, we are going to come over to the Media panel and I am going to change the Poster to the Current Frame. Then I am going to turn on Play on Page Load, which means this SWF will play immediately when this page loads. Now that we've created this, we can export this to an interactive PDF. We're going to go to File > Export, and choose Adobe PDF (Interactive) and hit Save. I'll leave all the controls here the same.

Now that this is exported, the SWF is actually working, even though I am inside of PDF. By exporting your SWF and placing it back in, I'm able to include an interactive SWF inside my Interactive PDF. Using this method allows you to create interesting and dynamic layouts using buttons and multi-state objects. Keep in mind that if you need to make any changes, you're going to have to go back to your Editable Slideshow layer and re-export a SWF file before you can re-export a new PDF.

Find answers to the most frequently asked questions about InDesign CS5: Interactive Documents and Presentations.


Expand all | Collapse all
Please wait...
Q: I am having trouble creating a YouTube-linked video to play on a page in SWF or interactive PDF. I've followed the tutorial, but I keep getting a message that the video should be Flash compliant. How do I link directly to a YouTube video?
A: It is not possible to link directly to a YouTube video through copy and pasting the URL on the page. In order to link to the video, you need the exact link to the .flv video file.
Are the source files for the interactive publication Born Presents still available? www.adobe.com/products/indesign/customers doesn't seem to be working.
Unfortunately, the content is no longer available on Adobe's site. However, the files are currently available at http://download.macromedia.com/pub/indesign/born_bookpreview_source.zip.

The author also posted an article related to the project at http://indesignsecrets.com/born-presents-interactive-publication-with-source-files.php.
Q: When I add audio to my multi-page project and export it as a PDF, why doesn't the music play past the first page?
A: Unfortunately, there is no way to have an MP3 play across multiple pages of a PDF. It looks like you could because of the wording of the Media panel when you have an MP3 selected, but that isn't the case. You can have an MP3 play across pages of a SWF, which is why that option exists.

This is an inconvenience, but we're not aware of a way around this limitation inside a PDF. You could try making one really big PDF and have buttons jump to another part of the page (using anchors), but every one would have to be on 1 page.
Q: Why does an ugly gray box appear when the audio is played. The author keeps the audio on the pasteboard, which for me, does not play the audio at all when exported. It only plays when on the page.
A: If you are seeing a gray box, make sure that you have set a poster for the audio file. Select the frame and open the Media panel, where you can select your own raster image as a poster frame or just leave it as none. You could also check to see if your frame has a fill applied to it, since there is a chance you could have accidentally applied an
object style or a fill.
Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed InDesign CS5: Interactive Documents and Presentations.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked