May 13 2009 • 2:58 PM

Use Page Transitions to Add Some Sizzle to Your PDF Presentations

Many of us send off presentations we create in InDesign as PDF files so they can be read by our colleagues, customers, or clients. But we can give them some extra sizzle by adding page transitions within InDesign CS4. Page transitions give visual sparkle by creating a “Powerpoint-like” effect when switching between pages. Page transitions have been available in Acrobat for many versions, but they always had to be added after creating the PDF file. In Acrobat 9 Pro, you must choose Advanced > Document Processing > Page Transitions. You also have no way to preview the appearance of the effects listed there.

Page transitions is one of the improved interactivity controls (along with hyperlinks and buttons) which can be used in either PDF files or SWF files generated in InDesign CS4. It’s easy to do, and, while you can’t actually preview the page transitions in InDesign, you get some Flash-based previews in its new dialogs and panels so you can get some idea of what each of the transitions look like before you actually create the PDF file. Here’s how to add page transitions to your PDF presentation:

1. In the Pages panel of InDesign CS4, select Page Transitions > Choose from the panel menu. (Alternatively, you can Control/right-click on a page icon in the panel.) The Page Transitions dialog appears.

Choose Page Transition

Here you can preview a Flash-based animation of each effect. The bottom right choice (Page Turn) is only available for exported SWF files. (Two Acrobat choices have been dropped—Random and Replace.) By default, Apply to All Spreads is checked but you can uncheck it, and apply individual transitions to each spread if you like. (You can do this by Control/right-clicking in an individual spread in the Pages panel and using the Page Transitions panel.)

2. After choosing one of the radio button choices and clicking OK, the new Page Transitions panel appears. While that’s a little confusing, this panel is used to set the options for the particular transition you choose, or to edit a transition.

Page Transitions Panel

Here, as in Acrobat Pro, you can set the direction and speed of the transition. If you change your mind, you can return to this panel to edit a transition effect or to clear transitions from the panel menu.

3. Just as with transparency effects, you can use the Pages panel indicators to tell you whether a page transition has been applied to a spread. The checkerboard icon indicates spread transparency. The circled icon indicates a page transition.

Page Transition Indicators

4. There are just a couple more things to do: When you export your PDF file, you need to remember to check the Interactive Elements checkbox. Otherwise, they won’t be included.

Check Interactive Elements

5. Finally, you open the PDF you export, and use the arrow keys to move from page to page. But nothing happens! Page transitions in PDF files only appear when you’re in Full Screen mode. Choose View > Full Screen Mode (Cmd/Ctrl-L) in either Adobe Acrobat or Reader. Now using arrow keys will display your page transitions.

If you want to make sure your recipient sees the page transitions, choose File > Properties > Initial View in Acrobat, and check Open in Full Screen mode. Also, tell your recipient to press the Escape key to exit Full Screen mode so they don’t freak out when they can’t get their normal screen back! Sadly, these controls are not yet available in InDesign before you create the PDF file.

