Thanks for coming to, the world's #1 resource for all things InDesign!

The ABCs of MSOs for DPS

Over the last year or so, I've been working with Digital Publishing Suite (DPS) output almost exclusively. The increase in demand for DPS related services seems to have coincided with the availability of unlimited Single Edition apps as part of Creative Cloud.  While there are a number of ways of using DPS to add interactivity to iPad apps, the one native feature in InDesign that I've found to be the most powerful and versatile is the Multi State Object(MSO). Originally introduced for SWF output, Multi State Objects are a great way to add interactivity to any DPS publication.

What I'd like to do here is give you an introduction to MSOs by showing you how to create a simple slideshow. Before we get started there a few things to keep in mind. I'm focusing on DPS here, not SWF. If you're still using CS5 or CS5.5 you'l need visit Adobe's download page to download and install the Folio Producer Tools and the Folio Builder Panel. In CS6 you can use help>updates to download and install everything you need in one fell swoop. Once installed, you'll find them under Window>Extensions in CS5 and CS5.5. In CS6 they'll be under the Window menu.

With the tools installed, let's get started with a new document. For now, let's focus on the iPad and create a new document using Digital Publishing as the intent and choosing the iPad preset. For CS5 and CS5.5 choose web as the intent and 1024px by 768px as the document size.

As you can see in this screenshot, I've placed six identically sized images into my document. I also have a few panels open that I'll need along the way; The Align panel, the Object States panel and the Buttons and Forms panel (in CS5/CS5.5 this is just the Buttons panel).

Because we want the photos to appear to change without any movement, I'll select all six and use the Align panel to make sure they're all perfectly aligned by clicking the align left and align top buttons.

With the images still selected, click on the new Multi State Object button in the Object States panel. A dashed line appears around the selection and you can now see all six photos as separate states in the Object States panel. If you don't see all of them, enlarge the panel a bit.

We're going to need some buttons for the user to tap on. For the purpose of this exercise let's just place copies of those images and scale them way down and position them under the photos. The Align panel can be useful here to make sure the buttons are evenly spaced.

With all of the new images selected, click on the Convert to Button button in the Buttons and Forms panel.

We now have six buttons but we still need to tell each one what we want to happen when the button is tapped. This has to be done for each button individually so deselect all but one.

In the Event dropdown be sure that On Release or Tap (in CS5/CS5.5 it will be On Release) is chosen and click the Add Actions button (it's the plus sign). Choose Go To State.

Because we only have one MSO on the page, it will be automatically selected as the target object. The State dropdown is where we'll choose which state to display when the button is tapped. Having thumbnails of the states makes this a pretty simple task.

With all six button having been assigned an action we're ready to set up our slideshow for DPS. With the Folio Overlays (Overlay Creator in CS5/CS5.5) panel open, select the MSO and the Slideshow option will automatically be available.

We'll leave all of the defaults selected but I'll call your attention to the Cross Fade option. This adds a very nice fade effect as the images change. Feel free to experiment with this. Click on Preview on the bottom of the panel and choose Preview on Desktop.

This will launch the desktop version of the Adobe Content Viewer (installed as part of the tools) and give you a preview of what your file will look like on the iPad. By clicking the buttons you can simulate the actions that a tap will be create on the iPad. I'll tap the fourth button and the corresponding image will appear.

We're almost there but it would be nice for the buttons to display a bit differently when selected. Let's go back to InDesign and select a button. You'll notice that only normal is in use for the button's appearance. Click on the click state to select it. You can change its appearance any way you'd like. I'm going to add a dropshadow. To make applying that to the remaining buttons easier I'll save my settings as an object style.

Select the rest of the buttons, one at a time, target the click state and apply the dropshadow object style. You should see something like this:

Don't worry about setting the buttons back to the normal state. It's not necessary. Let's preview our slideshow again. Click on the buttons and watch the images change. Notice how the button for the selected image now has a dropshadow.

That's it. You've just created your first slideshow. With the basics out of the way, I'll focus future posts on more advanced techniques for these features but I encourage you to dive in and experiment. Keep in mind that the slides don't have to be pictures. Each state can contain images, text, movies, image sequence animations or any combination of them.

Bob Levine
Bob Levine is a graphic designer and a consultant focused on providing InDesign training and guidance in developing efficient, collaborative workflows to those moving from QuarkXPress or PageMaker. An Adobe Certified Expert in both InDesign and InCopy, Bob has written articles for InDesign Magazine and is an Adobe User to User forums host. He has more than 15 years of industry experience and has been using InDesign since version 1.0. For more background, visit his website, or his blog,
Related Articles

115 Comments on “The ABCs of MSOs for DPS

  1. Yes, being a nutcase isn’t as bad a thing as other might make it out to be. I can’t imagine being a “cookie-cutter” person, just like everyone else.Also, finding myself single once again, I too wonder what the future will bring. Will I find love again? Doubt it. Do I even want to find another someone? Good question…Luckily I’ve been scatterbrained a lot lately, so I haven’t exactly been thinking on it as much.

  2. I’m with you Cari. Newt is the best choice. He has matured from his past personal problems. He has been said to have “baggage”, but it seems that the baggage was all made up by the media. All the so call charges against him were found to be without merit. He has the most knowledge, experience, and accomplishments of the candidates. Check out the following:

  3. Offenau Vieu: picSo imma c were this goes im light skinned puerto rican weight about 180 been loosing weight which i am doing for me n only me i smoke drink love music a guy that can is a plus lol anywho i not on here to find love or no bullshit like that im here to c what friends can lead to now if u can write back with a brief description n can keep up a convo we can exchange pics n c whats up NO OLD PERVS LMFAO thirstiesJoin to connect with friends, share photos and create your own profile.

  4. But Louise, you did not provide the URLs which you claim support those percentages. I googled some of them and received results on unemployment rates. Not percentages supporting the non-existant gay marriage. Why are you so coy? I did spot a couple of online references to newspaper accounts but neither said anything about the question asked or the methodolgy. I referred to the question being hidden and as to the methodolgy it has been remarked that face to face interviews in surveys commissioned by the likes of GetUp do tend to elicit higher percentages because of the implied response people have been conditioned to expect from saying they do not support gay marriage, i.e. that to say so one must be a homophobic bigot.

  5. My 8-year-old (9 in August) son has been on 27mg of Concerta since February. He was having evening meltdowns so the dr. added 18mg of Strattera to take at bedtime. This combination has worked very well. The only issue being his weight. He is currently 59.4lbs and 53 1/2 inches tall. He has been the same weight since starting the meds, and has grown almost 3 inches in height.

  6. I wanted to write you a very small remark in order to give thanks over again for all the extraordinary opinions you’ve shown on this page. It was certainly extremely generous of you to deliver freely what exactly many people could possibly have sold for an e-book to make some dough for their own end, especially considering that you could have tried it in case you wanted. Those things in addition served to be a great way to be certain that other people have the identical interest much like mine to know the truth more in terms of this condition. I know there are many more pleasant opportunities ahead for individuals that examine your blog post.

Leave a Reply

Your email address will not be published. Required fields are marked *