This article will walk you through the process of creating a digital magazine: from the layout in Adobe InDesign to sharing your content on the web or through a mobile app.
It will show you how to use the options within the in5 (InDesign to HTML5) export tool to create your ideal digital magazine layout.
By creating a flipbook directly from InDesign—rather than from a secondary format like PDF—you’ll be able to take advantage of all the rich interactivity from InDesign that isn’t supported in PDF.
How to create an HTML5 Flipbook from InDesign in a nutshell
- Build your document with Adobe InDesign
- Add interactivity using InDesign’s built in panels (Buttons, Animation, Object States, Hyperlinks, Video, etc)
- Install in5 (InDesign to HTML5) and restart InDesign
- Export your document to HTML5 with in5 and choose Flipbook with Page Peel as the Page Format
To understand these steps in detail, continue reading below.
Five years ago I had an idea.
I wanted to help my fellow designers publish digitally without relying on coders, and without being beholden to restrictive publishing pipelines.
I launched the project on Kickstarter and 238 people backed the initial version of InDesign to HTML5 (in5).
Thanks to the continued interest and support of many customers, in5 has grown through many updates and has helped designers build better digital publications year after year.
Today I’m announcing another quantum leap forward in what in5 can help designers create—without coding and—using the freedom of an open format.
The new capabilities are almost too numerous to list in a single post, so what follows is a high-level summary of what you can do with in5 version 3.1.
The Mobile Article Explorer lets your reader’s see the pixel-perfect layout as well as a simple text version of the article that is easy to scroll through.
Check out the video below that features a beautiful layout from Experience Life magazine.
The Mobile Article Explorer widget is available to those with Pro plans (or higher).
It’s just one of the ways that in5 will make your layouts even more reader-friendly.
The introduction of Interactive Widgets now let you create even more interactivity with InDesign and in5.
These widgets make it easy for you to build sophisticated interactivity and animation with a few mouse clicks.
The the 3D Flip Card lets your readers switch Object States in 3D space.
Check out the video below to see the whole process and the beautiful results in just over a minute.
The 3D Flip Card widget is available to those with Pro plans (or higher).
It’s just one of the ways that in5 puts more publishing power in your hands without having to code.