Join Andy Needham for an in-depth discussion in this video Track the screen, part of Compositing a Cell Phone in After Effects.
- [Voiceover] Let's complete the screen track.…But before we do, I want to point out…a common gotcha when working with mocha AE files.…So, let me walk you through it.…If you close mocha,…or starting with the 02_03.mocha exercise file,…you won't be able…to simply click the file to file r-up mocha,…so you'll get this error.…And all this tells you is that mocha AE CC…must only be launched from within After Effects.…So we'll close this, and to fix this all we need to do…is go back into After Effects, choose a photo layer…that we can track in mocha, and then as before,…go to Animation, Track in mocha AE.…
This will open up mocha.…We can cancel the new project dialogue,…so we just don't need to re-do anything for that,…and then we can choose File, Open,…and then we can navigate to that file…from within mocha.…Alright, let's continue,…and we'll start by creating an X-spline…for the screen.…I'm going to jump to…around about the middle of the timeline,…and I'm gonna choose the X-spline tool,…and let's zoom in a bit here.…I'm holding the zed key,…
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