Clik here to view.
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 Screencast
You might also want to download the video or subscribe to our Youtube channel.
Assets
The files for this tutorial contain a number of assets, listed below.
- Image from unsplash.com
- iPhone 5 model which I used to render the smartphone mockup
- Source files on GitHub
New to Adobe After Effects?
We recommend a number of introductory tutorials to get you up to speed with After Effects basics.
- Welcome to After Effects - 10 part beginner's series by Dave Scotland
- www.videocopilot.net/basic
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.Image may be NSFW.
Clik here to view.
Image may be NSFW.Clik here to view.
Image may be NSFW.Clik here to view.
Image may be NSFW.Clik here to view.
Clik here to view.
