Creating a Mobile App Interface in After Effects

Course Overview

Learn how to prototype an app interface using Adobe Illustrator, and then take the finished design into After Effects for animation.

Course Circullum

Introduction

Welcome
What you should know before watching
How to use the exercise files

1. App Plan and Pre-Production

The app creation
Plan for and gather references
Sketch out ideas
Choose the user journey

2. Explore the App Screens

Adobe Illustrator’s role in the process
Install the font for this project
Prepare artwork for After Effects

3. Prepare Assets for Animation in After Effects

Set up and import artwork
Create reusable components
Build the Dashboard tiles
Add final touches to the Dashboard tiles
Build the Dashboard screens
Add final touches to the remaining screens

4. Animate in After Effects

Animate the Dashboard elements
Add final touches to the Goal section
Animate the Steps screen
Animate the Friends screen
Create tap and swipe animations

5. Build and Export the Sequence

Swiping the Dashboard screens
Add finishing details, swipes, and taps
Add the scroll animation
Fix the header and footer
See the Friends screen and back to the Dashboard
Export the final sequence

6. Work with Sketch2AE

What is Sketch2AE?
Install Sketch2AE
Prepare artwork in Sketch
Import artwork into After Effects

Conclusion

Next steps

Andy Needham

out of 5.0

5 Star 85%

4 Star 75%

3 Star 53%

1 Star 20%

Item Reviews - 3

Submit Reviews

5 stars 4 stars 3 stars 2 stars 1 star

Name

Review

Free Trial Available

Enroll Now

This Course Include: