Realtime White Visuals - TouchDesigner Tutorial (Beginner Friendly!)

[@hikersanonymous5340]

This is how you do a tutorial! You got to the point, didn't over explain, I can easily go back and look at the steps if needed. Bravo!

[@DanielSteenhoff]

Thanks for the positive reply! I'm planning on making more content like this!

[@piramide41]

Awesome tutorial! Short and sweet. So much can be done with fairly small networks, it's super cool! Thanks!

[@DanielSteenhoff]

You're welcome!

[@felipebraun6468]

gonna use this effect tomorrow on an event!!! thank you a lot for sharing

[@DanielSteenhoff]

Great to hear! Good luck with your event

[@kesyunwu]

thank you! incredible tutorial

[@itstherealwon]

thanks for this tutorial. so much power with such a simple network. mixing with chop lfo, you got some sick ass motion.

[@DanielSteenhoff]

You're welcome! Glad you're enjoying it and even experimenting with it! Keep at it :)

[@DailyPeterx]

i love this video man amazing work

[@DanielSteenhoff]

Thanks a lot! Glad you enjoyed it

[@DailyPeterx]

@@DanielSteenhoff keep uploading dude ur tutorials are amazing and far more concise than anyone else

[@DanielSteenhoff]

That means a lot, thanks

[@kiarakoval7069]

So cool and easy to follow along even for an absolute beginner like myself!! Thank you!!!

[@DanielSteenhoff]

Glad it was helpful!

[@h3mangislive118]

Good work bro!!

[@TRUSTlabel]

Love the use of the Limit TOP, thank you!

[@DanielSteenhoff]

Glad you like it!

[@tiagomoraismorgado]

unbelievable. that's mindblowing.

[@1017-ONIXXA]

how do u make a new line from edge 5, and I cant seem to find feedback. thx

[@1017-ONIXXA]

nvm!

[@DanielSteenhoff]

Glad you found it :)

[@mikhailrodrigues1569]

Amazing work!

[@DanielSteenhoff]

Thanks!

[@BerniceLee-i9j]

super sick! thank you for this amazing tutorial :-)

[@DanielSteenhoff]

Thanks! Glad you liked it :)

[@hera-io]

yeah! thank you! great tutorial :D

[@IsaacMiecz]

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]

Ah good tip, I will absolutely look into that!

[@maxwedekind8992]

This is so so sick!!!

[@cupid4230]

Thank you!

[@ameliegirodova128]

totally amazing!!

[@DanielSteenhoff]

Thanks!!

[@tdkurry1264]

cool!!✨✨Thank you very much for sharing!!🙇🙇

[@DanielSteenhoff]

Thanks! And you're welcome :)

[@camilazer]

Love it!

[@enotol]

Thanks! I really did it

[@code0946]

Really great tutorial!! I have a issue when i add the "absTime.seconds" the noise dosen't move, don't know if I need to configure something before createt this but i'm stuck in that part If someone can help me , i will be more than glad

[@DanielSteenhoff]

Hey there, thanks! And apologies for the late reply. A couple of things to check: - is TouchDesigner paused? If so press spacebar to play - is the box where you're typing absTime.seconds set to expression mode? The blue square, and the text should get blue as in the video. - is the box red? Then you've made a typo Let me know if you figure it out :)

[@code0946]

@@DanielSteenhoff Thank you very much for your response!! No delays man, we all have things to do. Thank you very much for the tips, what happened is that a graphics driver failed and the program did not work, I reinstalled them again and it works fine now Again, thank you very much for your time in creating this type of content. Peace!

[@DanielSteenhoff]

Aaah I see! Great you figured it out! And thanks for the kind words, means a lot

[@konosanimations]

Thanks so much, great tutorial!! Is there a way to slow down the rate at which the flickering happens? basically slowing down the noise transform rate?

[@DanielSteenhoff]

You can try to divide absTime.seconds by a higher number to make the noise go slower. Also try tweaking parameters in the feedbackloop. It is a bit hard to slow this network down I have to say. Good luck!

[@fullmanalimetwist8996]

How do you get that pop up menu visible when inserting keyboardin to the feedback pulse? Meaning: (Export CHOP / CHOP Reference / Current CHOP Value / Cancel) I cant seem to get the keyboardin connected to the pulse proper way

[@DanielSteenhoff]

You need to click the little star in the bottom right corner of keyboardin, and then click and drag the value to the pulse parameter. If your mouse is above the pulse parameter, let go and the menu should appear. Then click chop reference. Hope this helps!

[@zakariasaih6501]

