Google Material Design – Point of Origin

By July 30, 2015Tutorial

With the publishing of Google Material Design, a whole world of animation possibility has opened up. In this quick tutorial, you’ll learn how to set up and animate a ‘point of origin’ effect, which is insanely useful. You can find this discussion and animation reference here on the Google Material Design animation guidelines.

You’ll learn how to modify your layer’s anchor point. You’ll also learn how insanely baddass layer styles are in After Effects.

If you’re designing in Illustrator and don’t have access to layer styles natively, don’t fret, because I show you how to create them in AE.

Just a quick heads up, if you’re watching this and you’ve never used After Effects, and you’re all like, ‘yo what the eff is going on here, son?” head over here and watch my ‘UI Animation with Adobe After Effects – Fast Start’ video. This will get you up to speed. And if you’re ready to turn yourself into an ass kicking UI animation machine, you can pick up the ‘Rapid Prototyping with Adobe After Effects’ training.

Not ready to join? Join over 1,000 other designers and watch my FREE ‘Rapid Prototyping with Adobe After Effects Fast Start’ video series.

Even if you’ve never worked on a timeline or with keyframes, I walk you through the 7 steps that it takes to create professional UI animations from your Photoshop file. It’s the training I honestly wish I had when I started learning this stuff. It’s free. It’s baddass. And it’s way easier than you think. [aweber_opt_in opt_in_id=”1234795980″ listname=”uxm-master-list” redirect=”http://www.uxinmotion.net/stoked/” meta_redirect_onlist=”http://uxinmotion.net/stoked/” adtracking=”Early_notification” split=”” button_text=”Get FREE training”]