Skip to content

EditionsPhotoArt

Curated Content On Photography

  • Home
  • Privacy Policy

How to Use Track Matte in After Effects

Join motion designer Tim Lucke as he walks through his character animation process in Adobe After Effects. He’ll use expression controls, track mattes, and character rigging to bring an animated intro to life!

In this lesson Tim will go through how to use a track matte in After Effects to show you how to apply changes to several layers at once, and then animate those layers. To learn more, you can watch the whole free After Effects course Master Motion Design – Dynamic Character Animation in After Effects.


One of the great new features of the latest version of After Effects is they’ve totally revamped the entire track matte system and it’s much better now. In the past we’d have to add a track matte above each one of our layers and it would be really annoying to manage them all. With the new system, all we have to do is create one master track matte and we can apply that to all our objects and it makes things much simpler. 

A Track Matte can be a still image, a video, a graphic, text, or a shape. For example, you can use a text layer as a Track Matte for a video layer to allow the video to only show through the shapes defined by the text characters. The underlying layer (the fill layer) gets its transparency values from the values of certain channels in the Track Matte layer—either its alpha channel or the luminance of its pixels. – Adobe

How to Use Track Mattes in After Effects

Create a Track Matte Master

Here’s how you can add a track matte in After Effects. The track matte is going to be based on its alpha transparency so I’m going to use a shape layer. The colour doesn’t matter.

draw a shape layerdraw a shape layerdraw a shape layer

I’m naming this Track Matte Master. Then, what we need to do is select all our relevant layers, so that’s everything except the cloud and the light bulb.

highlight layershighlight layershighlight layers

You can see the highlighted layers above, they’re all going to use this track matte master.

pick whippick whippick whip

To bring up the track matte settings you have to use the button in the bottom left, second in (it’s highlighted blue above) and next to the track matte settings you can see the swirl shape which is a pick whip.

Pick Whip

pick whip grabpick whip grabpick whip grab

You can grab the pick whip under Track Matte next to one of your layers and drag that to the track matte master layer and now all those highlighted layers will use the master track matte. After Effects sees that you’re using a layer as a track matte and it will turn off the visibility, but it is still there.

FREE

36 Minutes

How to Animate a Landscape Painting in Adobe After Effects

