HD VIDEO COURSE | 90 MINUTES | 3 BONUSES
Create stunning Augmented Reality UI animations by combining video footage with your design source files using Adobe After Effects. Learn how to track objects in your footage with planar and 3D trackers, add your graphics to a scene, add your UI design to a device in a shot, use ‘in camera’ depth of field, how to do a quick composite, and color grade your footage using a beautiful ‘split tone’ effect for final presentation.
✓ Learn to place your UX/UI designs into moving video
✓ Learn how to stick your design to any surface in your video
✓ Learn how to create a 3D camera from your video footage
✓ Learn how to track your video footage in 2D and 3D
✓ Learn how to create depth of field to match your video
I designed the Augmented Reality course to give you immediate tools to create stunning Augmented reality Product videos.
It was important to me that you be able to produce high quality, professional work, even with very little After Effects experience.
Being able to execute a high quality video in several hours can be a game changer for your career.
Having directed and produced a wide range of these videos, I knew that there are 2 top skills you need to know.
These 2 top skills are represented in the 2 lessons of the course.
The first skill is using the After Effects 3D Camera Tracker. This AE feature is absolutely amazing. It analyzes your footage and generates a true 3D camera. You can then add your graphics directly into the 3D scene or device.
The second skill to know is Mocha AE (which comes with After Effects). Mocha AE is a 2D planer tracker that lets you track and composite your graphics directly into your footage.
Both skills are easy to learn, and a premium skill to have in your tool belt.
To support your learning, once you buy the course, you will receive an invite to my private UX in Motion Facebook group. You will also get my brand new UI Animation with After Effects Fast Start course, as well as video on how to really accelerate your workflow using keyboard shortcuts.
Founder of UX in Motion, Instructor
“The UX in Motion video tutorials were key to my expertise with motion in UIs. I was able to take my expert skills in Illustrator and Photoshop to whole new level of interactivity. The tutorials do a great job of guiding you through the fundamentals of After Effects and how to realize your motion design ideas. This is one of the best investments you can make if you are interested in learning how to prototype motion and effects in user interfaces.”
– Prasant Sivadasan, Senior Program Manager at Microsoft, Seattle
“Iz the wizz (can I call you that? I feel like I can call you that.) This is great. Thank you. After about a half day so far, I’ve gone from being like ‘what the heck’s going on in here’ to ‘dang… I totally got this’. Thanks so much for getting me started and I’m looking forward to learning so much more with ya.”
– Zachary Gibson, Senior Designer at Google, San Francisco
In this first lesson, you will learn tracking, intro to 3D cameras and depth of field, and split-tone color grading
You will learn how to quickly track objects in video footage. You’ll learn how to use Mocha AE (which comes bundled with After Effects) to analyze and track any object in your video. You’ll learn how to set up 3D cameras using true depth of field to quickly create beautiful photographic compositions from your designs. Finally, you’ll learn how to split-tone color grade your video for final presentation. While this project may look intimidating, little experience is required. You can do this!
01:15 – Introduction and overview
02:26 – Review and analyze video assets
05:42 – Tracking with Mocha AE
11:48 – Implement 2D planar tracking data
16:54 – Adding graphics to your scene with tracking data
27:13 – Animating UI
35:54 – Compositing with Motion Blur
39:07 – Video color grading in After Effects: simple split-tone
42:42 – Alternate version in true 3D
44:29 – In camera depth of field
46:33 – Adding 3D lights for additional photographic shading
Watch a 60 second sample from the Augmented Reality course
In this second lesson, you will learn screen replacement, 3D camera solving, quick compositing, and turning your designs into 3D scenes
Building on the previous lesson, you're going to learn how to use Mocha AE to replace a screen on a device. Then you’re going to learn how to use the ‘3D Camera Solver’ in After Effects to generate a true 3D camera. With the 3D scene built, you’ll begin adding your graphics in space and using the ‘collapse transformations’ feature in After Effects to turn your 3D scene into a single object, giving you increased ease, power and flexibility, while you work.
00:58 – Introduction and overview
3:05 – Review and analyze video assets
5:15 – Track screen in Mocha AE
10:38 – Corner Pin Effect overview
11:48 – Screen replacement
13:37 – Simple cool compositing trick
14:59 – 3D Camera Tracker overview
17:56 – Using assets within 3D scenes
20:07 – Animating UI numbers and graph
27:12 – Adding your UI animation to a 3D scene
30:49 – Using Collapse Transformations for faster, easier control
33:08 – Using 3D lights to light your UI animation
39:56 – Color correction
Watch a 60 second sample from the Augmented Reality course
My goal is to make your learning experience as seamless as possible. That’s why I’ve included all the design source files, downloadable video tutorials (to sync with your devices and watch offline), as well as the After Effects project files.
This course includes all the vector design files as well as the HD background files for both lessons.
HD video files for you to watch online or download and sync to watch later on your devices.
Use this file to follow along with the tutorial and even ideate your own solutions and iterations!
These additional training and resources will help you to get up and running fast, with great content and access to Q&A
New to After Effects? Get up and running in less than an hour with this 3 part Fast Start video course.
Get your questions answered in this exclusive group of world class designers. Post, share, and critique inspiration. Get new tips and resources.
Print out and accelerate your learning with these 23 critical keyboard shortcuts just for UI animation. PDF included with purchase of course.
Issara Willenskomer is an award-winning designer and educator. With over 15 years of interaction and motion design experience, Issara has worked with an impressive list of clients including Facebook, Microsoft, Twitter, Nordstrom, Amazon, HBO, MTV, AT&T, Motorola, T-Mobile, UNAIDS, HTC, Philips, and more. Issara has personally trained the design teams at Dropbox, Slack, Airbnb, Salesforce, Oracle, and others. Issara currently teaches motion innovation both online and in the real world.