Stunning 3D Glass UI Explainer with Interactive Text - After Effects Tutorial
Sign up to Milanote for free with no time limit: https://milanote.com/stephanzammit
In this advanced After Effects tutorial, you’ll learn how to design and animate realistic 3D glass interfaces, dynamic UI cards that respond to your mouse, and hover-activated text animations – all 100% inside After Effects, no 3D software required.
Links & Where to find What!
🤩Get the Mograph Presets here for just 12 Eur: You will also be supporting this channel 💖💖 https://neuronfx.gumroad.com/l/cofvpx
🎁 Download the Expressions for FREE here: https://neuronfx.com/advanced-3d-mogr...
🎥 Create Objects that React to the Effector - Full Video (World Version) - • After Effects 2025: Create a Stunning 3D C...
🎥 Create the 3D Glass Cursor Object: • Master 3D Glass Effect Motion Graphics in ...
🤩 Get the template to convert 2D Objects into a 3D Glass Object for a small fee (& support this channel! ❤): https://neuronfx.gumroad.com/l/mamkq
❤ Subscribe to my Patreon ❤ / stephanzammit
Chapters:
0:40 - Adding a text layer and preparing it for animation
1:35 - Creating the Text Star Animation using Shape Layer Gradients
3:20 - Adding a Marker and Naming it
3:40 - Creating the gradient background using the gradient ramp
4:35 - Adding staggering background elements with rounded rectangles
6:00 - Creating a Grid
6:25 - Creating a color pallette and planning the explainer video with storyboards using Milanote
11:25 - Creating the Main 3D Glass Panel
12:00 - Using the Advanced 3D option and adjusting rendering speed
12:25 - Adjusting the Material Options to create Glass Reflections
13:00 - Adding a camera with an animation technique
14:00 - Adding lights to create realistic Glass Reflections
15:35 - Creating a Glass Blur Effect on our Glass
16:15 - Turning any layer into an adjustment layer
16:45 - Creating realistic 3D Glass Edges
17:30 - Creating the 3D Glass Cards
19:30 - Adding the text over the 3D Cards
20:40 - Animating the 3D Glass Cards
21:50 - Changing the color of the cards
22:10 - Staggering the Intro Animation of the Cards
22:40 - Animating the whole scene and switching cameras
23:40 - Creating an Interactive Animation on the Cards when Pointer Hovers over them
25:40 - Adding a 2nd Interaction Animation to Light Up the Cards on Hover
27:10 - Animate text on Hover
29:00 - Using Time-Remapping to Play Animation
30:00 - Tweaking the Expression to adjust Anchor Point
32:40 - Adding the 3D Pointer
#aftereffects #motiondesign