thank you for this awsome video, please I would like to take control of the rhythm of the (limit-displace) How can I do that

[@DanielSteenhoff]

Hey there! Try slowing down the noise TOP, so divide absTime.seconds by a higher number! I have to say, it is a bit hard to slow this one down, and to do so would require a bit more complicated video. I have had this request a lot on this specific visual, so maybe I can make a version two in the future :)

[@francahochstrasser462]

Thankyou so much for this amazing tutorial. How can i make the pixel displacement go slower?

[@DanielSteenhoff]

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 :)

[@ziggykruisselbrink3327]

wauw! heel erg bedankt

[@DanielSteenhoff]

Graag gedaan! :)

[@roberdygio]

Such a nice tutorial, thank you. Is it possible to add colors to this though?

[@DanielSteenhoff]

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)

[@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]

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!

[@Baguette1624]

How can i add color to this? Great Tutorial btw

[@DanielSteenhoff]

Hey there! Thanks :) There are multiple ways to add color. I think the best is to add a Lookup TOP at the end of the network, then create a Ramp TOP and connect it to the second input of the Lookup. Now you can use this Ramp to change color. I do this at 4:19 in the following video: kzbin.info/www/bejne/m2iukIiObLCIsNksi=9wApXShjhotN5dle Good luck!

[@Baguette1624]

@@DanielSteenhoff Thank You!

[@IoannesNota]

Hey! when I add the edges the preview doesnt change, why?

[@DanielSteenhoff]

Hey there! Make sure you actually insert them between the noise1 and the null1. It seems that you've currently only connected it to the noise :)

[@IoannesNota]

@ i was doing add instead of insert, i noticed it once i commented hahaha i would like to add my logo into this visual, and also make it in colour not black and white. Any tips for this?

[@DanielSteenhoff]

Absolutely! You can add your logo at the end of the chain using a composite TOP. Make sure your logo is white/monochrome, and then choose "negate" as the operation method in the composite top. After this you can add some coloring using a lookup TOP and a ramp. You can see how I do this last step at 4:21 in my video: "abstract fluid similation" Good luck! Let me know if you have more questions

[@IoannesNota]

@@DanielSteenhoff I have added the top composite but I cant see where I put the logo?

[@IoannesNota]

@ THANK YOU SO MUCH! Can i bother you for a couple of more things? - 1 i wanna make the whole project landscape not a square like in the tutorial - 2 I want that the video morphs on tempo with a song that i can add to the project (not sure if its possible!) - 3 I will need to then export the video the same length of the song I have a show in two days, i will show you the video of the projection!!!

[@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]

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

[@Clinge0]

​@@DanielSteenhoffthanks a lot

[@earthchrome]

really good tysm. ❤

[@DanielSteenhoff]

You're welcome 😊

[@Emadsharifmohseny]

how to control the speed of pixelation ?

[@DanielSteenhoff]

That's actually really hard with this one. The problem is that we're using a limit to generate these images. Even the slightest change in input image can result in a hard change in the limit TOP. I've tried to slow this down with some post feedback tricks but this also isn't the ideal solution. Sorry to disappoint you

[@nek1pelova]

that's cool! thanks

[@DanielSteenhoff]

Thanks :) You're welcome!

[@dreaddreams]

it's wonderfull thank you bro

[@DanielSteenhoff]

Glad you enjoyed :)

[@sebastiancase4173]

Can you make this audioreactive?

[@DanielSteenhoff]

In theory, you can make anything audioreactive in Touchdesigner. I plan on making a tutorial on how to generally do this. But for now I suggest stealing an audio reactivity chain from another video and dragging parameters on this network.

[@lucaspierre8907]

very cool ! Is it possible to make this design interactive with audio?

[@DanielSteenhoff]

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]

@@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]

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]

@@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]

Great!

[@mariamgegu6441]

thankiess

[@YonMekhi]

my keyboard in function would not work

[@DanielSteenhoff]

Hey, that's strange! Does it give any type of error? Have you tried deleting it and placing it again? And what happens if you restart touch?

[@Monja191]

🤩🤩

[@GoodLuckTogether]

Very Very Thank You ~!!!!!!!! I Wish forever you Happy !!!!! Very Thank You So Cool Video !!!! !!!!!! Good Luck !! Forever !!!

[@DanielSteenhoff]

Hahah thanks a lot!

[@芭芭侠]

nice🐂

[@aleksandrakkuratnov1938]

[@DailyPeterx]

how is ur background blank when u start? mine shows a grid

[@DanielSteenhoff]

Go to Edit > Preferences > Network and then disable Show Network Editor Grid