Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

3D Flip Credit Card UI Animation – After Effects Tutorial

55.7K views on YouTube

A detailed hands-on tutorial for animating a 3D Flip interaction of Credit Card in the UI of a Fintech app. This tutorial is tailor-made for beginners in After Effects. Check out other videos in this series!
Have doubts? Get on a call with me: https://topmate.io/sapta

Buy me a coffee: https://www.buymeacoffee.com/saptarshipr
Figma file of the UI (Updated): https://www.figma.com/community/file/1079264174678397121/Episode-4%3A-3D-Card-Flip-Animation

Episode 1: Basics of After Effects for Motion Design, UI Animation & Micro interaction – https://youtu.be/8XWBgvT5kfg
Episode 2: UI transition & micro interaction animation Tutorial with After Effects – https://youtu.be/8XWBgvT5kfg
Episode 3: Parallax Swipe interaction in After Effects for Dribbble Shot – UI Tutorial for beginners – https://youtu.be/PhB5q_4x79I

My Dribbble Profile: https://dribbble.com/saptarshipr
Motion Plugin : https://www.mtmograph.com/motion

———————————————–

//ABOUT ME

This is Saptarshi (a.k.a. Sapta), an engineer turned self-taught Product Designer based out of Bangalore, India. I have worked with some of the very well known startups of India and learned anything and everything that is needed to create amazing experiences for the users. I’m also an active speaker, teacher and community builder, and have delivered over 60 talks, workshops and webinars on design. In this channel, I post videos with tips, strategies, tutorials and general gyaan to scale your career in Design. If you are into it, you may want to subscribe and hit the bell icon to that you don’t miss out 🙂

———————————————–

//SOCIAL

Instagram: https://www.instagram.com/saptarshiux/
Twitter: https://twitter.com/saptarshipr
Dribbble: https://dribbble.com/saptarshipr
LinkedIn: https://www.linkedin.com/in/saptarshipr/
Facebook: https://www.facebook.com/saptarshiux/
Medium: https://medium.com/@saptarshipr

———————————————–

//MUSIC

The jingles and the background score is composed by Sargam Prakash, an awesome designer and musician. Do check out his channel.

Sargam Prakash: https://www.youtube.com/user/sargampr

#motiondesign #3D #aftereffects