Adobe DPS Made Simple: Introduction & Building a Basic Folio

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.

adobe dps

 

 2) Set the right workspace configuration by going Window > Workspace > [Digital Publishing]

adobe dps

 

3) On the Pages panel on the right side, create 2 new pages by clicking on the Create new page button.

adobe dps

 

 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.

adobe dps

 

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.

adobe dps

 

Make sure the layout is set to portrait and hit OK.

adobe dps

 

You will now have the alternative layout pages generated with the content automatically duplicated as well.

adobe dps

 

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.

Adobe DPS

 

Adjust both of the first two pages using both the Selection Tool and the Direct Selection Tool.

adobe dps

 

7) Go onto the Folio Builder panel on the right-side and click the New folio button.

adobe dps

 

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.

adobe dps

 

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.

Adobe DPS

 

This will bring up the New Article window.  Give it a name and hit OK.

adobe dps

 

A message window will pop up asking you to save, so hit save and InDesign will prepare the article.

adobe dps

 

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.

adobe dps

 

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.

adobe content viewer Adobe DPS

After clicking Preview, the Adobe Content Viewer App should load up.

adobe content viewer Adobe DPS

 

This software will allow you to view your publication on the desktop.  Press Cmd + R (Mac) to rotate the view.

Adobe DPS

 . . .

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.