In this screencast tutorial we’re going to prototype an app UI animation. We’ll take a Photoshop layout, then bring it to life using Adobe After Effects.
Prototyping interfaces with After Effects is a great way of exploring complex animations, either for your own experiments or presenting to a client. It’s a very popular approach these days, and a quick search on Dribbble will reveal loads of UI animation examples, many of which have been made with After Effects.
The files for this tutorial contain a number of assets, listed below.
We recommend a number of introductory tutorials to get you up to speed with After Effects basics.