Join Andy Needham for an in-depth discussion in this video Key the screen, part of Compositing a Cell Phone in After Effects.
- [Voiceover] Now we need to bring back our finger swipes…and taps, and because we planned ahead…and had a blue screen displayed on the phone,…this will be a simple task…of keying out the blue.…So we're going to use Keylight,…a powerful plugin used for keying,…and that's all bundled within After Effects.…So what I'm going to do…is just move our Phone Footage…above the insert,…and then we can see the blue screen revealed.…I'm going to solo the layer,…and in the Effects and Presets,…you can just type in Keylight,…and it should show up.…
What would be an in with our Layer Selected,…Effects, Keying.…Keylight 1.2.…So if this is the first time you've used Keylight,…do not worry.…This is pretty straight-forward workflow.…There's a few key areas that you just need…to use to get a pretty decent result.…So, the first thing to do…is to select your Screen Color,…and just choose the Eye Dropper…and we'll click somewhere on the footage…in the blue area.…I'm going to click around here.…
And let's zoom in,…and we can check our Alpha…by pressing Alt and four.…
Here, Andy Needham shows how to take the app mockup created in the companion course, After Effects: Creating a Mobile App Interface, and composite it into live-action footage of a smartphone. The final product is an animated promo video that helps visualize how the app will be used on a real device. Andy also covers storyboarding, tracking, keying, color correction, and a few audio tips. By the end of the course, you'll have more experience with the screen replacement workflow in After Effects and have a web-ready deliverable ready to share with the world.
- Planning with a storyboard
- Filming the phone
- Importing the live-action footage in After Effects
- Retiming the animation
- Tracking the shot in mocha AE
- Keying the screen with Keylight
- Adding an animated logo
- Rendering the shot
- Color correcting the composite