Pixel Sorting - TouchDesigner Tutorial 16

Рет қаралды 93,980

4 жыл бұрын

In this tutorial, we create a pseudo pixel sorting effect in TouchDesigner using only TOPs and a feedback loop.
Add a level after the substract to adjust the darkened image.
Files, exclusive content and more:
/ elekktronaut
Special thanks to:
AhnthinkgooD, Eric Anderson, Jules Guerin, Nikolai Reinke, Rob, Xenia Format, Jeppe Vinum and Teruhisa
If you have any questions, feel free to ask.
IG: @elekktronaut

Пікірлер: 90

@livelysine982 4 жыл бұрын

Dooope! I loove that you find your way on current trends and share them with us. Thank You!

@otterinspace4869 4 жыл бұрын

these videos are such a life saver with uni all online at the mo. thank you so much.

@This_is_not_how_it_works 4 жыл бұрын

We gonna add an add and then we gonna add something that adds to the add You are the best!!!

@lunchwithalens 4 жыл бұрын

Great tutorial Bileam! I found with my photos that each benefited from a different set of parameters so I created a DAT table and then as well as switching images I could set the best parameters for each picture from my table. I used a similar approach with the particle image reveal too.

@xichx 4 жыл бұрын

jesses bin ich froh, dass ich deinen kanal gefunden hab. ich will seit zehn jahren irgendwie mal an touchdesigner mich rantrauen, hab aber immer echt schiss vor diesem node-basierten zeug gehabt. danke, dass dus mir so erleichterst. dein content is mega nice, ich hoff da kommt noch viel mehr :)

@Sfmccallum 4 жыл бұрын

Thank you Bileam! Your projects are super fun!

@hk7037 4 жыл бұрын

You're always so reliable! this channel was mentioned in a my college design class as "the best tutorial for TD" . ---Thanks from Japan

@elekktronaut 4 жыл бұрын

Thanks so much for sharing, that's amazing :)

@thewrongcorner 4 жыл бұрын

awesome! really nice solution, loving it all around! Thank you!

@franzflemming 4 жыл бұрын

Thank you for making this great tutorials! really appreciate it!

@perimosh 4 жыл бұрын

Thanks a lot Bileam! A tip that i found, if you put Nearest Pixel in Smoothness and Viewer Smoothness on the Common options from Displace the total effect it's better.

@KuschArg 3 жыл бұрын

i loved and enjoyed this tutorial a lot!! thank you so much for share this cool effect!!

@ofirliberman2837 4 жыл бұрын

great stuff!!! so simple and elegant

@RneubauerBmore 4 жыл бұрын

Thank you for uploading, super useful for learning TouchDesigner

@nowaccki 4 жыл бұрын

Also! If you change the horizontal and vertical source in the Displace TOP you can influence how the pixel sorting looks :)

@hanskirschner5357 3 жыл бұрын

You spark a lot of joy. Thanks for that!

@elekktronaut 3 жыл бұрын

Thanks for letting me know ♥️ means a lot to hear!

@pluginhuman2709 4 жыл бұрын

Killin it Bileam :) Awesome work

@manuelamiel6246 2 жыл бұрын

Hi, love this video. I'm expending hours trying to do it but I will got it! thanks

@satelitebolor 4 жыл бұрын

very good, very ease to understand! thanks!

4 жыл бұрын

dudeeee I love you

@renata.marselevna 3 жыл бұрын

thank you very much! so cool!!

@claudeofficial 4 жыл бұрын

Nice tutorial!

@hydeman75 4 жыл бұрын

So coool , thanks !

@camilosandoval4905 4 жыл бұрын

Muchas gracias por compartir!

@mareletudor 4 жыл бұрын

Very cool thanks

@ahmedj92 2 жыл бұрын

Amazing

@detailsstudio 4 жыл бұрын

Coooool !

@jadehernandez7829 4 жыл бұрын

hello :) thank you for your video! when I add the keyboardin, everything stops and nothing works anymore, I don't understand...

@tinuswagner6050 4 жыл бұрын

First comment I've ever made on youtube, thanks for making all these videos!

@julielobo4641 2 жыл бұрын

hey thanks so much for this! is there a way to make it continuous? (in my case it's a png file and the image goes away through the borders, eventually fading completely)

@user-em5dr6eo1m 4 жыл бұрын

Soooo nice

@florenciabruck Жыл бұрын

Hi thanks for the tutorial, there is a way to have the main image stay for longer on the screen before it starts producing the effect?

@julienbayle 3 жыл бұрын

thanks for these inputs. but around 6:00, when you substract, I think there is something to do (which I missed) because in my case, the substraction really substract too much I got the chessboard visible in the background as if the alpha was too small.

@julienbayle 3 жыл бұрын

answering to myself: we just had to use 32-bit float RGBA at Pixel Format output on Fit TOP node, or something that is more than 8 bit.

@noiseworks 3 жыл бұрын

@@julienbayle thanks so much for this, i had the same problem!

@artao5 3 жыл бұрын

Great stuff, thanks!! I just discovered TD yesterday. I've been watching a whomp ton of your vids. Going thru the beginner series today. This is such a freakin' awesome effect. But a thought: How would one make it fade out after a few frames, maybe a second max. And/or fade in. Constantly happening but not forming the long lines. Just smoothly fading away after a moment.

@jacobswafford1481 2 жыл бұрын

How do I export it as like a movie file/mp4? I see I can export it to movie but the screen is just black : ( thanks in advance

@Manu_DeLaB 3 жыл бұрын

nice!!!

@xuanyanghuang2525 4 жыл бұрын

COOL!

@prevotxavier9885 Жыл бұрын

thanks la Lot !

@jdiezastronomy 3 жыл бұрын

Awesome! Can you select some areas or colors? Right now looks creepy!

@mustafasarikaya3012 3 жыл бұрын

Thanks :9

@aki_gong6271 6 ай бұрын

That looks great! But how would you do that using Sops?

@mee4147 3 жыл бұрын

i'm not able to connect the keyboard in to the feedback..no ^ symbol.. can anyone help me out..

@madebygaybird 4 жыл бұрын

Thank you for wonderful tutorial. But I got some problem at last. I can't subtract the original image. I did use the subtract TOP, but it has some grid overlay after using the "Subtract" TOP. Pls advise the solution.

@elekktronaut 4 жыл бұрын

The subtraction makes the alpha channel appear which is depicted as the grid. Use a transform at the end, set the alpha to 1 and turn on comp over bg color. hope this helps!

@madebygaybird 4 жыл бұрын

@@elekktronaut It works. Thanks a lot :)

@ginglyst 4 жыл бұрын

nobody: ice cream: I'M MELTIIIiiiinnnng....

@giorgia7886 3 жыл бұрын

when I add the keyboard in, everything stops and nothing works anymore, do you know how can I solve this problem?

@reeejotaro7690 10 ай бұрын

i thought the title said pixel snorting

@Holz.studio 2 жыл бұрын

Any manner to keep this looping?

@JasonTopo 3 жыл бұрын

how do i save it as a loop?

@adorkable7196 4 жыл бұрын

Im still confused on how to attach the keyboard in to the feedback since when I click on pulse non of the options show up. What else am I supposed to press on?

@elekktronaut 4 жыл бұрын

Drag the channel from the keyboard in onto the pulse and see if that works :)

@LucasVogel 4 жыл бұрын

My feedback keyboard in only works when I'm selecting the feedback node :(

@blackwidowss 4 жыл бұрын

Me too, did you figure out the reason? I kept trying but it seem I'm missing something!

@kirkegross5785 3 жыл бұрын

Hi! Thank you for this tutorial. I love it. Is it somehow possible to make it responsive to audio?

@elekktronaut 3 жыл бұрын

Check out my video "make anything audio reactive"!

@kirkegross5785 3 жыл бұрын

@@elekktronaut Thank you!

@nayuta4108 Жыл бұрын

when i drag the add op back to the feedback op i don't see the arrow, how do i resolve this?

@oioiuu4821 4 жыл бұрын

