Table of Contents
Defining the Liquid Glass Aesthetic
Liquid Glass is a motion design and UI compositing treatment that simulates physical, transparent viscous materials—combining high-index optical refraction, chromatic edge fringing, dynamic specular sheen, and surface displacement over background elements.
Unlike traditional 2020 glassmorphism (which relied simply on flat transparency combined with Gaussian blur and a white 1px border), liquid glass behaves like a real optical lens: it distorts, magnifies, and disperses the light of whatever moves beneath it.
Core Optical Principles Behind Realism
To recreate photorealistic liquid glass in After Effects, artists simulate three physical light phenomena:
- Index of Refraction (IOR): When light passes from air (IOR ~1.0) into glass (IOR ~1.5) or water (IOR ~1.33), rays bend towards the surface normal. In compositing, this is simulated using displacement maps where luminance values dictate pixel shift magnitude.
- Chromatic Dispersion (Aberration): Different wavelengths of light bend at slightly different angles. Simulating red, green, and blue channel separation along refractive edges prevents glass from looking like cheap plastic.
- Fresnel Reflection: Surfaces become more reflective at glancing angles than when viewed head-on. Liquid glass cards have subtle bright highlights along their curved beveled borders while remaining transparent in the center.
Why Liquid Glass Replaced Flat Glassmorphism
With the emergence of spatial computing (Apple visionOS) and modern luxury branding, flat translucent boxes became visually stale. Liquid glass provides tactile depth, responding interactively to light sources and underlying motion without sacrificing typography legibility.
The Essential Compositing Pipeline
Building the look natively requires layering:
- A smooth vector shape or rounded card with feathered edge gradients acting as a height map.
- The CC Glass or Displacement Map effect targeting the height map luminance.
- A subtle Fast Box Blur applied strictly behind the inner card area.
- An edge highlight pass using Curves or dedicated glow plugins like Deep Glow.
Download One-Click Liquid Glass Preset
Skip manual pre-comping. Apply realistic refractive glass with chromatic aberration in a single click.
Download Liquid Glass PluginFrequently Asked Questions
Glassmorphism is a 2D effect using flat semi-transparent shapes and background blur. Liquid glass is an optical material simulation that bends and refracts background imagery with chromatic aberration and specular highlights.
Yes, using native effects such as CC Glass, Displacement Map, Curves, and CC Light Sweep over pre-composed height maps.
Always work in 16-bit or 32-bit float color depth in Project Settings to prevent color banding along smooth blur and refraction gradients.