Basic Masking

This lesson is exclusive to members

Course contents
SECTION: 5
Inspiration 4:15
SECTION: 13
Swinging text 10:36
SECTION: 14
Puppet tool 5:54
SECTION: 15
Effects & presets 6:56
SECTION: 17
What now? 3:56

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

53 lessons / 6 hours

Overview

Motion graphics are an essential part of video creation and editing. From moving titles across the screen to stabilising your footage to smooth out the bumps or replacing a sign in the background. Ubiquitous, subtly powerful, and for the beginner, a bit mystifying. You need to learn motion graphics. You need a tutorial that will help at every step of the way, without leaving you drowning in details.

If you’ve ever made a video, you’ve probably already discovered that it’s all the little extra infographics, titles and animation that make your project look professional – and you’ve probably already wondered which is the right After Effects tutorial that will let you access the potential.

After Effects is the industrial strength tool for putting the motion in your graphic designs and content. It can also appear to be pretty deep, so getting guidance from a pro that understands how to teach, as much as how to use, After Effects is going to be the key that unlocks your potential.

How about a motion graphics tutorial taught by a working professional who just happens to be great at teaching too? Daniel Scott has been working with animation and motion graphics for over a decade and is the founder of Bring Your Own Laptop - they've been helping people learn design and animation all over the world for just as long.

 



 

Daniel, an Adobe Certified Expert and Instructor, will take you one manageable step at a time through motion graphics in a series of small practical projects that come together to unlock Adobe After Effects, animation, and infographics. These tutorials give you the complete foundation that you can build on for years to come. Learn the principles and the specifics of producing content, in a way that you'll understand and remember. And stay awake.

Just 3 hours long, and very hands on, you’ll take on specific tools and techniques one at a time so you can easily comprehend each aspect of the tutorial, and see all the parts of creating motion graphics before you get intimidated by the scale of what you can do. From zero to hero, as we like to say.

You get downloadable exercise files that match the course, so no time wasted trying to match project settings or finding material to work with. And you can use the end results in your own projects or portfolio – you can customise them to suit your needs as you grow in understanding.

To learn motion graphics is to unlock the door on the magic that makes your video or web content stand out in the crowd. Daniel is going to provide you with the motion graphics tutorial you’ve been looking for to get more than your foot in the door – you’re going to be able to create beautiful animation and infographics. You’ll be empowered to use After Effects the way it was meant to be used, and to create your own creative content, even during the tutorial itself.

What are the requirements?

  • This course is for absolute beginners

  • You'll need a copy of Adobe After Effects CC 2015 or above. A free 30 day trial can be download from Adobe here.

What am I going to get from this course?

  • Create beautiful motion graphics

  • Animate compelling infographics

  • Choose the correct video settings.

  • You’ll learn how to exporting your video easily.

  • You’ll be able to create slick type animations.

  • Rendering your video for Youtube & Vimeo.

  • Create titles for interviews.

  • Add music to your motion graphics.

  • Trim & editing video.

  • Add watermarking your video.

  • Fixing shaky footage.

  • Color correct & fix any bad footage.

  • Add a vignette to your video.

  • Learn how to use your skills from Illustrator & Photoshop

  • How to use green screen footage

  • How to mask like a pro.

  • How to animate infographics like bar graphs, line graphs & pie charts.

  • How to use camera to make 3D type.

  • Animating static images using parallax

  • Plus basic character animation.

  • + More…

What is the target audience?

Yes:

  • This course is for people who want to start earning money as a motion graphics designer.

  • This course is for beginners wanting to learn to use After Effects for motion graphics and infographics.

  • No previous After Effects or animation skills are necessary.

No:

  • This course is NOT for people who have a good understanding of After Effects already. This is for new people only.

Course duration 5 hours+ your study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Download Exercise Files

Transcript

Hi, in this video we're going to do some masking. We'll go into the basics of masking, then we'll work through a couple of other options. We've done green screen, now we're going to do just some basic masks.

