Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Animating strokes

From: After Effects Apprentice 13: Paint, Roto, and Puppet

Video: Animating strokes

In this movie, we'll add some color to the lips and I'll show you how to animate on a stroke. To get setup, I'll make sure I have the Brush tool selected, and that I have a color that I'm going to use. Feel free to use any foreground color you like, and I think a size of about 27 that I have here is looking about right. I'll leave my Blending mode set to Color, for the Channels pop-up, it doesn't matter whether you set it to RGB, or RGB plus Alpha, since we're only painting inside the original image.

Animating strokes

In this movie, we'll add some color to the lips and I'll show you how to animate on a stroke. To get setup, I'll make sure I have the Brush tool selected, and that I have a color that I'm going to use. Feel free to use any foreground color you like, and I think a size of about 27 that I have here is looking about right. I'll leave my Blending mode set to Color, for the Channels pop-up, it doesn't matter whether you set it to RGB, or RGB plus Alpha, since we're only painting inside the original image.

I'll press Home so that my stroke starts at the beginning of the comp, I'll be sure to press F2 to deselect any other strokes that might be selected. Now in one continuous stroke, I'll paint around the lips, returning back to the beginning. As soon as I'm finished painting I can press the V key to return to the Selection tool, that way I can be sure I'm not going to add any extra strokes by accident or replace an existing stroke. Now I have three strokes, and if you want to keep track of which one is which, you can rename each individual stroke.

To do that select Brush 1, press Return on the keyboard, and let's call this 'left eye' hit Return. Select Brush 2 press Return, and we'll call this 'right eye', press Return again. The last stroke is for the lips. To animate on the stroke over the time all we need to do is twirl down the lips, twirl down Stroke Options. The two parameters we're interested in are Start and End. Go ahead and scrub the value for Start from 0 to 100, and you will see the stroke we will animate on, but in this case, it's actually wiping off from the beginning to the end.

I'll set it back to 0% and now let's check out the End parameter. When I scrub the End parameter from 100% back to 0, the stroke wipes off in reverse. So it looks like if I animate from 0 to 100, I'll get the effect I'm looking for. So at time zero, I'll turn on the stopwatch for End and that sets the first keyframe to 0%, and let's go a little later in time, let's say one second and let's scrub the value back to 100. And I'll also go little further in time and press End to end the work area at this point in time.

You'll notice now as you scrub the timeline, the stroke updates in the Composition panel but does not update in the Layer panel until you release the mouse. But since we're finished with our painting for now, let's increase the size of the Composition panel, so that when we RAM preview we can see how it looks in the Comp panel. And of course if you had other layers playing you can see how all the layers are working in unison. Remember that it's very easy to copy and paste keyframes to other strokes.

So if I want to animate on the eyelids, all I need to do is click on the word End and that will select both keyframes for End. Now, I need to copy them Command+C on Mac, Ctrl+C on Windows. We'll twirl up that layer; I'll select the right eye and the left eye but be careful when you paste keyframes they always paste at the current time. So I'll press Home to return to time zero, and with both layers selected I'll press Command+V to paste the keyframes, and, when I hit Play by pressing the Spacebar, all of the strokes start animating at the same time.

Of course, I can simply drag this stroke for the lips later in time, and now when I RAM preview, you can see the eyes wipe on first followed by the lips. Now that you have the basics down, in the next movie we'll look at the options for the Eraser tool.

Show transcript

This video is part of

Image for After Effects Apprentice 13: Paint, Roto, and Puppet
 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed After Effects Apprentice 13: Paint, Roto, and Puppet.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.