#Touch Designer Tutorials

@notothetalkingball and @bb.dere are great tutorial resources !! #touchdesigner

TouchDesigner seemed really scary when I was starting out. There were a few YouTube channels that really helped me understand some of the basic concepts: mostly polyhop, supermarket sallad and anya marina. One thing I don’t love about certain YT tutorials is that they instruct you to set certain parameters to certain values without explaining why. This makes you very good at creating exact replicas of certain effects but very bad at making anything else. You can also check out my YT channel (oj.visualsystems) for beginner friendly tutorials. #touchdesigner #livevisuals #visuals #graphics #vfx

web design with hand tracking day 1 of learning touch designer #touchdesigner #motiongraphics #handtracking #touchdesignerlearning #interactivedesign

How I made this real-time animation in touchdesigner ★ 1. Use the Media pipe plugin 2. In Media pipe enable ‘Hand tracking’ and generate GUI 3. Create a ‘Base’ COMP and creat an ‘In’ CHOP inside it which will contain all our tracking data 4. Connect the two ‘Hand tracking’ and ‘Base’ COMP together 5. Inside ‘Base’ COMP create ‘Select’ CHOP name it ‘h1:*:x’ connect it to a ‘Shuffle’ CHOP and rename the common value to ‘tx’ 6. Do the same for all the remanning ‘y’ and ‘z’ axis 7. Merge all these channels into one 8. Then add 3 ‘Math’ CHOP’s in the 1st: set ‘Post-ad’ to ‘-0.5’ , 2nd: set ‘scope’ ‘ty’ and ‘multiply’ to ‘-0.5625’ for 16:9 video, 3rd: ‘Scope’ to ‘ty’, ‘Multiply’ to ‘1’ 9. Add a ‘Noise’ CHOP set to ‘r g b’ for colour 10. Connect ‘Math’ and ‘Noise’ to a ‘Merge’ CHOP 11. Copy the entire select chain for the other hand, do the renaming 12. Connect a ‘Chop To’ SOP, Channel scope add: ‘ r g b’ , Attribute scope: Cd0, Cd1, Cd2 13. Merge both of the hands data using a ‘Sop To’ POP then add ‘Proximity’ POP 14. Connect it to ‘Pop To’ SOP and then add ‘Geometry’ COMP 15. Apply a ‘Constant’ MAT to the ‘Geometry’ COMP 16. Create ‘Camera’ COMP set projection to ‘Orthographic’ 17. Then use a ‘Composite’ TOP and layer the ‘Render’ over the video 18. Thats when you get the real-time effect! Check out- alwayscodingsomething on yt #fyp #realtime #touchdesigner #spiderweb #newmedia

Here's 3 tutorials @gip.hy recommends for beginners to start learning touch designer. You can check them all in YT. 1. Noto the Talking Ball A digital artist and educator known for creating generative art and interactive visuals using TouchDesigner. Their tutorials and projects explore the playful intersection of code, design, and motion. 2. Supermarket Sallad A visual artist who creates dreamy, particle-based motion graphics and experimental real-time visuals. Their work blends organic motion with abstract digital aesthetics through TouchDesigner. 3. Torin Blankensmith A New York–based creative technologist and educator specializing in real-time graphics and interactive installations. He co-created Shader Park and develops tools that merge art, technology, and immersive storytelling. Follow for more motion design content @scadatlmomentum

digital shadow - an experiment with face tracking and pop particles on @touchdesigner, inspired by a workflow from @nicholaspjm [touchdesigner, touchdesigner art, realtime art, interactive art, particle effects effects, realtime visuals, art and technology, creative coding, vibe coding, VJ, VJing, face tracking, modern art] @genmediaclub @touchdesignerindia #touchdesigner #touchdesignerart #touchdesignercommunity #touchdesignervisuals #touchdesignerlearning

project tour of my recent td video, original tutorial shown at end<3 #touchdesigner #datamosh #pixelate

learn touch designer w me🖊️｡𖦹°꩜.ೃ࿔ wanted to remake my first viral video to thank you all for 20k properly. I could never say enough thank yous, but im so grateful for all of you that are supporting me, we're gonna make it to New York guys mark my words🫵🏻🫵🏻 touch designer tutorial by @as.ws__ !! super beginner friendly :) #graphicdesign #reels #touchdesigner #tutorial

bts of the blob tracking tutorial I followed. First time ever in Touchdesigner. Kinda hard to understand but the final result turned up dope 💋💋 The og video of the dog was taken by me btw Music: real life by @__ear_ Music of the final result: chasms by @klsr.av #touchdesigner #blobtracking #graphicdesign #experimentalart #digitalcamera

💻 I have a new love in my life, and it is called TouchDesigner. 🔴 For YEARS I kept telling myself that I’d take the time to learn this program, but (like a lot of things) I just kept putting it off. But this past month, I focused all my energy and finally committed to learning it and honestly, it is the FUN-EST S*%$ EVER!!!! 🟢 I’m now at a point where I’m feeling confident enough to tackle more challenging things (like this video). It’s amazing how much you can absorb when you dedicate yourself to one thing. 🔵 If you’re interested in learning TouchDesigner, I recommend checking out the official @touchdesigner website. They created a FREE fundamentals course, and it’s genuinely the best introduction because they prioritise understanding the program over just following steps. You’ll actually grasp the technical details and know what’s happening under the hood, rather than memorising a workflow.

🖤 Shoutout to @blankensmithing and @domscott.art for creating the Media Pipe plugin! I had a blast learning how to use the hand tracking and creating this visual with a dahlia I bought at the flower market! 🌸 #newmediaart #touchdesigner #touchdesignerlearning #pointcloud #handtracking

In @touchdesigner you can turn any video into a particle system with displacement in just a few steps. Start with a Movie File In, connect a TOP to POP, and choose Height R to control the displacement. Add two Randoms — one for scale, one for rotation — and use a Copy SOP with a tiny box to instance your points. Add lights, shadows, and depth… and you’ve got a living, breathing particle world from your video. #touchdesigner, #creativecoding, #interactivedesign #audioreactive #ableton #music #CreativeProcess

#touchdesigner