So, what I'm going to do is, I'm going to bring in a logo. So, on my 'Desktop', under 'After Effects', there's one in here called Bring Your Own Laptop logo, 'BYOL Logo'. Grab that, bring it in. It's an Illustrator file, that's cool. And what I want to do is, make a 'Comp' for it to go into, because if I make a 'Comp' from this, I'm going to get a really strange 'Comp' size because of the size of the logo. That's not what I want. So I will 'undo', I'm going to go to 'New Composition', I'm going to make it my 'HDTV 1080 25', 'Background Color'. Now in this case what we can do is, you can say, "I want it to be white because my logo is going to stand out better on white." The only trouble with this is that this white here is temporary. If I go to 'Export' now, or 'Render' it, it's going to go back to being black. That background there is just kind of a place holder. So, if you want a white background I can make a 'New Comp'. It doesn't really matter if it's made the background here white or black. I'll leave it as black to make it obvious what we're doing.

What I need to do is, I need to put a background, and to do this, you do 'New', sorry, 'Layer', 'New', and you go to 'Solid'. And down here, you pick the color, and it matches the right size. I'm going to call this, instead of 'White Solid', I'm going to call this 'Background'. Now when I rendered this, this will actually have a white background. One of those weird After Effectsisms that will catch you out. Don't bother changing the 'Comp' size. Make sure you got your background actual solid. It's actually just a big box. Big old rectangle, but we're going to use that in the background.

What we're also going to do is, see this little locking icon? Down here, click that. This means that you can't move it, so this stays with this background. Great! I'm going to drag my logo on. Here he is there. I'm going to scale it up a little bit, I'm going to zoom in first of all, and scale it up a little bit. I'm going to hold 'Shift'. Grab the edge. No, I'm going to start dragging, then hold 'Shift'. Get it to about this size. Now it's going to start pixelating. This happened in an earlier one when working with those-- can you see, it's fuzzy.

So does anybody remember how I got it to look crystal clear? Was it effective graphic, or an Illustrator graphic? That's right. Make sure you're-- I've toggled between these two. It's this one here. That little sunshine one, if you click that, it's going to redraw the vector every time. You might not notice a big difference, but if you're a bit of a resolution purist, you'll notice the difference when it exports. So what I'd like to do is draw a mask.

Now to do a mask, the really simple way is to have a logo selected, the thing you want to mask. It could be anything, it doesn't have to be a logo, it could be a type, a video, it can be anything. And then grab one of the things you want to mask it with. I'm going to use a 'Rectangle Tool'. And you could use the 'Pen Tool' if you know how to use it, but we're going to use the 'Rectangle Tool'. What we're going to do is, say I want to get rid of that text here, I want to click and drag. Can you see? So, I'm going to grab my 'Move' tool. And now, I've got this guy. So I've masked off all the text. What's happened is, on this logo layer here, you can see there’s this thing here called mask. If I twirl it down, that is my mask. Just kind of added a mask to this physical layer. Which is cool. What I want to do is maybe animate this mask so the type looks like it appears, so I'm going to 'undo' till it gets back over here. That's just a basic mask. Job done, finished.

Next step, let's look at masking that. Hey, it's Luke's birthday, I must turn these things off. So, I'm going to get the mask to animate. So what I need to do is, this thing called the 'Mask Path'. That controls this box around the outside. So what I can do is, this little animation I can say go. You saw our timing, you can see, here's a little key frame. And I might go, after about 1.5 seconds. What I can do is, I can click on this mask, double click, and I can go-- it's there. So, 2 key frames, back here it's nice and small, and up here, it's nice and big. I'm going to select both of these guys. Right click them. Go to 'Velocity'. Change it to '70'. And let's have a little look. Nice! Animated mask.

So it might be a way that you do this for your title sequence, we did the low thirds earlier on in the series. It might be a nice way to get your type to come on and just appear here on the page rather than slide off from the outside, which we did in that one. The next step is, we're going to have a look at something called a Track Matte. We'll do it in the next video, and I'll show you why we need Track Mattes. It's a fancy name for just a different way of masking.

The big problem now is, I can animate the mask, perfectly fine, as long as this guy doesn't move. Say I want to move the type and the logo. Say I want the mask to stay where it is, and I want the type to slide in from the side. The problem is, this mask is joined to the layer here. So if you want to kind of start the thing over here, and if I keep the mask over in this spot, it won't. Mask is attached, I can't shake it off. So I want the mask to stay there, and you go to there, and I want it to slide in, but it won't. So we're going to have to do a Track Matte. Let's do that in the next video. So that's it for basic masking.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024