Join Anne-Marie Concepción for an in-depth discussion in this video Creating and editing motion presets, part of InDesign CS5 New Features.
When you animate something in InDesign you're actually marrying it to a Motion Path, and the Animation panel comes with a whole bunch of Preset Motion Paths that you can use. You can also edit the Motion Paths and you can create your own so that's what I want to explore in this video. So I'm going to select an object and then from the Preset drop-down menu in the Animation panel, I'm just going to experiment with some different Motion Path presets and watch the little butterfly to see what happens. Now some of them aren't really following a path, but the ones where you say like Fly in from the Bottom or Fly in from the Side or Move Left or Move Right, those are actually Motion Paths.
Now you can see what's happening in the layout is that we are actually getting the Motion Path appearing to the left of here and the tool tip reminds us that if you want to edit the Motion Path, all you need to do is click it. But before I do that, I want to talk about these little dots that are appearing here. That has to do with the speed. Now if you want to adjust the speed, if you've ever done any of this kind of work in Flash before, you know what these mean. Ease in and Ease out means that the animation is a little bit more natural. So let's take a look at that. If I go to Preview and I make sure that my selection icon is set in Set Preview Selection Mode and play this...
Did you see how it kind of starts out slow and then speeds up? So it's a little bit more natural than a completely linear speed. That's what Ease in and Ease out is about. Now let's go ahead and edit this path. So I'm going to press Command+Plus or Ctrl+ Plus a few times to zoom in on my selection. You need to click on the path first to edit it and then once you do, you'll see an endpoint and a beginning point and you can just go ahead and drag on these. So if I wanted it to follow a longer path, that's all I had to do is to drag it longer. If wanted it to be a shorter path, alright. So you can do things visually this way.
Now if I actually wanted to edit the path so that it does something else like say for example, I want it to move up and then down then I would need to add a point to the path. So I'm going to switch to my Pen tool and then on this path, I'm just going to go ahead and click to add a point and then I'll switch to the Direct Selection tool and drag that point up. All right and now the Motion Path will go up and then down and we can again preview that and make sure that it's selected with the Selection tool.
Select my object and in the Preview panel, click the Play button. Now what about if you wanted to create your own Motion Path? You can create any kind of path in InDesign or in Illustrator you can copy and paste a path right over. Let's go ahead and do that. So I'm going to go to the Animation panel and I'm going to remove the current Motion Path from this object by clicking the trash icon and I'm going to drag out my own path. So I'll go ahead with the Pen tool and Im just going to go ahead and drag out a curvy path, like that.
And maybe I'll edit some of these handles to make it pretty severe, how it's going to move. There's one basic rule that you have to be aware of when you're creating your own custom motion paths, and that is the object that you're going to animate along this motion path has to be above the path. So it has to be above it in the stacking order. Both of these are on the same layer, I can tell that because they have the same color frame. So I'm just going to select this, right- click and make sure that it's in front; so I'm going to say Bring in Front.
Then all you need to do is Shift+Click the path and the object that you want to animate and then in the Animation panel, click this little icon at the bottom Convert to motion path. The icon stays in place, but the path changes so that the beginning point is the center of the selection of what you want animated, and then the ending point just showing you where it's going to go, and of course you can edit this if you'd like. But let's go ahead and Preview this. All right, now, what if I wanted to save this so I can use it again? If you look in your Animation panel you'll see it says Custom.
So what I can do is go to the Animation panel menu and choose Save and I'll call it AM's bumpy ride. Now it appears as a Preset and it will be available to me no matter which InDesign document I'm working in as my own custom preset. Now if I wanted to share this with somebody who is using InDesign CS5 or even Flash, I could export it. Now how do you do that? Well, I don't know if you saw, but in the Animation panel menu there is a Manage Presets dialog box.
And I can select the one that I just saved and choose Save As and it just gets saved as an XML file. So I would send this to somebody who's using InDesign CS5, let's go ahead and click Save, and they can open up their Manage Presets dialog box and choose Load to import it. Or if you're using Flash CS5 Professional, you can do the same thing from that program's Motion Path panel. It also has the ability to import and export motion paths. So when you're animating something in InDesign, you can choose from any of these cool built-in motion presets or you can create your own.
- Adding spanning heads over columns and splitting columns
- Using the revamped Layers panel
- Editing and customizing motion path presets
- Adding interactive features
- Controlling and managing multiple animations
- Mixing page sizes in a single document
- Publishing to a variety of Flash formats using the enhanced Export dialog
- Creating multi-state objects
- Using the new Gap tool and Gridify techniques