Join Andy Needham for an in-depth discussion in this video Add graphics and audio, part of Compositing a Cell Phone in After Effects.
- [Voiceover] To finish this promo,…we just need to add the graphics and audio.…Theses are two very important elements.…The graphics we'll add will be in the form…of an animated logo, and you could also add…a website or other information such as captions,…but we'll just stick with the logo.…I think having some music is absolutely vital.…It can set the tone of the promo and help drive it along.…You could even add a voiceover describing…some of the features in the app.…So adding graphics and audio will add…value and dimension to the promo as a whole.…
So let's begin by importing those assets.…We'll select the project panel or just press command I,…and here's the audio and an animated version of the logo,…so I'll open those two.…So I've gone ahead and animated the logo artwork.…Let's pre-compose it.…And I also created an edit of the music…which hits certain beats in the visual.…And a beat in the filmmaking sense refers…to an event, decision or discovery that alters the story…or the way the protagonist achieves their goal.…
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