Join James Fritz for an in-depth discussion in this video What we're going to build, part of InDesign CS5: Interactive Documents and Presentations.
Let's take a look at what we're going to build in this chapter, an interactive microsite. A microsite is a mini web site that serves a niche purpose and in this case it's a small guide to why we should move to the city of Meridian. On the first page of this site, we're going to come down and click on the arrow to go to the next spread. (Rattling of the train) On the Move page, we'll see a train come in with a sound effect. Next we see an electric vehicle drive up and then get filled up with electricity.
At the bottom we have a small navigation system that lets us go to the next page. The Live page has a slide show where we can click to see the different images around town. If we mouse over the Pocket Mulch we can hear sound effect. (Bzzz. Flies buzzing.) On the Eat page, if we click on the Truck button we'll see the Twitter handles for local businesses.
On the Enjoy page, we have a sound hotspot with an animation. (Gears grinding) (Hum as map swoops in) And on the last page there's an interactive map. If I click on each of these buttons, I'll see different routes. And this button shows all of them. If I click on this fork, I get a pop-up window. Now that we've seen what's inside this microsite, let's get started creating it.
If you'd like to explore the finished version of this document, I've included the City Guide Master File inside this folder.
- 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
Skill Level Intermediate
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.
1. Trends in Digital Design
2. Setting Up InDesign for Designing Digital Documents
3. Presentation File Format Options and Tips
4. Creating a Simple PDF or SWF Slide Presentation
5. Adding Advanced PDF Presentation Options
6. Building the Presentation as a Complex SWF File
7. Creating an Interactive Microsite
8. Creating an interactive Mood Board
9. Creating an Interactive Catalog
10. Converting from InDesign to Flash Professional
11. Production Tips for Going from InDesign to Flash
- Mark as unwatched
- Mark all as unwatched
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.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.