This will be the first in a series of posts looking at the capabilities of the Adobe Digital Publishing Suite (Adobe DPS) through easy-to-follow guides. If you’re unfamiliar with Adobe DPS, then this post will be a brief summary of what Adobe DPS is and how you can produce a basic Folio.
Adobe DPS enables you to produce and package interactive iPad apps to the Apple App Store, by simply using Adobe InDesign – no coding skill is required, just some knowledge of using InDesign. This makes Adobe DPS ideal for anyone interested in generating an App with a book or magazine look to it, or even to make your own work portfolio into an iPad App.
Although you need to have an Adobe Digital Publishing account to upload anything to the cloud, I will show you how to preview Folios offline to see the end product. All the tutorials will be through using Adobe InDesign CS6.
Here’s some of the interactive features I will be covering in future posts:
- Creating a slideshow
- Scrollable text
- Image galleries
- Pop-up hotspots
- Creating Image Sequence Animations
- Adding multimedia
How to Produce a Folio
In this guide, I will show you how to make a basic 2-page folio and what settings are required to make the pages publishable.
1) First on InDesign, create a New Document. Make sure Intent is set to Digital Publishing and the Page Size is set to iPad.
2) Set the right workspace configuration by going Window > Workspace > [Digital Publishing]
3) On the Pages panel on the right side, create 2 new pages by clicking on the Create new page button.
4) Produce a couple of layouts for two of the pages. If you’re new to InDesign, then read our tutorial Adobe InDesign: Building A Basic Page Layout.
5) Now we need to create how the pages layouts for when the iPad is rotated and turned portrait. Go back to the Pages panel and click onto the little drop-down arrow to get the Create Alternate Layout… option.
Make sure the layout is set to portrait and hit OK.
You will now have the alternative layout pages generated with the content automatically duplicated as well.
6) The major issue now is that all the duplicated content in the alternative (vertical) page layouts are now a mess and need to be adjusted to fit to the new page orientation.
Adjust both of the first two pages using both the Selection Tool and the Direct Selection Tool.
7) Go onto the Folio Builder panel on the right-side and click the New folio button.
This will open up the New Folio Window where you can enter in the folio name. You will need to set the Orientation to Portrait and Landscape Folio. Click OK when done.
8) Go back to the Folio Builder panel, select the Folio you just created and then click the Add Article button which will drop-down two options – select Add Open InDesign Document.
This will bring up the New Article window. Give it a name and hit OK.
A message window will pop up asking you to save, so hit save and InDesign will prepare the article.
9) Now it’s time to preview our folio project in action. Return to the Folio Builder panel and click Preview on the bottom-left corner of the panel.
Make sure you have Adobe Content Viewer installed on your computer. It should of already been installed alongside InDesign. If not then visit adobe.com for more information.
After clicking Preview, the Adobe Content Viewer App should load up.
This software will allow you to view your publication on the desktop. Press Cmd + R (Mac) to rotate the view.
. . .
If you’re interested in learning more about Adobe InDesign, then we offer a range of high quality courses at different proficiency levels, in numerous cities across the UK.