Thank you for this tutorial!!!!Umm...I think this is a dumb question, but i don't know how to play back from the start so the image can sort again. is there any shortcut or something?

@elekktronaut 4 жыл бұрын

Press 'pulse' on the feedback. And you can connect the keyboard with the "keyboard in" chop and reference it to the pulse.

@oioiuu4821 4 жыл бұрын

@@elekktronaut Thank you soooooooo much!!!👍👍👍

@sublimazed Жыл бұрын

when I connect the 'level' to the 'subtract' it makes the whole thing like transparent. I can see the tiles in the background, not sure why..

@purplepants87 3 ай бұрын

Had the same issue - found this response below: "Add a transform at the end with alpha set to 1 and "comp over background color" on." This solved it for me.

@knast7093 4 жыл бұрын

Hi! Super new to this. My feedback loop is only running when i press the '1' on my keyboard to activate the keyboard chop. So I'm not getting a continuous pixelsorting effect like you, but only seeing it when pressing the '1' key. What am i doing wrong?

@elekktronaut 4 жыл бұрын

Maybe try referencing the keyboard to the reset instead of the pulse.

@knast7093 4 жыл бұрын

@@elekktronaut Thank you for the reply. Maybe I'll just try to redo it all from scratch at some point :)

@DeepKumar-kd4xw 4 жыл бұрын

Can you make a tutorial on interactive art using a camera , so when we move our hand the visuals should also react . Please it's a request

@patrickwilkie5576 4 жыл бұрын

you could use this exact tutorial and just swap the imageIN for a videoSource aka camera?

@DeepKumar-kd4xw 4 жыл бұрын

@@patrickwilkie5576 Thanks bro for the tip I'll use that and here's the link of the touchdesigner they have uploaded instagram.com/p/B-z3Ss7H5fi/?igshid=1myqz9xzsz62o I wanted to know can you make a tutorial on art like this please it will be great to learn from you . 😊✌🏼

@nikitafirsakov5835 3 жыл бұрын

Is it possible to change Z dimensional displace weight somehow?

@lihanfitz5561 Жыл бұрын

only way I know how is to add a Transform and use the Scale options for that illusion

@cuenquishdan123 4 жыл бұрын

thanks a lot! how do i render this :(

@elekktronaut 4 жыл бұрын

I've got a tutorial on exporting!

@pizzahaze9968 4 жыл бұрын

When I connect sub1 and level1 image became transparent, what can I do for fix it?

@elekktronaut 4 жыл бұрын

Add a transform at the end with alpha set to 1 and "comp over background color" on.

@pizzahaze9968 4 жыл бұрын

@@elekktronaut Thank you, I get it.

@marisolavila9419 4 жыл бұрын

thanks for this amazing tutorial! i was wondering how to animate the effect because doesn't update when you change parameters, like a loop, it's stop..., something like this instagram.com/p/B7h4LkNHcJF/

@elekktronaut 4 жыл бұрын

I've only discovered this technique a few days ago, there's quite a few things that need to be figured out. For this example you could maybe composite a noise inside the loop.

@marisolavila9419 4 жыл бұрын

@@elekktronaut thanks for the reply! I'll try it

@nikitafirsakov5835 3 жыл бұрын

Mer, hey! Have you figured out about key frame animation?

@nikitafirsakov5835 3 жыл бұрын

Mer I cant find any tutorials

@sgarbidonna1 4 жыл бұрын

hi I cannot get the pointer arrow, dragging the add channel to the feedback one. I'd must to press some keyboard? Idk, im pretty new on this. Could someone resolve that ? thks :)

@mee4147 3 жыл бұрын

same issue - did you get a solution on how to do that?

@stickwithit 3 жыл бұрын

You might have to click the button in the bottom right corner to make the window active before exporting it

@clee6030 3 жыл бұрын

warding.. I also need a solution!

@Trilzo 2 жыл бұрын

Ik its been a year but I figured it out, I just started learning touch designer yesterday and the feedback line appeared when I unlocked the yellow lock I must have accidentally clicked on on the feedback TOP

@cheesybirdmess7349 Жыл бұрын

same problem. nothing i do works