Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One cool way to add some visual interest to your content here in Captivate is to include animations. Animations could be existing animated files, like Flash files, or animated Gifs, or you can actually create animations out of text here in Captivate. We're going to look at that now using our Volunteer Orientation project. If you've been following along, we're on Slide number 9, which is yet to be named; we'll name it momentarily. If you're getting caught up with us, go to your Chapter3 folder of the Exercise Files, and open up Volunteer Orientation SAMOCA12.
So here with Slide 9, which is where we imported a Photoshop file, we need to give this a name. So let's go to the Name Field over here under Properties, and type in Vision. When you press Enter or Return on your keyboard, it's now named, and we see that over here in the Filmstrip. Next, we want to add an animation, so one option would be to go to the Insert menu, and from the Insert menu, you can go right down to Animation. Notice there is Text Animation below it. But Animation, when you select this, will allow you to go searching for existing Shockwave, or Flash files, if you have them, or animated GIF files.
If you don't have any, just click Cancel. It's a simple matter of selecting it, inserting it, and adjusting its size, and location, and then its timing as well. But we can also do that with text. In fact, we're creating our own animated Gif out of text, right from within Captivate. So let's do that. Here we have our Photoshop file, and if we go down to the bottom, and click Timeline, I want you to see something. Because we brought layers in, each of these looks like a separate object, so you see can the Text, Vision, 3 seconds. Everything is 3 seconds her; all of the different images, dots, background, etcetera.
Meanwhile, the Slide is 5 seconds, so if we were to preview this, we'd see all of this for 3 seconds, and then 2.0 seconds of blank space before moving on to the next slide. So we're going to keep that in mind when we animate the text, which means first getting rid of the existing text. We can't animate something that's already there, which is really just one of the layers of the Photoshop file. So we'll select it, and we'll hit Delete. If you added, for example, caption text, you can't go back and animate it either.
This is another example of our word vision here, where we have to delete it, and insert animated text instead. In this case, we go to our Object toolbar, but not Caption Text; We go all the way down towards the bottom, where we find Insert Text Animation, and when we click there, we get a different type of dialog box. We are going to see Sample Text, and we're also going to see over here on the right-hand side an example of the selected Effect, and that depends on what you used last. If you have better done this before, you're probably seeing an aquarium here, and some fishies kind of floating around your Sample Text.
First thing we need to do is change it from Sample Text to real text, so click and drag over that, and we'll type in all caps, vision. Let's leave it at Arial, but choose a version of Arial, Arial Black, which is a much thicker option. And as you can see, the Size, I used 72 points last time; you might see 20, or something else. Click and drag over the existing number, and type 72, or use your up and down arrows to get to 72. 72 is actually the largest.
Now, we're not going to bold or italicize this, so we don't need those. Let's leave the Delay of 1 second in there, but change the color from black here by clicking the swatch to the lightest color we have, white, in the very bottom right corner. When we click OK, these are the properties of our new animated text, and you'll see, again, another example of what's going to happen with the selected Effect. But before we get there, let's change the name of this from Text_Animation_2, or 1, or whatever number you see, to Vision_Animation, so we know what it is when we look at the Timeline.
You can press Enter or Return on your keyboard; again, you'll see a preview of the Effect, which we're going to browse through right now. Let's go down to the Effect dropdown, and you'll see there's quite a long list. There is Aquarium at the top, and as we scroll down, you'll see the one that's currently selected with the checkmark. So let's try something like Raindrops, for example. We'll see a preview over here. Not too bad; there might be something better. We can scroll through the list, we're going to try Meltaway; interesting, but distracting, and I don't like that looping effect.
So let's scroll down, and try something different. I am looking for some kind of a starburst maybe. There it is, Starburst. Click that; that's a very subtle one. You may not have seen it, but you can reselect it if you want to check it out. I think we'll keep it at that, and we'll preview this in a moment. Right now, let's get our text into position, somewhere right in that area; that looks good there. Again, when we move it, we see a quick preview of what our Starburst is going to look like.
Again, if you need to go back to the Properties, there is a Properties button. These are the Properties we set up initially, so if there is something you don't like about what you selected earlier, go ahead and change it here, but I like what we've got so far, so I am going to click Cancel. Look at the timing here in the Timeline tab. Notice that by default, it's not even 3 seconds, like the rest of the items that appear on this page. So let's go over here to the right-hand side, and increase the timing. In fact, I'd like it to go all the way to the end of the slide.
Now, there's no actual click button, or click box on this particular slide, so it's automatically going to go through the 5 seconds, then move on to the next slide. So we can adjust all of these items if we wanted to, and I think we should. So we'll click the first one, hold down Shift, and click the last one. Everything is selected now, and let's drag it all the way over to 5 seconds, right to the end of the slide, so it matches up. Let's preview that; see what that looks like. Go to our Preview button. We don't need to see the entire project; just everything from this slide on.
So we'll click From this slide. It takes a moment to generate your slides before the preview appears. There's that nice Starburst Effect. Very subtle, but a nice little effect, and then it's on to the next slide. You can press Escape, or click the End button up here to go back to your project. We'll just click in the background to deselect everything, and that's an idea of what you can do with animation, here in Captivate 6.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 90869 Viewers
80 Video lessons · 138046 Viewers
59 Video lessons · 56830 Viewers
52 Video lessons · 70468 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.