Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now we have our rough animation created, and it's time to actually polish things up by adding some final graphics, and some effects into our scene. So lets start by actually resetting our workspace. If your work space doesn't look like this, go up under the Workspace, and make sure you reset the standard workspace, and click Yes, to reset it to its original layout. Now your work space should look like this. Also, lets go ahead and preview our animation. Click the left button in the Preview panel, to move to the first frame in your timeline.
And then load up a ram preview. It may take a second on your system, so just let the frames go ahead and load in. And once they're all loaded, we'll go ahead and preview our animation. Okay, so I can already tell I need to add a fade or some type of transition to those swoop lines. And then, we need to actually fade out the graphics. So, I am going to press the spacebar to stop playback here. We'll start by adding a transition to our swoop lines. So, lets go ahead and scroll down to layer nine. That's the swoop lines layer, and I am going to enable Solo for this layer, just so we can focus only on this layer.
Let's press I to move to the in point of the layer, and then go up to Effects. Under Effects, let's go to Transition. I want to just choose a Linear Wipe. So we'll choose Linear Wipe, and in order to preview the animation, just click and drag on the transition completion to scrub through. And you see okay, I can definitely have these lines look like they're drawing into the scene. Right now I want them to be off the screen, and then draw in the opposite way. So, let's go ahead and change the wipe angle to a value of 270.
As you start to drag up to this left side, if you hold down Shift, it'll snap in 45 degree increments. So it'll snap right to 270. So let's change our transition completion to 100%, and add a keyframe here in the Effects Controls panel. Now let's move down to about three seconds in the timeline, and then change our transition completion to 100%. Now, as I scrub through, I can see the edge of this is very harsh. So I'm want to feather this a little bit. So I'll just go ahead and click and drag on the feather parameter, and set it to about 45 pixels.
So now these are going to go ahead and animate across the page. Let's turn off Solo, and now we can scrub through and see how these are going to swoop into the scene. I think that looks pretty cool. Now let's add our fade out for our other graphic elements here. Let's start at about seven seconds. I want to add a fade to my circles, so let's select the Circles here. Now to add a keyframe for the opacity at this point, I want it to be the current value that I have for opacity right now. But if I click the Keyframe button, this'll actually delete all of my keyframes, which I don't want to do.
So let me undo that. To create a keyframe, that's the same value as the pre-existing keyframe, you want to go down here to your Navigation buttons. And the button in between, if you click it, that'll go ahead and add a keyframe at the current value, for that specific parameter. Let's scroll up through the layers and see which other layers don't have fade outs. And as you can see training and the plus symbol don't have fadeouts. So let's select the Plus symbol and our Training layer, and just press t, not once, but twice.
Now we'll go ahead and click that Keyframe button here, to add two keyframes there. And then just press o to move to the out point of those layers. And we can just add another keyframe at zero, to add the fadeout. And we'll scroll back down to our circle layer. And have those fade out as well. Now let's say we don't want our swoop lines to disappear. Let's go ahead and just click on the right side of the swoop lines layer, and just drag it to the end of our composition. Now we scroll through, you can see our graphics are going to fade out. Everything except for the swoop lines.
So now we're actually set to add a graphic element. We're going to add our next section. The next section is just going to be called warm-up. And I want a circle to appear behind the words warm-up. So, what I'm going to do is scroll up in my timeline here. And just select my Plus layer. This is the layer just below my H+ Smart layer. Now to add text in the scene, all we have to do is grab our Type tool. But when we do that, notice these panels will automatically open. Since I want to be able to actually set some type, I'm going to change my workspace.
So let's go to the workspace pull-down, and change it from Standard to Text. Now with my text selected, let's just go ahead and click right about here, to start my text. So let's type warm ups and here I'll go back. I'm just using my arrow key to move back. And I'll press Delete to delete the space, and just add a dash in there. To set your text, grab your Selection tool, and now we've added text into the scene. With the selection tool selected, let's just move warm-ups down a little bit.
And now I want to add a graphic element underneath my text. But if you notice when I added my text layer, it automatically made that text start at the beginning of the timeline. So let's click on the left edge of the text, and drag it to the right, and hold down Shift to make it snap to my current time indicator. So we'll just have a simple fade on this text. We'll add the fade in here in just a second. Let's add our graphic element. To add a graphic, I want to make sure that none of my layers are selected. So I'm just going to click in any one of these grey areas here.
Now, with nothing selected, I can go up to my Shape tools, and I'm going to click and hold on the Rectangle tool, so that'll open up the Ellipse tool. Now, with my ellipse tool selected, see how I have a fill and a stroke, well lets say I want the fill to be more of this kind of bluish turquoise color in the background. I can go ahead and click on that fill, and grab my little eye dropper here, and just sample any of these colors. Now that's a little dark, so I'm just going to brighten it up a bit, and click OK. We'll leave the white stroke on there for now.
And then just click and drag, in the project, and drag it over top of the text. Perfect, now notice when I created the shape, it automatically put it at the top of the layer hierarchy. So what I'm going to do is just click on the Shape layer, and move it down below my Text layer. And you guessed it, we're going to trim the start point of this layer, just by clicking on the left, and dragging it back to my current time indicator. So let's go ahead and make sure we have the selection tool active, and then we can just reposition our shape accordingly. So now we're just going to add a quick fade to this, to have them fade into the scene.
So I'm just going to move a little bit down the timeline, just by clicking up in this area here. I'm going to move to about frame 812. And I'll select both layers two and three. And press Option+T or Alt+T on Windows, to automatically add a keyframe for Opacity. So now I can press I to move to the in point of those layers, and just change the opacity setting to zero, since I had both layers selected, it automatically added the fade to both layers. So now the only thing that I'm noticing that I want to adjust, is how this background graphic element is blending with the background.
I'm going to go ahead and select my Shape layer here, and if you don't have your nodes up, go ahead and toggle your switches and modes, till your in nodes, and let's change the blend mode, I want to choose Soft Light. Now when I deselect that layer, you can see here's my graphic, and it's blended into the background using the soft light blend mode. And this is pretty much exactly what I wanted to create. To preview our animation, just move back to the first frame, and then load up a run preview.
Once your preview is loaded, then it'll go ahead and play in real time. And you can see, we successfully completed our animation, and added graphics into the scene.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 29011 Viewers
135 Video lessons · 63580 Viewers
79 Video lessons · 21623 Viewers
350 Video lessons · 106539 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.