Realtime White Visuals - TouchDesigner Tutorial (Beginner Friendly!)

  Рет қаралды 15,206

Daniel Steenhoff

Daniel Steenhoff

2 ай бұрын

Please consider supporting me by checking out my patreon! Not only will you be the one that makes this channel possible, you'll also get today's awesome project and other files I talk about.
Patreon: / danielsteenhoff
TouchDesigner download: derivative.ca/download
Today we're exploring a really simple network using the edge TOP, a feedbackloop and we're going to create a pixelated effect using the Limit TOP. Hope you enjoy!
If you want to work with me or have any other business related questions hit me up on my mail or send me a DM on insta :)
E-Mail: danielsteenhoffb@gmail.com
Instagram: daniel.steenhoff

Пікірлер: 34
@jakobvonderessen
@jakobvonderessen 2 ай бұрын
unbelievable. that's mindblowing.
@kesyunwu
@kesyunwu 2 ай бұрын
thank you! incredible tutorial
@piramide41
@piramide41 2 ай бұрын
Awesome tutorial! Short and sweet. So much can be done with fairly small networks, it's super cool! Thanks!
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
You're welcome!
@camilazer
@camilazer 2 ай бұрын
Love it!
@maxwedekind8992
@maxwedekind8992 Ай бұрын
This is so so sick!!!
@TRUSTlabel
@TRUSTlabel Ай бұрын
Love the use of the Limit TOP, thank you!
@DanielSteenhoff
@DanielSteenhoff Ай бұрын
Glad you like it!
@GerardoHernandez-zh9id
@GerardoHernandez-zh9id 2 ай бұрын
yeah! thank you! great tutorial :D
@h3mangislive118
@h3mangislive118 2 ай бұрын
Good work bro!!
@enotol
@enotol 19 күн бұрын
Thanks! I really did it
@ameliegirodova128
@ameliegirodova128 Ай бұрын
totally amazing!!
@DanielSteenhoff
@DanielSteenhoff Ай бұрын
Thanks!!
@tdkurry1264
@tdkurry1264 Ай бұрын
cool!!✨✨Thank you very much for sharing!!🙇🙇
@DanielSteenhoff
@DanielSteenhoff Ай бұрын
Thanks! And you're welcome :)
@earthchrome
@earthchrome 2 ай бұрын
really good tysm. ❤
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
You're welcome 😊
@IsaacMiecz
@IsaacMiecz 2 ай бұрын
super cool tutorial! youtube's compression seems to take issue with the constantly moving output window though haha, might be worth it to upscale the vid to 4k after exporting to take advantage of the bitrate
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
Ah good tip, I will absolutely look into that!
@roberdygio
@roberdygio 2 ай бұрын
Such a nice tutorial, thank you. Is it possible to add colors to this though?
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
Thank you! Absolutely, you can always add color to touchdesigner networks. Try adding a lookup TOP at the end. Connect the output of this network to the first input and connect a ramp TOP to the second input. Now change the colors in the ramp to color your visual. (The ramp lookup combination colors based on brightness)
@sebastianperry9481
@sebastianperry9481 Ай бұрын
Hello, great tutorial. But like how do you learn this stuff? Like how to you know what key will do what? Could you do a break down of like the major components you use and explain them? Cheers!!!
@DanielSteenhoff
@DanielSteenhoff Ай бұрын
Hey there, I'd recommend copying tutorials on things you find pretty and trying to understand each step. Then try changing values in the network. The cool thing is that if you change a value you get immediate visual response. So you make the radius of a circle bigger: it gets bigger. So copying and then adjusting networks. Do this until you know just a few operators well and try building something from scratch. A simple combination of operators would be a Circle TOP, feeding in to the first input of a displace TOP, and a Noise TOP feeding in to the second input of the displace TOP. Now go change some values until you understand what most do. I am playing around with the idea of making a super short beginner series. This will take me some time. In the meanwhile there is an absolutely wonderful beginner series by Elekktronaut! Good luck and keep asking questions! Cheers
@francahochstrasser462
@francahochstrasser462 2 ай бұрын
Thankyou so much for this amazing tutorial. How can i make the pixel displacement go slower?
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
That's actually a bit hard with this visual. The first thing you could try is to make the noise Top go slower. So divide absTime.seconds with a higher number. Then you could try changing some stuff in the feedback loop. Let me know if something works :)
@peterhelles8760
@peterhelles8760 Ай бұрын
hi awesome tutorial! But what if I wanted to have a keyboard in function that inverts the colors when pressing? Is that possible?
@DanielSteenhoff
@DanielSteenhoff Ай бұрын
That's absolutely possible! Place a keyboard in CHOP connect it to a Trigger CHOP. Set the peak length to 0, the delay to 0, the sustain level to 1 and then set the attack and release pars to whatever in / out fade time you want. Then grab a level TOP and put it at the end of the visual. Connect the trigger value to the "invert" par of the level. Let me know if you have any questions about this. Good luck!
@lucaspierre8907
@lucaspierre8907 2 ай бұрын
very cool ! Is it possible to make this design interactive with audio?
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
Absolutely!, Grab your audio file or device in. Connect it to an audio spectrum chop, then an analyze chop, then a lag chop, then a math chop, then a speed chop. Now you can connect the value of the speed chop to the third translate parameter under the transform tab in the noise. You can now play with the input range and output range of the math chop to make it react more or less. Hope this helps :)
@optikronix
@optikronix 2 ай бұрын
@@DanielSteenhoff Hi, Great Video! i only discovered this app last night, after seeing your video i immediately had to download and try this for myself, thank you for your walkthrough! everything worked just like yours, but i tried to do as your above statement to make it audio reactive and cant get it to work. so instead of 'absTime.seconds/10' in the third translate parameter, it is now " op('speed1') " if i am connecting the speed chop value correctly? but all i get is black... i can see in the display video of these nodes that there is movement on the kick drum so i know the audio is working fine... any thoughts what else i'm doing wrong? thanks again! keep up the great work, Subbed!
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
Hey there! Great to hear that you're getting into TouchDesigner, you won't regret it ;) I would suggest plugging in a Constant CHOP into the Speed CHOP to see how the Speed CHOP works. You'll see that if you increase the value of your constant the speed will start increasing faster and faster. If you've connected your speed chop correctly to the noise top, the noise should move. Now try plugging the audio analysis back in, and see if the speed chop behaves the same. It could be the case that it moves super slowly. In that case you should adjust your ranges in the math chop. If nothing works you may send the file to my email (it's in the vid description) and I'll try to look at it this week. Good luck! Daniël
@optikronix
@optikronix 2 ай бұрын
@@DanielSteenhoff thanks so much for replying! since i wrote you i did visit your other audioreactive videos and had added the constant chop to no avail. but after restarting the mac and app its all good now! (it was something silly like it couldn't read the CHOP reference as a parameter). thank you so much again, i'll be watching all your videos, past and future!
@DanielSteenhoff
@DanielSteenhoff 2 ай бұрын
Great!
@aleksandrakkuratnov1938
@aleksandrakkuratnov1938 2 ай бұрын
I wish I could change THIS fast! 🤣
00:33
America's Got Talent
Рет қаралды 85 МЛН
OMG🤪 #tiktok #shorts #potapova_blog
00:50
Potapova_blog
Рет қаралды 17 МЛН
THEY WANTED TO TAKE ALL HIS GOODIES 🍫🥤🍟😂
00:17
OKUNJATA
Рет қаралды 8 МЛН
I created visuals for a BOILER ROOM stage!
7:52
Daniel Steenhoff
Рет қаралды 3,7 М.
Trace and Blob Tracking Effect with TouchDesigner
18:26
Dean Cheesman
Рет қаралды 2,2 М.
Touchdesigner Tutorial - WorldSpacePosition PTC
7:06
B2BK
Рет қаралды 24 М.
Free AI - ADVANCED 3D Models From Images - Ready For Printing!
12:25
Infinite Repetitions - TouchDesigner Tutorial 58
15:41
bileam tschepe (elekktronaut)
Рет қаралды 25 М.
I wish I could change THIS fast! 🤣
00:33
America's Got Talent
Рет қаралды 85 МЛН