Material Design UI Animation – After Effects Tutorial



In this After Effects motion graphic tutorial we are going to be taking a look at how to reporduce this beautiful Material Design Google Music App UX. This is based off of the UX design shown when Google unveiled Material Design in 2014. This app design was not utilized in the final build. I hope you learned something new from this After Effects UX design tutorial. Thanks for watching this After Effects Tutorial on a UI Phone Music App

How to do animated number counter:
https://www.youtube.com/watch?v=b2mSuvnypvE

How to replace screen of iPhone for app mockup:
https://www.youtube.com/watch?v=KpeS5SsvfIk

After Effects camera tutorial for blur:
https://www.youtube.com/watch?v=Axa38beTBvo

✖ Project Files – https://www.patreon.com/posts/17390998
✖ Twitter – https://twitter.com/MoboxGraphics
✖ Instagram – https://www.Instagram.com/MoboxGraphics
✖ Facebook – https://www.facebook.com/MoboxGraphics

Contributor: Mike Ridolfi
✖ Social Media – @MikeInHD

Music by: https://www.epidemicsound.com

Workstation:
Intel i7 4790 @ 3.60GHz
Gigabyte GeForce GTX 1080 G1
32Gb DDR3 @ 2400GHz
500GB Samsung Solid State HHD
2TB Standard Drive
MSi Z97-G55 Motherboard
I record with GeForce Shadowplay

Motion Tool: http://www.mtmograph.com/motion/

Editor’s Note:
Material Design After Effects designs are a beautiful recreation of the UI design standards put forth by Google in 2015, This material design after effects template can be downloaded via Patreon and used for any app UI design. In addition, this material design after effects tutorial should have show you everything you need to know to create an app design in Photoshop / After effects and give you a general insight for graphic design tutorial techniques and app design tutorial for beginners.

Duration: 00:56:49

Likes: 1332 – Views: 65860

source