How to curve your UI in After Effects

By August 30, 2017Tutorial

How to curve your UI in After Effects

Click here to download the free source files and follow along: https://uxinmotion.net/curve-your-ui

Watch the FREE ‘UI Animation with After Effects’ fast-start tutorials: https://uxinmotion.net/fast-start/
…….

In this tutorial, I show you step by step how to curve your UI in After Effects.

This tutorial will let you add your UI to any curved screen in After Effects.

We’ll be covering the ‘Bezier’ effect, which gives you handles and anchor points to fully control your layer. I’ll be taking a PSD that I created with a matte drawn with the pen tool to mask out the subtle rounded corners in the UI. The steps I will be covering include:

1. Review the design setup in Photoshop
2. Import the curved device into After Effects
3. Import UI animation
4. Apply Bezier effect
5. Edit handles
6. Apply matte

Become a UI Animation pro in the next 4 hours with my ‘UI Animation Fundamentals’ After Effects tutorials: https://uxinmotion.net/tutorials/ui-animation-fundamentals/
Learn how to animate micro interactions with ‘Micro-interactions’ After Effects tutorials: https://uxinmotion.net/tutorials/micro-interactions/

Facebook: https://www.facebook.com/uxinmotion
Twitter: https://twitter.com/ux_in_motion
Dribbble: https://dribbble.com/issara
Pinterest: https://www.pinterest.com/uxinmotion/

Subscribe: http://www.youtube.com/user/UCN7SfGEdmMGtLPB5Dpffoiw?sub_confirmation=1