Pixel Sorting - TouchDesigner Tutorial 16
Вставка
- Опубліковано 16 бер 2020
- 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
You're always so reliable! this channel was mentioned in a my college design class as "the best tutorial for TD" . ---Thanks from Japan
Thanks so much for sharing, that's amazing :)
Dooope! I loove that you find your way on current trends and share them with us. Thank You!
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 :)
We gonna add an add and then we gonna add something that adds to the add
You are the best!!!
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.
these videos are such a life saver with uni all online at the mo. thank you so much.
Thank you Bileam! Your projects are super fun!
Thank you for making this great tutorials! really appreciate it!
awesome! really nice solution, loving it all around! Thank you!
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.
i loved and enjoyed this tutorial a lot!! thank you so much for share this cool effect!!
great stuff!!! so simple and elegant
Thank you for uploading, super useful for learning TouchDesigner
Also! If you change the horizontal and vertical source in the Displace TOP you can influence how the pixel sorting looks :)
You spark a lot of joy. Thanks for that!
Thanks for letting me know ♥️ means a lot to hear!
very good, very ease to understand! thanks!
Killin it Bileam :) Awesome work
Hi, love this video. I'm expending hours trying to do it but I will got it! thanks
Nice tutorial!
dudeeee I love you
Muchas gracias por compartir!
thank you very much! so cool!!
So coool , thanks !
Very cool thanks
hello :) thank you for your video! when I add the keyboardin, everything stops and nothing works anymore, I don't understand...
Amazing
i'm not able to connect the keyboard in to the feedback..no ^ symbol.. can anyone help me out..
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)
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?
Coooool !
Soooo nice
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.
First comment I've ever made on youtube, thanks for making all these videos!
That looks great! But how would you do that using Sops?
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.
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.
@@julienbayle thanks so much for this, i had the same problem!
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
nice!!!
Awesome! Can you select some areas or colors? Right now looks creepy!
COOL!
thanks la Lot !
when I add the keyboard in, everything stops and nothing works anymore, do you know how can I solve this problem?
Thanks :9
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.
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!
@@elekktronaut It works. Thanks a lot :)
when i drag the add op back to the feedback op i don't see the arrow, how do i resolve this?
nobody:
ice cream: I'M MELTIIIiiiinnnng....
My feedback keyboard in only works when I'm selecting the feedback node :(
Me too, did you figure out the reason? I kept trying but it seem I'm missing something!
Hi! Thank you for this tutorial. I love it. Is it somehow possible to make it responsive to audio?
Check out my video "make anything audio reactive"!
@@elekktronaut Thank you!
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?
Press 'pulse' on the feedback. And you can connect the keyboard with the "keyboard in" chop and reference it to the pulse.
@@elekktronaut Thank you soooooooo much!!!👍👍👍
Any manner to keep this looping?
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?
Drag the channel from the keyboard in onto the pulse and see if that works :)
i thought the title said pixel snorting
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?
Maybe try referencing the keyboard to the reset instead of the pulse.
@@elekktronaut Thank you for the reply. Maybe I'll just try to redo it all from scratch at some point :)
how do i save it as a loop?
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..
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.
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
you could use this exact tutorial and just swap the imageIN for a videoSource aka camera?
@@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 . 😊✌🏼
Is it possible to change Z dimensional displace weight somehow?
only way I know how is to add a Transform and use the Scale options for that illusion
When I connect sub1 and level1 image became transparent, what can I do for fix it?
Add a transform at the end with alpha set to 1 and "comp over background color" on.
@@elekktronaut Thank you, I get it.
thanks a lot! how do i render this :(
I've got a tutorial on exporting!
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/
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.
@@elekktronaut thanks for the reply! I'll try it
Mer, hey! Have you figured out about key frame animation?
Mer I cant find any tutorials
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 :)
same issue - did you get a solution on how to do that?
You might have to click the button in the bottom right corner to make the window active before exporting it
warding.. I also need a solution!
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
same problem. nothing i do works
so cool i love it :) thx