Тёмный

Realtime White Visuals - TouchDesigner Tutorial (Beginner Friendly!) 

Daniel Steenhoff
Подписаться 2,2 тыс.
Просмотров 11 тыс.
50% 1

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

Опубликовано:

 

4 апр 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@TRUSTlabel
@TRUSTlabel 3 дня назад
Love the use of the Limit TOP, thank you!
@DanielSteenhoff
@DanielSteenhoff 3 дня назад
Glad you like it!
@kesyunwu
@kesyunwu Месяц назад
thank you! incredible tutorial
@jakobvonderessen
@jakobvonderessen Месяц назад
unbelievable. that's mindblowing.
@GerardoHernandez-zh9id
@GerardoHernandez-zh9id Месяц назад
yeah! thank you! great tutorial :D
@h3mangislive118
@h3mangislive118 Месяц назад
Good work bro!!
@camilazer
@camilazer Месяц назад
Love it!
@ameliegirodova128
@ameliegirodova128 5 дней назад
totally amazing!!
@DanielSteenhoff
@DanielSteenhoff 5 дней назад
Thanks!!
@maxwedekind8992
@maxwedekind8992 25 дней назад
This is so so sick!!!
@piramide41
@piramide41 27 дней назад
Awesome tutorial! Short and sweet. So much can be done with fairly small networks, it's super cool! Thanks!
@DanielSteenhoff
@DanielSteenhoff 26 дней назад
You're welcome!
@tdkurry1264
@tdkurry1264 22 дня назад
cool!!✨✨Thank you very much for sharing!!🙇🙇
@DanielSteenhoff
@DanielSteenhoff 22 дня назад
Thanks! And you're welcome :)
@earthchrome
@earthchrome 26 дней назад
really good tysm. ❤
@DanielSteenhoff
@DanielSteenhoff 26 дней назад
You're welcome 😊
@sebastianperry9481
@sebastianperry9481 18 дней назад
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 18 дней назад
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
@IsaacMiecz
@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
@DanielSteenhoff Месяц назад
Ah good tip, I will absolutely look into that!
@francahochstrasser462
@francahochstrasser462 27 дней назад
Thankyou so much for this amazing tutorial. How can i make the pixel displacement go slower?
@DanielSteenhoff
@DanielSteenhoff 26 дней назад
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 :)
@roberdygio
@roberdygio Месяц назад
Such a nice tutorial, thank you. Is it possible to add colors to this though?
@DanielSteenhoff
@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
@peterhelles8760 4 дня назад
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 4 дня назад
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 Месяц назад
very cool ! Is it possible to make this design interactive with audio?
@DanielSteenhoff
@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
@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
@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
@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
@DanielSteenhoff Месяц назад
Great!
@aleksandrakkuratnov1938
@aleksandrakkuratnov1938 27 дней назад
Далее
How This Image Turned Into A Moving Visual
3:56
Просмотров 2,1 тыс.
Shu bahormi ? | Million jamoasi
00:57
Просмотров 1 млн
How These Visuals Were Made
7:52
Просмотров 3,3 тыс.
Pixel Sorting - TouchDesigner Tutorial 16
9:15
Просмотров 91 тыс.
GLSL Beginner Tutorial #2 (TouchDesigner)
15:22
How the haters saved my game
9:00
Просмотров 3,9 тыс.