Join Andy Needham for an in-depth discussion in this video Export for web, part of Compositing a Cell Phone in After Effects.
- [Voiceover] I just tidied up our project panel a bit,…organizing the comps and assets…into more appropriate folders.…Now, lets export the promo in a web-friendly format.…After Effects is a very straight-forward way of doing this,…when you use Adobe Media Encoder.…So we're going to select our comp,…and go over to the composition menu,…and choose add to Adobe Media Encoder Queue.…It may take some time to load, so be patient.…Media Encoder is creating a temporary copy…of your After Effects project in the background.…
So what we can do now, is it's actually…automatically given us a setting that was last used.…So you might not even see this,…it might just have a default H.264 value.…So, that's totally fine we want to add YouTube,…so that's good.…One thing we could do is make sure…it names it after the preset.…So you can do that in the preferences…and just choose append preset name to file name.…And then if you click OK,…you'll have to add the preset again, to make the change.…
So we can use this button to remove a preset.…
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