Animation TIP - Vignette in After Effects
Overview
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
instructorI 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.
We’re awarding certificates for this course!
Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.
Work your way towards your certificate for this course by following these simple steps.
Good luck!
We’re awarding ‘Pass’ level certificates for this course.
You can work your way towards your ‘Pass’ certificate by following these simple steps.
Good luck!
Hi there, in this video we're going to apply a Vignette. A Vignette looks like this, around the outside. Turn it off, boring Vignette. Awesome. Let's go and do that now.
It's not really an animation trick. Just looks cool when you're dealing with Motion Graphics and Infographics. So Vignette, it's easy to apply. The first thing we need to do is create what's called an 'Adjustment Layer'. Adjustment Layer is an invisible layer that we can apply effects to. And we're going to apply a Vignette to this one.
So, to find it, we're going to go to our 'Effects & Presets'. And in here, we're going to type in something called 'Lumetri'. If you start spelling it, you'll get there. Lumetri Color is the thing we want. And click, hold, and drag it. It's probably best to drag it to the actual layer itself so you know you got it on the right spot.
And one of the options in here, under 'Vignette', is the 'Amount'. We're going to drag it to the left and you'll notice in the background there, I'm at -1.7 and we've got a kind of a Vignette. Whether you like this or not, I love it. I love it, gives it that kind of film quality look. So to turn it on and off, you see, where it says 'fx', turn it on and off. You can have a white one. If you drag it to the right hand side, it's going to be a little slow. Not sure when-- it's like the heavenly glow. Never used that one. -1.7. That looks good to me. That is how you apply a Vignette.
If you're sitting there thinking "Why did we make it dark around the outside?" you're probably not a Vignette person, I'm a Vignette person. Watch any of my videos. Everywhere, I overcook it, and overdo it. One day I'll get it out of my system. Before we go, let's rename this Adjustment Layer. I'm going to call this one 'Viginitte'. I can never spell Vignette. Is that close? I don't know. That's close enough.
Now the only problem with the Vignette is it needs to be at the top, the whole time. But as you keep adding things you'll potentially add stuff above it. And what happens is, say that I get this underneath the Icon, you'll see, the Icon is not affected by the Vignette. This Adjustment Layer affects everything underneath it but not anything above it. So just be careful of that. All right, let's get our next tip.