17 Responses discussing this post. Add yours below.

  1. May 13th, 2009 • 4:59 pm • Link

    Great post Steve. One additional tip… if you make any changes in the Page Transitions panel, by default, those changes are only applied to the selected pages in the Pages panel. If you forgot to select all the pages in the file and wish to synchronize your page transition edits across all the pages in the file, you can click on the only button at the bottom of the Page Transitions panel to do so. If the button is currently dimmed, that means all your pages are using the same page transition settings.

  2. Danny Spits
    May 13th, 2009 • 11:43 pm • Link

    If you use the page tturn transition export to SWF and then open/convert the SWF in Acrobat you will have a PDF with that effect

  3. Roland
    May 14th, 2009 • 12:02 am • Link

    “so they can be read by our colleagues, customers, or colleagues”

    I take it that means the colleagues we like, our customers and the colleagues we don’t like? ;)

  4. Nadya Miloserdova
    May 14th, 2009 • 12:26 am • Link

    There are coleagues and coleagues, you know.

    Are there any ideas of leading the customer out of Full Screen mode?
    How to inform him/her to press Esc (and inform that it’s safe for himself/herself, for the file and for the computer)?

  5. Steve Werner
    May 14th, 2009 • 6:03 am • Link

    That was supposed to be “colleagues, customers, or clients.” Got lost in my editing. Fixed above.

  6. KB
    May 27th, 2009 • 1:04 pm • Link

    I must be getting lost somewhere… I’ve got the InDesign file exported to a SWF file. Now how do I get it back into Acrobat to make it a Flip Book PDF?

    or What am I missing, is there something else I should be doing?

    Thanks,
    KB

  7. May 27th, 2009 • 1:31 pm • Link

    KB: You can either make a SWF, OR a PDF.

    To see the SWF, open the HTML page that ID created when you exported it to SWF.

    To create a “flip book PDF,” open the original InDesign file and export to PDF. Make sure and include all interactive features (in the PDF Export Options> General panel).

    AM

  8. June 3rd, 2009 • 7:42 am • Link

    Re-considering KB’s question and my response, maybe KB is asking how to convert the SWF into a PDF as someone suggested up above.

    You need Acrobat 9 Pro for this. From the File menu choose Create PDF > From File; and then select the .SWF you exported from InDesign.

    Acrobat creates a 1-page PDF with the SWF file embedded, sorta. As you move through the SWF you see the page transitions, even though Acrobat isn’t in Full Screen Mode.

    You’ll need some sort of navigation interface to make sure your users know the file has more than one “page” (or put a big note on it that they can use the arrow keys on their keyboard).

  9. June 10th, 2009 • 3:52 am • Link

    Hi friends,

    I need small help for my flipping book
    Can help me anyone
    Issue: Gatefold Spreads pages for flip book

    Thanks and regards
    Srikanth sutari

  10. Paul
    June 11th, 2009 • 10:11 am • Link

    Hi guys, I’m glad I’ve found this blog!

    Anne-Marie,

    I’ve been doing what you and the previous poster suggested for converting SWF files to PDF files to preserve the interactivity of the page already. However I am wondering if you know how to avoid getting a white border around the PDF when you view it in Acrobat?

    This goes when you click on the image and start using the file, however when you choose to see the file full screen (and I might make this a default so it opens this way) it shows the PDF with a white frame almost on a black background. I just don’t want this frame at all!

    Also, does anyone know anything about image quality in this instance? I lose loads on the transparent button rollovers when exporting unless I select “Lossless”.

    Thanks in advance,

    Paul

  11. Nicole
    July 17th, 2009 • 3:17 pm • Link

    So, I got the InDesign with Page Turn transitions exported as a SWF and then with Acrobat 9 converted it into a pdf.

    Here’s my issue – can this only be viewed with Acrobat 9? I tried sending the newly converted pdf to someone with Reader only and they can’t get past the first page, even in full screen mode. Onscreen, it shows the button to activate the interactivity, but it gives no option to click it. It is simply a stationary item on the page now.

    Anyone have any idea?

  12. Steve Werner
    July 17th, 2009 • 10:15 pm • Link

    @Nicole It sounds like you saved so it can only view it in Acrobat 9 or Reader 9. Earlier versions of Acrobat didn’t handle SWF very well. Did your recipient use Reader 9?

  13. Nicole
    July 21st, 2009 • 5:24 am • Link

    No. The people I need to send this to only have Reader 8.

  14. Steve Werner
    July 21st, 2009 • 12:59 pm • Link

    If you can’t get your people upgrade to the FREE Reader 9, then you may be out of luck.

  15. August 26th, 2009 • 10:29 am • Link

    When I created a swf flip book from CS4, the cover has a blank white page opposite. Can you suggest how to change this so the initial page stands alone (until opening flip book)?

    Thank you kindly,
    C

  16. GregB
    October 13th, 2009 • 2:50 pm • Link

    I had the same thing happen first up, bit changed document to single pages, not spreads. Our newspaper rate flyers will never be the same again.

  17. Leigh B
    November 11th, 2009 • 5:12 am • Link

    Thanks for all the tips!

Subscribe to the Discussion

Get the ongoing discussion surrounding "Use Page Transitions to Add Some Sizzle to Your PDF Presentations" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.