Create This Glowing Glass UI Search Effect | After Effects Tutorial
13万 次观看 · 2025-10-27
动效设计
Sign up to Milanote for free with no time limit: https://milanote.com/stephanzammit1025
You’ve probably seen this Viral Ai Search Box effect — that clean, glowing glass UI search box with colorful outlines. In this After Effects tutorial, I’ll show you how to build that same look — but make it even better. We’ll focus on all the small details — like subtle ambient light and textured glass inside the box. And the whole setup will be fully modular, so you can tweak every effect and make it completely your own.
*All Links & Where to find What!*
🤩 Visit my website, you'll love it! ➔ https://neuronfx.com/
📥 Get the Glowing Text Box template for a small fee (& support this channel! ❤️) https://neuronfx.gumroad.com/l/ujurw
🎥 Learn how to animate and highlight text: https://youtu.be/NR0kAj6J8DU
📥 Get the Text Highlights Preset for a small fee (& support this channel! ❤️) https://neuronfx.gumroad.com/l/anxne
📥 Download the Project file for the whole intro here: https://1.envato.market/094mW3
❤ Subscribe to my Patreon ❤ https://www.patreon.com/c/StephanZammit
Motion Design Principles covered:
0:00 - The modular deep glow effect
0:10 - Creating the text box shape layer
1:40 - Adding an Ambient Glow using multiple Drop Shadow Effects
2:45 - Create a colorful rotating stroke/ outline
4:20 - Using Stroke Taper to blend colors
6:15 - Animating the Gradient With Trim Paths and adding Colors
7:20 - Using Inspirational material to get a unique look, using Milanote
9:30 - Animate the Outline and adding secondary animations
11:00 - Creating the glass morphism texture
14:40 - Adding a Light Sweep / Glint effect
15:00 - Adding a glowing outline stroke
18:00 - Create Glowing Outline Strokes faster with more control
19:12 - Re-Position and re-size the text box using the preset
20:40 - Separate effects to create a unique design
21:30 - Creating the text animation
22:20 - Text Highlights Preset
#AfterEffectsTutorial
#AIGlowEffect
#GlassUI
You’ve probably seen this Viral Ai Search Box effect — that clean, glowing glass UI search box with colorful outlines. In this After Effects tutorial, I’ll show you how to build that same look — but make it even better. We’ll focus on all the small details — like subtle ambient light and textured glass inside the box. And the whole setup will be fully modular, so you can tweak every effect and make it completely your own.
*All Links & Where to find What!*
🤩 Visit my website, you'll love it! ➔ https://neuronfx.com/
📥 Get the Glowing Text Box template for a small fee (& support this channel! ❤️) https://neuronfx.gumroad.com/l/ujurw
🎥 Learn how to animate and highlight text: https://youtu.be/NR0kAj6J8DU
📥 Get the Text Highlights Preset for a small fee (& support this channel! ❤️) https://neuronfx.gumroad.com/l/anxne
📥 Download the Project file for the whole intro here: https://1.envato.market/094mW3
❤ Subscribe to my Patreon ❤ https://www.patreon.com/c/StephanZammit
Motion Design Principles covered:
0:00 - The modular deep glow effect
0:10 - Creating the text box shape layer
1:40 - Adding an Ambient Glow using multiple Drop Shadow Effects
2:45 - Create a colorful rotating stroke/ outline
4:20 - Using Stroke Taper to blend colors
6:15 - Animating the Gradient With Trim Paths and adding Colors
7:20 - Using Inspirational material to get a unique look, using Milanote
9:30 - Animate the Outline and adding secondary animations
11:00 - Creating the glass morphism texture
14:40 - Adding a Light Sweep / Glint effect
15:00 - Adding a glowing outline stroke
18:00 - Create Glowing Outline Strokes faster with more control
19:12 - Re-Position and re-size the text box using the preset
20:40 - Separate effects to create a unique design
21:30 - Creating the text animation
22:20 - Text Highlights Preset
#AfterEffectsTutorial
#AIGlowEffect
#GlassUI