29 October 2012
Basic understanding of creating interactive Digital Publishing Suite (DPS) assets such as slideshows, buttons, etc.
User level: All
Creating interactive Adobe Digital Publishing Suite (DPS) elements requires several steps and a time investment in learning Adobe InDesign interactive tools.
In this tutorial I show you how to build a basic slideshow and to use a library to store the complete overlay so that other designers may quickly add the interactivity to their own DPS publications. The library item serves as a pre-constructed interactive element that other designers can alter quickly to present a different set of assets.
An InDesign library (hereinafter referred to as library or libraries) offers users a method to store and reuse content in various projects. Library items can contain multiple InDesign elements, including interactive objects. For example, you could select all of the elements of an interactive slide show or sliding panel and create a reusable interactive element.
To create a new library, select File > New > Library. To open an existing Library, simply select File > Open. Once you create or open a library, InDesign creates a new Library panel and saves the library with the INDL extension.
To add objects to the library, simply select them and drag them to the Library panel. When you add objects that contain links to images and other assets, to the Library panel, InDesign retains the link.
The InDesign online help offers additional information about using libraries in the online help section, InDesign: Reusing graphics and text.
If you’ve ever created a slideshow in DPS, you know that several steps are required, such as placing images, creating thumbnails and other navigation elements, creating multi-state objects and linking to buttons. That can be a lot to take in for a novice user. Using libraries, you can pre-build the entire slideshow and simply instruct the user to re-link to new images.
To make the steps easy, create placeholder images that contain descriptive text with the dimensions of the slideshow. Here’s an example:
You can create placeholder images in Adobe Illustrator, Adobe Photoshop, or Adobe InDesign. I like to use InDesign to create the placeholder images. The general steps for creating placeholder images in InDesign are as follows:
When complete, you’ll have a folder of placeholder images:
The sample file archive provided in the Requirements section includes a sample InDesign file called sample_placholder.indd so that you can see how you can use InDesign to create placeholder images.
Now, you will use the placeholders you created to build the slideshow or other interactive DPS asset. A few tips for building interactive elements are as follows:
Do you need to learn how to create interactive DPS assets? My favorite resource is the iPad application: Digital Publishing Suite Tips.
Now that you have built your interactive asset, it’s time to add it to a library. Use the following steps to do so:
Note: To avoid breaking links, keep the library and the placeholder images in the same file structure.
Note: The library included in this sample contains local links to content.
Test each interactive item using both Local Preview and on your targeted device.
Unfortunately, object libraries cannot be accessed by more than one user simultaneously. To prevent edits to the library, set the library to read-only access prior to deploying it to your users, using the following steps:
If you expect a group of individuals in your organization to use the library, you might wish to keep placeholder images in a network folder. In this case, create the library items with placeholders stored on your network.
Once you have deployed your libraries, an InDesign user in your organization can start working with them.
With your library item(s) created, it is simple to drag and drop them onto the page, as follows:
Note: You may experience a slight delay if the Library item contains a large number of elements.
The Links Panel in InDesign CS6 is handy and manages multiple instances of the same placed image. To your benefit, it is easy to replace the slide and thumbnail image in one operation. Use the following steps:
Repeat these steps for all images.
If you instruct your users to create assets and name them to exactly match the original placeholder images, you can replace all the images and thumbnails in a single operation.
Locate the folder containing your identically-named replacement images.
I’ve included a folder of sample images you can use to try this. The results are as follows:
The workflow discussed here has some limtations. If you place the same library item more than once, InDesign creates multiple linked instances to the placeholder image. This results in InDesign referencing the same image in more than one interactive asset. The solution: Instruct users to link to new images before placing the next library item.
Using the basic practices above, you can successfully create library items for slide shows, hot spot images, tab sliders and many other DPS interactive assets. Some training and documentation may be necessary for new users, but overall, the library method discussed in this article helps novice DPS users to add interactive elements quickly and easily. Other areas to explore are the creation of templates, Content Conveyor/Placer Tools, and Snippet files.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.