How to easily make your own green screens using After Effects.

Aug 13, 2016 2:44 PM

iH8myPP

Views

473400

Likes

24480

Dislikes

231

I'm going to green screen Peter Griffin from this clip as an example.

The first thing you should consider when rotoscoping any character or object from a pre-existing video is that there should be a high contrast between what you want to keep and the background you want to key out. I chose a cartoon for this tutorial because it's easier to show you the process. You can see how there are clear cut lines between Peter and the background behind him. The more contrast there is, the easier it'll be to rotoscope. Also, You want to choose characters or objects that very little to no motion blur as blurred edges tend to make rotoscoping very difficult and sometimes impossible.

This is what it'll look like when it's done.

You can see here that this is a blue screen and not green. Green screen is just a term used because usually the screen would be green and actors would wear any color clothing other than green. In reality, the background can be any color so long as that color isn't found in the object or person we'd like to keep. The reason for this is when you apply your green screen to another video and remove the background color, it'll remove everything with that color. If I had made the background here green, when I apply it and remove the green, Peter's pants would also disappear. Peter isn't wearing anything blue, so I made a blue background.

Import your video and set the Composition Settings.

Import your video to After Effects. You can see I already have it in the composition window on the left. Click "Composition" from your top menu. Set the size, frame rate, and color background you want. Here I kept the size and frame rate of the original video, and here's where I made the background blue. Don't use a frame rate less than 20 or your video will look choppy.

Start your rotoscope.

Left-click hold and drag your video file from the composition window on the left of your preview window to your timeline under your preview window. Click on the "Rotoscope" tool from your top menu. It's the icon located just to the right of the eraser tool. Double-click on your video layer in the timeline. This will open a new tab in your preview window. Your arrow cursor will now be a green circle with a plus sign in it. When you left-click hold and drag on the preview window, you'll see a green bar appear and that'll set an outline in pink to the nearest border. Everything within this pink outline will stay and everything outside the pink outline is being erased. You can't see it erased now but you'll be able to see it later when we click back to our original composition preview window. The size of your rotoscope brush can be made bigger or smaller by holding down "Control" (command on Mac) on your keyboard and left-click hold and drag left to make it smaller and right to make it bigger. Keep dragging the green bar across the character or object you want to keep until it is completely outlined with the pink line.

Tell After Effects what you want deleted.

As I stated, everything inside the pink outline will stay because you dragged the green bar over areas you want to keep. When you did this, you were telling the program what you don't want erased. Now you have to tell the program what you want to delete. This step will help when you're moving from frame-to-frame and the character starts moving. The program will be able to more easily distinguish what to automatically delete in the next frame and what to keep. To do this, hold down the "ALT" key ("Opition" on Mac) and your green icon of a plus inside a cirlcle will change to a red icon with a minus inside a circle. Left-click hold and drag red lines in the areas around your character. This lets the program know that these areas of colors are not wanted when you move to your next frame.

Moving from frame to frame

There are 2 ways to move from frame to frame, manually and automatically. Let's start with the manual as it tends to produce the best result. To move forward a frame press the "2" key on your keyboard, and to go back a frame press the "1" key on your keyboard. As you move forward a frame, you'll see the pink outline will move and readjust to stay around your character. This is why blurry edges or fast movements can throw off the rotoscope. When you move to the next frame, sometimes the pink outline will go off track. It might either go into your character which will end up erasing a part you didn't want erased, or it'll expand outwards from your character which would leave in areas of the background you wanted erased. You can just fix this by left-click hold and dragging the green icon to reinsert areas within your pink outline, and "ALT" + Left-click hold and drag and run the red icon over areas you want to delete. Continue moving forward frame-by-frame by pressing "2" making adjustments by adding and deleting whenever your pink outline goes off track. Manual rotoscoping is better and sometimes necessary if there is alot of movement or some motion blur.

Automatic rotoscope

