Generative Image Fragmentation | Touchdesigner Tutorial

In this tutorial, we will see how to take a single image and deconstruct it into multiple fragments—then reassemble those pieces to form a visually striking, layered collage. This technique is directly inspired by the amazing work of Patrik Hübner.

Links:
Support me on Buy Me a Coffee: https://buymeacoffee.com/g3n0m4/extras
Get this file: https://buymeacoffee.com/g3n0m4/e/439316
Instagram: https://www.instagram.com/g3n0m4/

Reference: https://www.patrik-huebner.com/generative-design/surface-interactive-generative-clp/

Time stamps:

0:00 – Intro & Temporary Setup
0:55 – Project Overview & Inspiration
2:40 – Sketch Breakdown & Image Reconstruction
5:05 – Setting Up Resolution Control
6:57 – Generating Noise for Position and Scale
10:07 – Rotation Setup and Geometry Instancing
12:47 – Rendering Setup and Camera Adjustments
17:01 – Texture Fit and Material Preparation
19:02 – Texture Sampling with Transform Mode
21:07 – UV Mapping & Center Alignment
27:27 – Preparing Sampling Data with CHOPs
29:51 – Applying Sampling Data to Instances
30:47 – Using Different Geometries
31:21 – Animating Particles with Static Sampling
33:12 – Final Thoughts & Variations
35:16 – Outro & File Access Info

#touchdesignercommunity #touchdesigner #touchdesignertutorial #tutorial