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: Image credits: Bart Zimny 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 #refraction