Liquid glass | TouchDesigner Tutorial

In this video we will look at how to create a 2D glass effect, inspired by the Liquid Glass UI from Apple. Just a little fun project to understand how to simulate the bending of light “around” transparent objects defined by white silhouettes.

Links:
Support me on Buy Me a Coffee: https://buymeacoffee.com/g3n0m4/extras
Instagram: https://www.instagram.com/g3n0m4/

Image credits:
Bart Zimny
https://unsplash.com/photos/shallow-photography-of-leaves-W5XTTLpk1-I

0:00 – Intro & Overview
0:16 – The Liquid Glass effect explained
1:56 – Starting from scratch
2:25 – Building beveled glass edges
6:16 – Creating distortion maps
7:40 – Adding a background & setting up displacement
9:22 – RGB refraction & color separation
15:40 – Coloring and frostiness of the glass
18:33 – Compositing glass over the background
18:59 – Animation & movement with noise
19:42 – Adding and refining shadows
24:11 – Rim light shimmer effect
29:13 – Adding surface warp for imperfections
32:11 – Testing with backgrounds & frosted variations
33:00 – Multiple shapes & limitations
34:43 – Wrap-up, resources & outro

#touchdesignercommunity #touchdesigner #touchdesignertutorial #tutorial #liquidglass #touchdesignerglassmaterial #2Dglass #glassrefraction #refraction