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
- The app creation
- Plan for and gather references
- Sketch out ideas
- Choose the user journey
- Adobe Illustrator’s role in the process
- Install the font for this project
- Prepare artwork for 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
- Animate the Dashboard elements
- Add final touches to the Goal section
- Animate the Steps screen
- Animate the Friends screen
- Create tap and swipe animations
- 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
- What is Sketch2AE?
- Install Sketch2AE
- Prepare artwork in Sketch
- Import artwork into After Effects
- Next steps