In areas of your video where your character or object is still or the motion is very slow and smooth, you can use the automatic rotoscope. Just click the space bar on your keyboard the program will automatically move forward in frames. The pink outline will adjust by itself and this can save you time. However, if there's a lot of movement or the edges of your character are blurry, the pink outline easily and quickly goes off track, and you'd have to go back frames and re-adjust manually. Here you see that only Peter's mouth is moving, and his body is completely still. Since my pink outline is just encirling his body, this is the perfect time for me to use the automatic function. In most of my rotoscopes, I usually use of mix of automatic and manual rotoscoping.

Finishing up the rotoscope.

When you've gone through all the frames and reached the end of your clip, click on the "Composition" tab on the top left over your preview window. This will show you the clip with everything keyed out so only your background color and everything that was within the pink outline showing. You can move your timeline marker across your timeline to check and make sure it's how you want it to be. If you see any frame that has something you missed (deleted areas you wanted to keep or added background you wanted deleted) just click back on the "Layer" tab next to the "Composition" tab and re-adjust the pink outline accordingly. You can further fine-tune your green screen with the options in the project window on the left of your preview window. First, check the box that says "Refine Matte". This will make some alterations to make your green screen look better automatically. You can play with the setting as you like. As every green screen is different, there's no one particular set of settings to go by. Just play around with the settings until it looks the best you can make it. The "Smooth" setting smoothens out the edges. "Feather" will soften the edges. "Choke" will delete 1 pixel layers at a time from the edges if you decrease it and add an outline 1 pixel layer at a time as you increase it. "Reduce chatter" reduces the amount of change to the edges as the video goes from one frame to the next. "Motion Blur" is used to clean up edges when there's motion blur in the video.

Your finished green screen.

When you finally got it as good as you think it'll get, render your video. Remember you can still further improve on it when you apply your green screen to another video. To see how to do that, refer to my tutorial about using green screens. Once you apply the green screen and key out the background color, you can make more adjustments. For example, if the edges are still too rough or there's an outline you can't get rid of, you'll be able to do it then.

Use your green screen.

Finally, just find the best use for your new green screen. I used this for an example. If anyone has any questions or problems, please feel free to send me a message anytime. Happy giffing! :)

TOO COMPLICATED. I'D RATHER JUST BEAT YOU UP WITH A TRUCK.

9 years ago | Likes 3 Dislikes 0

Instructions unclear. Broke own neck.

9 years ago | Likes 12 Dislikes 0

Next imgur meme is now going to be Peter everywhere

9 years ago | Likes 2 Dislikes 0

Ahhh after effects. You've now successfully reminded me of what I have to look forward to when I go back to school. Sooooo fuck you.

9 years ago | Likes 3 Dislikes 0

It's too hard, can you do it for me?

9 years ago | Likes 3 Dislikes 0

first step, break your neck.

9 years ago | Likes 2 Dislikes 0

"How to easily afford after effects"

9 years ago | Likes 2 Dislikes 0

now that's what i call "behind the gif"

9 years ago | Likes 2 Dislikes 0

Needs a shadow under him, then it's perfect.

9 years ago | Likes 4 Dislikes 0

So much easier than manually using Vegas pro and masking small part by part and frame by frame. Thanks this is just so helpfull.

9 years ago | Likes 2 Dislikes 0

Step 1: have the money to be able to afford After Effects!

9 years ago | Likes 9 Dislikes 1

Step 2: Use it cracked until you have a company or an income from it and then start paying. It's 2016, they need you more than you need them

9 years ago | Likes 4 Dislikes 0

Yeah, I can dig that, but cracking that stuff is very complicated, and whenever I've tried, it's been like programming all over again: >

9 years ago | Likes 2 Dislikes 0

instructions usually reference things that, if you knew them, you could probably do it on your own anyway. -_-

9 years ago | Likes 2 Dislikes 0

@op I remember using photoshop CS6 to manually rotoscope light sabers in middle school. It was cool, but very, very slow.

9 years ago | Likes 2 Dislikes 0

Just a heads up be prepared to do this for many hours as auto is so unreliable and needs a lot of micro management.

9 years ago | Likes 4 Dislikes 0

Yep. A lot of people also forget to pay attention to roto brush span. By default it's only 20f fwd&back. Every adjustment moves it 20f more.

9 years ago | Likes 2 Dislikes 0

Yes, unless there's little to no body movement in the character. Someone speaking a monologue usually works well.

9 years ago | Likes 3 Dislikes 0

Why would you need a green background if you're rotoscoping it anyway? You're already making the mask!

9 years ago | Likes 5 Dislikes 1

I like the refine matte options I get with keylight.

9 years ago | Likes 2 Dislikes 0

can't you just erode and blur manually?

9 years ago | Likes 2 Dislikes 0

This is just the quickest way that works for me and produces quality results. I understand there are more ways of getting the job done.

9 years ago | Likes 4 Dislikes 0

9 years ago | Likes 6 Dislikes 1

Favorited and forgotten

9 years ago | Likes 5 Dislikes 0

I like the pay off at the end, quality meme sir quality meme

9 years ago | Likes 5 Dislikes 0

My response to a @ih8mypp tutorial - v

9 years ago | Likes 58 Dislikes 5

"I'm a genius, and so can you!" the new book out this fall from iH8myPP!

9 years ago | Likes 31 Dislikes 2

Political posts are getting stealthy.

9 years ago | Likes 11 Dislikes 2

Green screen...Green Party...Jill Stein...for president...

9 years ago | Likes 4 Dislikes 3

AMERICA. WAKE. UP.

9 years ago | Likes 3 Dislikes 1

Why? What time is it?

9 years ago | Likes 2 Dislikes 0

Time to BUILD A WALL

9 years ago | Likes 2 Dislikes 0

Won't work bruh. In case you didn't know; they have tunnels from Tijuana to San Diego.

9 years ago | Likes 2 Dislikes 0

Not green screen. That refers to filming on solid color so the background can be replaced. This is roto. Nothing to do with green screen.

9 years ago | Likes 7 Dislikes 1

I sense you work in the industry....compositor?

9 years ago | Likes 2 Dislikes 0

In the industry yes, but as a Creative Director. So I work with animators and compositors.

9 years ago | Likes 2 Dislikes 0

I believe the point is to use it as an element to share so that others can key the color out and use it for their own purposes.

9 years ago | Likes 3 Dislikes 0

You're right, this is called "isolating

9 years ago | Likes 2 Dislikes 0

Thanks Op, now I am doing this instead of studying

9 years ago | Likes 7 Dislikes 1

Well technically you are studying, just not the subject you're supposed to be on. =)

9 years ago | Likes 2 Dislikes 0

Lol, you're welcome and sorry.

9 years ago | Likes 6 Dislikes 0

Study for what? It's August.

9 years ago | Likes 3 Dislikes 0

Why would you roto out the character and then put a background in that needs to be keyed later? Is the BG not now transparent?

9 years ago | Likes 3 Dislikes 0

I like the refining options when using keylight. You can make your character look better, but you need a color to key out with keylight.

9 years ago | Likes 1 Dislikes 0

Please, accept this Dear Master ...

9 years ago | Likes 631 Dislikes 8

Have you ever thought that maybe... this gif is reversed?

9 years ago | Likes 3 Dislikes 23

I suppose next you'll be telling me they photoshopped the upvote arrow in, right? Psssh.

9 years ago | Likes 14 Dislikes 0

I love how he's handing it over oh so gently. Perfect!

9 years ago | Likes 115 Dislikes 0

I think it's reversed..

9 years ago | Likes 15 Dislikes 2

Jesus fuck, we have a smart one

9 years ago | Likes 22 Dislikes 1

original please!

9 years ago | Likes 7 Dislikes 1

Plus source?

9 years ago | Likes 5 Dislikes 1

OP I for one, love your PP.

9 years ago | Likes 520 Dislikes 3

Phrasing....phrasing !

9 years ago | Likes 5 Dislikes 0

So Does his girlfriend

9 years ago | Likes 16 Dislikes 0

Lol, thanks. I don't really hate my pp, though. Here's the story behind my username:

9 years ago | Likes 175 Dislikes 0

hehehe didn't read this but I'm extremely immature and pp makes me laugh tee hee giggle giggle etc.

9 years ago | Likes 2 Dislikes 1

I've actually wondered about your username for some time. It feels good to finally have closure.

9 years ago | Likes 31 Dislikes 0

I didn't even realize the story was in his bio...

9 years ago | Likes 5 Dislikes 0

These tutorials are amazing. :D

9 years ago | Likes 184 Dislikes 0

pirate it

9 years ago | Likes 3 Dislikes 0

Thanks! I hope they come in handy. :)

9 years ago | Likes 49 Dislikes 1

Yeah I'm new to AE and have only done two typography animations so I'm favoriting this! Thanks.

9 years ago | Likes 2 Dislikes 0

My pleasure. Good luck and let me know when you post next.

9 years ago | Likes 1 Dislikes 0

I have had Adobe CS4 for years and rarely use it. You may have inspired me to finally experiment with it. If I do you're getting credit! <3

9 years ago | Likes 2 Dislikes 0

Glad to hear it. I'd love to see your next post. Just notify me. :)

9 years ago | Likes 2 Dislikes 0

And another great .gif tutorial and i'm still sitting here making my upvote .gifs the manual way http://imgur.com/kuRvmZJ

9 years ago | Likes 7 Dislikes 0

Hahaha! That's an awesome upvote gif!

9 years ago | Likes 3 Dislikes 0

This is awesome haha. If it was a lil brighter and faster it'd be the Jazz

9 years ago | Likes 5 Dislikes 0

Give it a try with the youtube editor http://imgur.com/Mq0bChE

9 years ago | Likes 2 Dislikes 0

#dingdingding +1

9 years ago | Likes 1 Dislikes 0

If I ever get my hands on a copy of After Effects again, they sure will!

9 years ago | Likes 14 Dislikes 0

You wouldn't download a software...

9 years ago | Likes 6 Dislikes 0

But I would download a car.

9 years ago | Likes 5 Dislikes 0

pirate it

9 years ago | Likes 2 Dislikes 0

9 years ago | Likes 1850 Dislikes 7

chick cancer

9 years ago | Likes 2 Dislikes 0

Your username though...

9 years ago | Likes 22 Dislikes 0

There's no such thing as a waste of life. All your parts will be reused for trees and worms and stuff when your done using them. :D

9 years ago | Likes 4 Dislikes 0

ok then yourewastingyourtime

9 years ago | Likes 4 Dislikes 0

Well that's just like your opinion man. We do what we want with our time, it's only up to us if it's been wasted.

9 years ago | Likes 4 Dislikes 0

9 years ago | Likes 4 Dislikes 0

...Ah well, on to the next post :)

9 years ago | Likes 8 Dislikes 0

Now use the knowledge you just learned and send Peter to an awesome moment in time.

9 years ago | Likes 131 Dislikes 1

The 9/11 broadcast

9 years ago | Likes 12 Dislikes 2

Buy me after effects and I'll do anything.

9 years ago | Likes 10 Dislikes 0

*Anything?*

9 years ago | Likes 11 Dislikes 0

Anything in After Effects :)

9 years ago | Likes 9 Dislikes 0

No fair! You changed the contract! D:<

9 years ago | Likes 7 Dislikes 0

applauding a hitler speech, i can see it already

9 years ago | Likes 97 Dislikes 1

Our scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should. /a/GJSoh

9 years ago | Likes 18 Dislikes 0

That's amazing. well done

9 years ago | Likes 4 Dislikes 0

Jew bet your reichous ass that will happen

9 years ago | Likes 52 Dislikes 2

It will be all fun untill someone passes gas

9 years ago | Likes 27 Dislikes 1

They will Nazi that coming!

9 years ago | Likes 22 Dislikes 3

Step 1: Have After Effects

