Certification Courses Live Zoom Workshops Blog Templates About Log in Get Certified Login

How to curve your UI in After Effects

How to curve your UI in After Effects

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


FREE LottieFiles Icon Animation Course For UX/UI & Product Designers

Create a Professional Icon Animation and Play it on Your Phone (no experience necessary)
  • Learn how to make an icon animation in Adobe After Effects

  • Show-off your icon animation on your phone for your team, clients, or stakeholders

  • Build a portfolio-quality showcase UI Animation 

  • Export your assets for hand-off to engineers

You're a designer, you get paid to have opinions. Share them! 👇🏽

🔥 Take 15% off your first purchase

90% Complete