Learn how to animate your paintings in Adobe After Effects using these animation techniques! In this free After Effects course, Jonathan Lam will walk you step by step through the process of how to animate a painting in After Effects. Using a painting by professional digital artist Henrik Evensen, you’ll learn how to add and connect the different natural elements, such as wind, moving grass, and clouds, from scratch.


    Animate – Value Graph

    To animate the main movement of this character we’re going to adjust the position of the body, if we hit P that brings up the position properties. As in this case you’re sort of moving up vertically, I prefer to use the value graph rather than the speed graph because it’s easier to work with.

    separate dimensionsseparate dimensionsseparate dimensions

    To do this, right-click on the layer – Body in this case – and choose Separate Dimensions. 

    keyframekeyframekeyframe

    In the Y position I’ve set a keyframe to have him pop up super quickly. We don’t want it to be straight though so this doesn’t look great. We want some overshoot. 

    adjust pop upadjust pop upadjust pop up

    I’ve taken this final position keyframe, copied it and added it further along. Then pushed up the character, which is going to give it some bounce when he pops up.

    Keyframe Easing

    keyframe easingkeyframe easingkeyframe easing

    Next, I did some keyframe easing so that he doesn’t slowly bounce, he’s going to bounce up at a constant, fairly quick speed. 

    Add Repeater

    eyeeyeeye

    One thing we need to address is the one eye. When it comes to eyes, we know that the two eyes are going to move together. Instead of duplicating this eye and then having to animate it twice, what I like to do – and this only applies to shape layers by the way – is add a repeater.

    add repeateradd repeateradd repeater

    Next to the layer, you can hit Add and then choose Repeater, and that adds two copies of that, we only want one so I can delete that and then use the Transform controls to position the copy in the right place.

    reposition eyereposition eyereposition eye

    Now if I want to animate the pupils, I only have to do that once, and it will apply to both, so it saves a lot of work.

    Conclusion

    Our full course video will take you through more examples, but you can just repeat the steps we’ve outlined above to add more track mattes in After Effects. Hopefully you’ve learned some new skills from this free After Effects tutorial and be sure to check out the upcoming lessons from this course.

    After Effects Templates From Envato Elements 

    Envato Elements has thousands of After Effects templates to choose from, and you can download and use as many as you like with your monthly subscription. There’s also access to music tracks, SFX, stock video, graphic templates and lots more.

    After Effects templates on Envato ElementsAfter Effects templates on Envato ElementsAfter Effects templates on Envato Elements

    You might also want to check out Envato Elements’ monthly free files, which often include free After Effects templates, and other assets that you might find useful to use with your video project.

    More After Effects Resources and Templates

    • 10 Top Creative Marketing Video Templates for After Effects
      Marie Gardiner
      16 Dec 2022

    • 10 Logo Animations in After Effects for eSports Videos
      Marie Gardiner
      14 Mar 2023

    • How to Composite Multiple Videos Using Clean Plates in After Effects
      Jonathan Lam
      18 Apr 2023

    • How to Use CRT and VHS Overlays in After Effects (Quick Method)
      Jonathan Lam
      25 Apr 2023

    About This Page

    This page was written by Marie Gardiner from the transcript of a course by Tim Lucke. Marie is a writer, author, and photographer. It was edited by Gonzalo Angulo. Gonzalo is an editor, writer and illustrator.

    Related Posts

    • 10 Top Paint Effects Templates for After Effects

      * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} If you've always wanted to be an…

    • 8 Iconic Sound Effects Throughout Cinema History

      Dive into movie history with a look at the making of eight legendary sound effects,…

    • How to Add Audio Effects in Premiere Pro

      * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this lesson on How to Add…

    Related posts:

    1. 100 Free Photoshop Actions (And How to Make Your Own)
    2. 46 Best Photoshop Actions With Creative Photo Effects
    3. Fujifilm X-H2 in-depth review
    4. 35 Video Logo Animations (In After Effects) AE Templates for 2022 Inspiration
    Published June 22, 2023By Editor
    Categorized as Uncategorized Tagged above, ACC, alp, alpha, Annoying, Ape, art, artist, ass, blue, body, box, butt, cat, character, cloud, clouds, colour, composite, create, creative, design, designer, digital art, down, dress, eat, eco, edited, effect, expression, eye, eyes, file, frame, fur, go, graphic, gras, grass, hat, hav, high, highlight, hole, hot, ice, ich, ight, it, j, just, la, lac, landscape, lay, layers, lick, life, Light, Logo, long, look, man, many, market, master, men, mens, Motion, Move, moving, multi, music, natura, natural, nut, NY, object, objects, ol, one, page, painting, paintings, pea, Photo, photog, photograph, photographe, photographer, pie, plate, Po, port, professional, project, ring, rings, rol, rope, rough, sand, See, sf, shape, shapes, Shed, show, Sign, simple, sour, speed, sport, sports, steps, still, stock, tea, text, tie, Tire, together, top, track, tracks, tutorial, two, ue, under, up, US, usa, ut, vertical, walk, way, whole, wind, writer

    Post navigation

    Previous post

    Achieve Creative Flexibility: Shutterstock FLEX For Business Marketing

    Next post

    Analysis of Flickr Data Reveals the World’s Most Popular Cameras

    Recent Posts

    • The Moment Everything Bags are versatile daily carry and travel bags
    • Early Amazon Prime Day deals: Sony cameras and lenses
    • ADEX Sabah Ocean Partnership Summit 2023 Announces Ghost Net Removal Effort and International Mermaid Competition
    • Isotta Announces Housing for the Sony a7R Mark V
    • Facing the Holidays & Economic Uncertainty: How to Stay Ahead of Marketing for the Rest of the Year
      EditionsPhotoArt
      Proudly powered by WordPress.