9 years ago | Likes 204 Dislikes 3

Step 2: Profit

9 years ago | Likes 4 Dislikes 0

Step 2: Draw the rest of the owl

9 years ago | Likes 38 Dislikes 0

Step 2: cry, you are bad at this

9 years ago | Likes 10 Dislikes 0

Is there an open sourced version of after effects, like GIMP with Photoshop? (in case anyone sees this thread)

9 years ago | Likes 21 Dislikes 0

You can do this in gimp too, just requires it with every frame. It's how I do it when it's needed

9 years ago | Likes 2 Dislikes 0

I've seen blender used. Watched a tutorial of a guy rotoscoping his hand to hold flames.

9 years ago | Likes 13 Dislikes 0

Blender is far less user friendly though. I know more AE from using it three days than two weeks of Blender.

9 years ago | Likes 4 Dislikes 2

Nuke Non-Commercial

9 years ago | Likes 3 Dislikes 0

You can also do this in Photoshop. Import footage and make an animation panel.

9 years ago | Likes 3 Dislikes 0

I used to use Photoshop before I started learning AE. AE saves you a lot of time and in many cases, produces better results.

9 years ago | Likes 2 Dislikes 0

I use a program called hitfilm express it doesn't have as many features as AE but its free and has a good amount of how to videos

9 years ago | Likes 5 Dislikes 0

Wow that program looks powerful

9 years ago | Likes 2 Dislikes 0

Arr!

9 years ago | Likes 94 Dislikes 2

After Effects: Seven Seas Edition

9 years ago | Likes 2 Dislikes 1

You wouldn't download a bear!

9 years ago | Likes 12 Dislikes 0

The fuck i would

9 years ago | Likes 10 Dislikes 0

Fuck yeah I would, especially if I had the ability to command it. Imagine, a cavalry of bears.

9 years ago | Likes 4 Dislikes 0

Local man found dead in home, mauled by bear. Authorities uncertain how bear gained entry

9 years ago | Likes 4 Dislikes 0

There is always that danger that the power you wield will come back and kill you.

9 years ago | Likes 3 Dislikes 0

I'd download a Beer!

9 years ago | Likes 4 Dislikes 0

I love that that's all that needs saying for us to understand.

9 years ago | Likes 26 Dislikes 2

Could you link me? I can never find the right file for some reason.

9 years ago | Likes 6 Dislikes 1

You could find it on CGPersia, at least I have.

9 years ago | Likes 5 Dislikes 1

Test Drive it 1st! https://creative.adobe.com/products/download/aftereffects Pretty sure u could figure how to keep it. If you like it.

9 years ago | Likes 3 Dislikes 0

But I'm afraid to torrent.

9 years ago | Likes 8 Dislikes 4

It's sick birds to torrent...ya know, ill-eagles. I'll see myself out.

9 years ago | Likes 3 Dislikes 1

I know it is, that's why I'm afraid to do it...

9 years ago | Likes 2 Dislikes 0

You wouldn't steal a car..

9 years ago | Likes 6 Dislikes 0

I would totally steal a car.

9 years ago | Likes 8 Dislikes 0

get money?

9 years ago | Likes 8 Dislikes 3

...or stop being a lil bitch.

9 years ago | Likes 14 Dislikes 6

Could you link me? I can never find the right file for some reason.

9 years ago | Likes 4 Dislikes 3

But it's blue

9 years ago | Likes 5 Dislikes 0

it doesn't matter since you've already extracted a matte via roto.

9 years ago | Likes 2 Dislikes 0

It's white and gold

9 years ago | Likes 2 Dislikes 0

It can be any color as long as it's not a color in the character you wanna keep. If it were green, Peter would have no legs when you key it.

9 years ago | Likes 3 Dislikes 0

even if the green was a different shade?

9 years ago | Likes 2 Dislikes 0

Keying works best with a high contrast, so any color not in the foreground works well.

9 years ago | Likes 2 Dislikes 0

Pretty much, yeah.

9 years ago | Likes 1 Dislikes 0