Create a Mobile App Mockup video in After Effects | 2022

#aftereffects #UI #glassmorphism
How to create a mockup for your mobile app to showcase potential clients using After Effects.
In this video I show you how to replicate the frosted glass effect, otherwise known as "Glass Morphism" using After Effects and putting it all together for a nice presentation.
Adobe After Effects is used to mockup an app to demonstrate 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.
Check out my collection of phone mock up templates here: 1.envato.market/c/2495807/298...
Music from Uppbeat (free for Creators!):
uppbeat.io/t/prigida/cosy
License code: RLX1B4LBCZL5T04R
Hit me up on instagram: / keyfram.ed
You can visit my personal website: www.keyframeacademy.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

[@AlekAEMCRaven]

Life saver, man!! Thank you so much!!

[@TheKeyframeAcademy]

No problem!

[@sampathsuranjith672]

Wow. Amazing one. ❤️👌

[@TheKeyframeAcademy]

Thanks a lot 😊

[@BOLLERguy]

It really helped me! Like, com and sub for you!

[@OFGAnimationStudio]

Very good and inspiring tutorial

[@TheKeyframeAcademy]

Thank you! Cheers!

[@AR-nr2ix]

It was helpfull.

[@TheKeyframeAcademy]

Glad you thought so! Always happy to help!

[@TheKeyframeAcademy]

Hey, I made a collection of the best phone mockup templates on envato elements, go check them out: 1.envato.market/c/2495807/298927/4662?subId1=collection&subId2=hyperlink_description_txt&subId3=https%3A%2F%2Felements.envato.com%2Fcollections%2FBZ4N6PTMXJ&u=https%3A%2F%2Felements.envato.com%2Fcollections%2FBZ4N6PTMXJ

[@HeapsMad]

Stop trying to make glass morphism a thing… it’s not gonna happen lmaoo

[@TheKeyframeAcademy]

Haha, but it is a thing?? Windows 11 is leaning hard into glass morphism, and so does macOS. How can you say its not a thing when the two biggest OS use it? Besides, I, me, myself am not "trying to make it a thing" it already is a thing, I'm just showing peeps how to do it in After Effects.