Create a Mobile App Mockup video in After Effects | 2022

Keyframe Academy
Keyframe Academy
18,558
0
Publicado 2021-10-13
#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/298927/4662?subId1=colle…

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

Hit me up on instagram: www.instagram.com/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
Todos los comentarios (8)