In this video, learn how to add visual interest by animating objects on a slide. Discover how to choose from different animations and types, and choose timing options for each.
- [Instructor] One challenge you're likely to face with any eLearning project you create, will be holding your learner's interest. There are a number of different ways we could do this here in Captivate. We're going to explore some of them in this chapter beginning with animating objects on your slides in this movie. We're going to do it with our Landon Hotel project we've been building, but go to the chapter 3 folder of your exercise files and open up this version: LH_0301. You'll notice I've added a couple of slides for you at the end here, slide five and six.
They're basic slides, let's go to slide five here in the filmstrip, currently not labeled. We'll fix that in a minute. You'll notice it's a blank slide with three fluid boxes. In the middle, we have four objects placed in that fluid box with some spacing or padding. And that's why they look nicely lined up and spaced. We talked about that in an earlier movie. But what we haven't done is animated them. Currently, if we were to preview this or publish it, the slide would show up with static images and text. Well, we can add pizazz by animating them.
But first, as I mentioned, we need to label this slide. With the thumbnail selected over here on the filmstrip, and properties selected up here, go to the top field that's empty, and let's label this the same as the title. Welcome to London, there we go. Press enter to lock that in. Now we'll go to the actual images, starting with the marble arch. Select it, it's named, that's good. And we're going to go to another section now to talk about animations or actions.
You'll find that under the timing tab up here. Click there, and as you scroll up and down, you'll see some default settings. For example, display for a specific time, there's the default three seconds, the same as the slide. Everything appears here, including this marble arch. At the zero second mark, so like I mentioned, it's a static slide currently, but we're going to start animating. As we scroll down a little bit, you'll see some basic animations. And just hover over some of these, you can get a little preview of what that would look like. Kind of interesting.
I think it might be more interesting though, if they appeared on the slide. So they start it with a blank slide, just the text perhaps, and then have these images show up, kind of timed along with what we're reading down below. We'll talk about the timeline in a second, right now, though, let's go up to where it says basic and click the drop down, you can see there are some other categories. We could add emphasis if we wanted to, and entrance effect, or exit. I think entrance is the one we want.
Select that, you'll see some different options, how this image is going to enter the slide. You can see, again, previews as you hover over these. You could ease in from different directions. Cool, I think this one should ease in from the left and go right, so that's this one, ease in right. We'll select it, and now down below, you can see some settings for that effect. So the effect is going to start at zero seconds and it's going to take two seconds.
And for the sake of time when we're previewing, and that's not a bad option, two seconds, let's change that to one. You can click and drag it down to one or just click in there and type a one and enter. Okay, now we can also add something called a transition, so as it's coming in, it could be fading in for example. You can see there's fade in and out or fade in only. I like fade in only, it's not going to fade out, they're going to stay on the slide til the end, so let's choose fade in. And how long is it going to take to fade in? Let's bump that up to maybe like 0.2 seconds.
There we go. Alright, let's go to the next one, and again, we'll set up an entrance effect, click the drop down, choose entrance. Maybe this one should come in from the bottom to the top, so ease in top, we'll select that one. And we'll set up something similar. Now the effect start is currently at zero for two. We'll leave it at that, but we're going to change things on the timeline a little later in this chapter. The effect duration though, you can click in there and type a one so it's the same as the other.
Let's go to our bus, and we'll have it. Enter, choose entrance. This time maybe it should ease in bottom. So let's go to this one. You can see the fade effect there too, the duration. Type in one, and enter. Don't worry about the effect start. Zero's fine if you accidentally hit something you might get a number, we're going to adjust this on the timeline a little later. And again, we might want that transition to fade in and take 0.2 seconds.
We should do that for our our fountain as well. There we go, just select it, fade in, and 0.2. One more to go, this one should probably come in from the right going left, so let's scroll up a little bit. Choose entrance, and this one will ease in to the left coming in from the right. And we'll set those up just like the others with the duration at one and the transition to fade in only and to take 0.2 seconds to do that.
Again, you can type in 0.2 if you're having trouble with that slider. Okay that's some effects now that we've applied. Currently though, they're all going to happen at once. If we go up to preview, click the drop down, and preview this slide, play slide, you can see what that looks like. They all come in at once, and that's not bad. But if we want to change that up so it's one after the other, we're going to need access to our timeline, something we'll be talking about as we move through this chapter.
- What is Captivate 2017?
- Touring the Captivate 2017 interface
- Building a project
- Using assets and interactions
- Adding animation
- Adding and programming buttons
- Adding audio and video
- Using voiceovers
- Elearning assessment basics
- Setting up a quiz
- Publishing your project