Holographic Card Effect | Touchdesinger Tutorial

In this video I am going through a technique I developed in Touchdesigner that allows you to create the holographic effect that you can see in the Pokémon TCG game, one of my favourite digital effects on a commercial product out there.
Even if you are a beginner, you will be able to follow throughout the video and create what you see in the introduction.
We will also take a look at how to use ZIGSIM to make this experience interactive using real data streamed from your phone to Touchdesinger using OSC.

Support me on:
https://buymeacoffee.com/g3n0m4/e/500831
and follow me on instagram at:
https://www.instagram.com/g3n0m4/
--------------------------------
Thank you to Marielle for the fantastic illustration used in this video!
Check her out at:
https://www.instagram.com/marielleroyseth/
--------------------------------
Link to download the assets used in this tutorial:
https://g3n0m4.xyz/tutorials/06-holographic-card/
--------------------------------

Chapters:

00:00 Intro + what we’re building (Pokémon TCG holographic card)
01:32 Start from scratch + import assets
02:39 Build the card geometry (rectangle, rounded corners)
03:17 Setup 3D scene (geo/cam/light) + PBR material + render
04:43 Enable render buffers (UV + world space normal) + Render Select
05:21 Render settings for clean remapping (AA off, 32-bit, dither off)
05:52 Add card motion with Noise CHOP (rotation RX/RY/RZ)
06:51 Set project resolution + layout (Top Viewer) + camera framing
08:26 Plan the holographic “base layer” workflow
09:01 Create the environment noise texture (holo source)
10:56 UV mapping explained + remap texture onto geometry
12:24 Add zoom controls (centered UV scaling)
13:45 Create a clean card mask (threshold from render alpha)
14:49 Parallax: offset UVs using the normal buffer
16:32 Make it interactive with phone rotation (ZIGSIM + OSC)
22:01 Chromatic split: offset RGB channels + recombine
26:36 Add stripe texture (wrinkles) for extra complexity
28:00 Build bump/height detail using Slope TOP
30:34 UV-map the bump texture correctly + combine with normals
31:56 Limit bump to the edges (border mask)
33:17 Collapse into a reusable component (holographic layer)
36:55 Expose parameters (RGB shift, global shift, scale, depth, bump)
43:32 Layer artwork textures on top (bird + petals)
48:39 Add background bump detail inside the center area
54:37 Create center color/background texture (subtle noise)
58:22 Blend render shading into the final look (overlay/soft light)
1:01:23 Metallic/reflectivity maps for more detail
1:03:06 Wrap-up