Join Bob Levine for an in-depth discussion in this video Using animations to add slide transitions (EPUB only), part of InDesign: Multistate Objects.
- Transition effects for MSOs in DPS are limited to cross fades but because animations are supported in fixed layout EPUB, we have way more options here. Let's see how we can combine the power of animations with MSOs to create a more engaging experience. I've got my multi-state object on my page and I've got it selected so let's just take a look at what we can do here. I'm gonna open up my Object States panel and let's just choose Los Angeles for this exercise.
That will just bring up the L.A. state and now i can close up my Object States panel. And I'm gonna animate this so I just want everything to sort of slide in real nice, so I'm gonna open up my Layers panel here because I need to select everything in that state. And I've got the Layers panel expanded here to show the state as L.A. and I want to open this up one more time so you can see all of the objects in here. Now I can't really select them all at once, or can I? Let's just scroll up just a little bit here and let's option click on the state.
Oh, look at that, I've got them all. So it's just important that you do make sure that you option click on the little icon here and that does seem to get everything in the state. Now I want to animate this, so I just want it to sort of slide in nicely. So let's close this back up and I'm gonna open up my Animation panel. Now if that's not a part of your workspace you can find it under the window Interactive menu. So I'm just gonna open this up and let's just pull it out here so we can work on it.
I've got everything selected and I'm just gonna come down here and look at my presets and I've got a whole lot of choices, and almost every single one of these is supported. The only thing you'll see down at the bottom is SWF Only for these two so don't choose them. But I'm gonna go for something a little simple and let's go for Fly In From Left. That's great, and I think that should work, but we need to test this out first.
Let's just preview this in the EPUB Interactivity Preview panel, all right. So the first thing I want to do is just click on my icon here for Los Angeles, and you can see the cursor changes to a hand and that gives me a visual cue that I can click on that area. Ah, that's a little slow, and it's not exactly what I'm going for. So let's close up the EPUB Interactivity Preview panel and let's take a look at another panel that we can work with.
I'm gonna open up the Timing panel, and again, if you don't have the Timing panel in your workspace, you'll find it under window Interactive. So let's just pull this one out as well and this time I'm going to just click on the first item in this list and then shift click on the last one to select them all. And you're gonna see that's gonna highlight this little button down at the bottom here, and what that does is it allows everything to play together so they're all going to animate at the same time.
So let's click that and let's try it again. I also have the EPUB Interactivity Preview panel button at the bottom of the Timing panel so I don't have to go very far to check this out, so let's see what happens when we do it this time. So let's try this again. I'll just click on Los Angeles, ah, that's a little bit better, that's what I'm going for. I'm not gonna do the other states. But, if you want to have a little fun, experimenting with InDesign animations, I really recommend that you go ahead and do so, they are a lot of fun.
And if you want to learn more about them, I recommend watching Anne-Marie Concepcion's Creating Fixed-Layout EPUBS course here on lynda.com.
- Working with the Object States panel
- Creating content for basic multistate objects (MSOs)
- Using layers and pages to create MSOs
- Adding and removing states
- Adding content
- Adding objects as states
- Controlling MSOs with buttons
- Using MSOs for interactive content
- Nesting MSOs