Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When I was a kid, I was always fascinated with archeology shows where guys would pop down into a cave and look at drawings that nobody seen for thousands of years, and I always thought, wouldn't it be cool if those drawings sort of came to life. Well, that's what we are going to do using Shape behaviors. Kind of achieve this come-to-life effect. You will get started by outlining one of the drawings with the Bezier tool. So go up to the Create button and click on the Bezier tool. So just so we can see it little better, press Command+Plus on the keyboard to zoom in. If you hold down the Spacebar and click and drag, you can pan around the scene and I just want to outline this guy right here.
So, we'll start at the tail and just sort of click some main points along the way. So just click, and if you click and drag, you will notice you get the control handles that will smooth out the points. So, we just kind of want to get a sort of rough outline of this shape. Now go kind of quickly. You don't have to worry if it's not precise because you can always go back and change the different points later.
And finally, we finished our shape. When we get to the end, make sure you see this little round circle on the lower-right corner, letting you know you have completed your shape. And now, we have our basic outline. If you want to go back and adjust any of the control points, when you move your mouse over any of the points, when you click on it, you will know it's selected with the white circle in the center and if you press Command and the Arrow keys on your keyboard, you can reposition this specific point. You can always, obviously, grab the edges of the Bezier handles to adjust the roundness.
Okay, now with that selected, press F7 or click on HUD button on the top of the screen to open the HUD. I just want this to create an outline. So will deselect the Fill checkbox and select the Outline checkbox. And press Command+Minus to zoom back out or Shift+Z to rescale the canvas to fit in the specific area. Let's go ahead and grab our Select tool and press the Play/Pause button to look at our animation and you notice there is a move on this image and what I want to see happen is have this outlines follow along the individual shape.
Well, there is a great behavior for that. If you go up to the Add Behavior button and choose Shape, there is an option for Track Points. And what this will do is take every single anchor point and use it as a track point. Now, this is kind of an optimum situation because each one of these points happens to be on a very high contrast area, and that's typically what you want to look for when you'll use this command. You want to make sure your control points are right on edge of a high contrast area.
That will make it a lot easier for it to track. Now in the HUD, we just leave the Transform option for Mimic Source and Movement, we just want it to analyze. So go ahead and press Analyze and it may take a little while because we do have an awful lot of control points that it's tracking. But if you notice, it's just kind of crank right along and track each of the individual points. Now, just for the sake of time, we are going to speed this up, but go ahead and let your computer finish its process before you continue on.
So we are back, let's deselect the shape and see what our animation looks like. Press F5 on your keyboard to open up the project pane and just click anywhere in the lower area to deselect. Let's play our project from the beginning and watch our animation, and you notice it's tracking beautifully right along the shape. So, let's add one more behavior to this to have this draw on. Go ahead and stop playback for a second, select your Bezier shape and go up under Add Behavior > Shape and choose Write On and we just want this to draw the outline and you notice, by default, it's going to take the entire length of this composition to draw on and I'd actually like it to draw on a little faster.
So move your playhead to frame 70 and press O on your keyboard to trim that behavior. Now, the shape will be drawn by frame 70. Move your playhead back to the beginning and let's see what we have got. We can deselect that layer and check it out. Now, I think that's pretty cool. Feel free to go ahead and trace some of the other shapes and even fade out the background to create your own animations.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 28554 Viewers
135 Video lessons · 63151 Viewers
79 Video lessons · 21371 Viewers
350 Video lessons · 106324 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.