InDesign Tip: How to Give Your Online Magazine a Cool Page Turning Effect

Adobe InDesign CS6 has some really nifty features built into it.  One those cool features is the ability to give online magazines an interactive page turning effect, where you have to drag the corner of a page across, similar to how you would with a physical page.  There is also a less interactive, page turn transition available in InDesign, which I will cover also.  These effects can be useful in displaying a magazine online or showcasing a preview of one online.  The process to apply the page turning effect is extremely simple and is just a case of ticking the right boxes on a menu window.

 

Include Interactive Page Curl

So you’ve designed your magazine page spreads and want to present the magazine on website with an interactive page training effect?  Go File > Export and in the Format menu select Flash Player (SWF) then press save.  A new window will pop up:

page turning

 

Make sure the Include Interactive Page Curl tickbox is ticked and hit OK.  InDesign will then export the document as both a SWF file and a HTML file with the SWF embedded inside.  To add this to your website, you either have to open up the HTML file and copy + paste the relevant code from there, or you can import the SWF into a HTML with a website editor.

 

Page Turning Transitions

If you’ve implemented navigation buttons into your document, then you can also have a page turning animation when you click on the button for the next or previous page.  This can be set to the document by click on the page you want to apply this transition to and going to the Page Transitions menu (Window > Interactive > Page Transitions) and selecting Page Turn (SWF Only) from the Transition drop-down menu.

page turning

Of course you will have to covert this document into a SWF file to see that transition effect.

Leave a Reply