UI Micro Interaction/Animation Tutorial in Adobe XD and After Effects CC 2018!



🚀 Get 2 free months of Skillshare Premium & watch my Course for free:
https://skl.sh/2TVhf8z

In this Video, I show you you can create a cool and fun Pull to Refresh micro interaction or animation in After Effects CC 2018.

We will be designing the User Interface (UI) in Adobe XD and Exporting all the Assets to Animate the same in After Effects CC!

We will be using the simple Position, Scale and Rotation Parameters to create this Micro Interaction/Animation.

If you are a beginner in Adobe XD and After Effects, I highly recommend you watch the below 2 video to get you started.

20 Features of Adobe XD:
https://www.youtube.com/watch?v=Gae3mb7qF7E&index=2&list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv&t=25s

Simple UI Micro Interaction / Animation Tutorial in After Effects:
https://www.youtube.com/watch?v=WCRbc0K15-E&t=0s&list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk&index=2

Checkout the Original Creation by Saptarshi Prakash on Dribbble:
https://dribbble.com/shots/4089014-Pull-To-Refresh-iPhone-X

Project Files:
https://drive.google.com/file/d/1d6yL9PcFU3GWgWBCBGhvYJ_5Liudf3oJ/view?usp=sharing
—————————————­—-
Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

Adobe XD Master Course
https://www.youtube.com/playlist?list=PLERed4ILxkJ1lM9pC69jjaS0Mw4VuY9Au
——————————————————————————————–
Contact me :
Twitter : https://twitter.com/kvschethan
Facebook : https://facebook.com/designpilot
Mail : designpilot21@gmail.com
Portfolio : https://behance.net/chethankvs
Instagram : https://instagram.com/design_pilot
——————————————————————————————–
LIKE, SHARE, COMMENT & SUBSCRIBE 🙂
#uidesign #adobexd #aftereffects

Duration: 00:21:11

source