YoVDO

Creating a Mobile App Interface in After Effects

Offered By: LinkedIn Learning

Tags

Adobe After Effects Courses Animation Courses Adobe Illustrator Courses Graphic Design Courses Prototyping Courses VFX Courses

Course Description

Overview

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

Syllabus

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

Taught by

Andy Needham

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX