Create an App Mockup Animation using Glass Morphism UI

#aftereffects #UI #glassmorphism After Effects is great for creating an app mockup to showcase your clients app. In this video I show you how to replicate the frosted glass effect, otherwise known as "Glass Morphism" using After Effects.

Motion Designers can use Adobe After Effects to mockup an app to show the navigation animations, or to use as a reference to programers for how the app should look and how the animations should behave. Glass Morhpism, (frosted glass effect) has become a new design trend embraced by macOS and Windows 11. So in this video I show you how to achieve the Glass Morphism effect and integrate it into a nice animation to show off your app. By the end of this video you'll know how to create a nice app mockup animation.

Sign up for Envato Elements: https://1.envato.market/kjM3Wd

Music from Uppbeat (free for Creators!): https://uppbeat.io/t/prigida/cosy License code: RLX1B4LBCZL5T04R

Hit me up on instagram: https://www.instagram.com/keyfram.ed/

You can visit my personal website: Keyframacademy.com

0:00 - Intro 0:14 - Composition Settings 0:47 - Create Rectangle 1:39 - Changing fill to gradient 3:05 - Create Adjustment layer 3:33 - Add a mask to the adjustment layer 3:44 - paste shape path to Mask path 4:12 - Parent adjustment layer to shape 4:37 - Add fast box blur 5:49 - Selecting a template 6:51 - Place app mockup into template 7:50 - Outro ... https://www.youtube.com/watch?v=eIwP00u6zMY