Join Andy Needham for an in-depth discussion in this video Plan with a storyboard, part of Compositing a Cell Phone in After Effects.
- [Voiceover] To begin this project,…it would be a good idea to have a rough plan…of what you'd want the finished result to look like,…to make sourcing stock footage…and building a rough edit easier.…So, I've gone ahead and created a storyboard.…Here we are.…It's a very simple storyboard just to get the point across.…Doesn't have to be complicated at all.…I just sketched out a few frames…and then, added some comments.…So, the first shot will be our runners…in a grassy green environment, running away from the camera,…and then, they'll be running towards it and exit the frame.…
It will fade away and lead us into a shot,…which will be the shot we composite.…And this will be showing the Activity Tracker…at functioning on the phone screen.…And then, we'll come back to our stock footage,…and the runners will be stretching after their workout.…And then, I've made a note to add…the Activity Tracker logo as an overlay.…So, we'll also do that.…By having a storyboard or shot list,…we've created a clear plan…as to what content will be in the promo…
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