Audio-reactive psychedelic visuals | TouchDesigner Beginner Tutorial

hello and welcome to another acrylico tutorial on this animation to recreate this we're going to do some top instancing based on a tunnel sub we're going to twist the tunnel Swap and then on the top World we're going to modify this with some noise after this we're going to add a bunch of mirrors and like so we're going to end up with an easy Network to create this cool psychedelic animation lastly we're going to use our custom components to transform it into an audio reactive animation alright before we start I just want to say thank you so much to derivative for supporting us as well as to all our patrons who support us every month in our journey of creating these video tutorials also thank you to all of you guys watching if you like these lessons please like And subscribe to the channel now let's get started let's press Tab and we're going to create a tube stop press P to open the parameter window and in here we're going to change the orientation so that the z-axis is the primary axis of our tube to increase the length let's bring the height all the way up to 10. then let's go to the detail tab of the parameter window and we will increase the number of rows and columns which make up our tube all the way up to a thousand by a thousand these might cause your computer to freeze for a couple of seconds so don't worry if that happens from here let's right click at the output of the tube stop and attach a Twist stop we can use the twist sop to perform non-linear deformations such as bends twist or stretch to deform our tube object along one or more axis in the parameter window we can change the strength Factor depending on how drastic we want these distortions to be for now let's right click at the output of the twist stop and the touch on all stop great so now we have a base geometry for optimization purposes we want to pass this to Tops the way to do this is to transform the chops first by attaching a sub to chop this job takes all the point attributes of the sub geometry in our case the tubes up and converts this into channels then let's right click at the output of the chop and attach a chop to top this operator will take all the channels from the chops and transform them into a top image in the parameter window we see that by default the data format is set to R this means that each channel from the chops will be interpreted as a row of red pixel data we're going to change this to RGB so that all the channels are transformed into red green and blue data to create the rows of pixels which in turn creates the top representation then in the image layout parameter we will select fit to square by doing this the top will determine the image resolution based on the total number of samples across all Channel sets in width and height to try and understand this better let's put the last node viewer active by clicking on this button here on the bottom right then let's right click in the middle of the node and select viewers points once we do this we notice that the shape of our object is the same in Subs as it is in tops it's only the representation of this data which is different and we want to use the points in the top World we're going to instance them and then modify and distort to come up with our final animation for the instancing let's attach an old top right at the end of the network and since we're going to drag and drop this later to our geometry comp let's go ahead and rename it to pause for position and color it red this step is just good practice for aesthetic purposes and so that we don't have to search for the node later it's not necessary but it makes our job easier and big and confusing networks okay now for the instancing network let's create a box stop this is the sub which will be instanced right click at the output of the box and attach a transform swap we will use this for scaling purposes then let's right click at the output of the transform and attach our geometry from here let's press Tab and we'll create a constant material drag and drop the constant material to the jio comp and select parameter material let's press tab again and attach a camera comp then let's press tab one more time and we'll create a render top now let's split the screen into two screens left and right set the second screen to top viewer and then right click on an empty space in the left screen go to displays and unselect the backdrop tops this will disable the animation from being displayed in the background of our Network then let's right click at the output of the render top attach on all top at the end of the network and put it viewer active let's right click right before the null go to insert operator and attach an RGB key to automatically get a black background great now let's go back to the beginning of the network click on the Box Shop and press P to open the parameter window here let's lower the scale value to 0.01 to decrease the size of the box then go to Geometry open the first instance Tab and toggle on the instancing then we'll drag and drop our position top to the translate of B and as translate X Y and Z we will choose our coordinates of respectively r g and B so what we're doing here is we're creating instances or copies of the geometry object which in our case is the box top and we're placing these copies of the Box using the position of the points of the Twisted tube stop we created in the beginning right now this looks a little odd and very bold when this happens we're either too close with the camera so we can try increasing the distance of the object from the camera by increasing the translate C parameter of the camera or which is the case right now which is further decrease the scale of the Box we will decrease it by 10 times if we add an extra zero after the comma if you notice here that the FPS is running low you can increase it by selecting all the nodes and simultaneously turning off the viewer now before we move on to the animation there are a couple of things we could do here at the twist we can decide on the strength primary Axis or operation until we come up with a shape we like what we could also do is create a second twist top after the first one and in here we can use another primary axis than the one we chose in the first one and this could also make things trippier great so now that we have our base shape for the next step we're going to animate this to get an animation and after that we're going to make this audio reactive to introduce Movement we need to animate something according to time so we need to find a parameter where we can do this the way we animate over time is by typing an expression which usually is a factor or a fraction of apps time that seconds the easiest way to do this and how we usually do it is by using a transform so let's right click on the connecting line after the chop the top and attach a transform top let's put this viewer active right click on the middle of the node and select to view as points just like we did in the beginning so that we can see what our changes in the transform will cause so for example we notice that when we change the rotation the image will change and the same happens when we change the Translate Y parameter here we also notice that if we move too far in the negative or in the positive values our objects are our object will start disappearing this is caused by the extent parameter in the tile tab this parameter determines what happens at the edges of the tiles so when it's set to zero then the edges of the tile will not get extended let's view this as an image here we can see that if we move from the zero zero position the black part starts taking over and if we're Beyond 1 or -1 then the whole image will disappear we can keep this from happening if we choose to extend repeat or extend mirror so let's edit a mirror for now now this was one operator to introduce movement another one we could use would be the noise stop so let's right click after the transform go to insert operator and attach a noise stop in the parameter window let's first toggle off the monogram so that we get some colorful noise once we do this then we can play around with the rest of the parameters in the noise tab until we come up with a shape we'd like in the outputs tab we can also change the RGB parameter and decide between variations of how the input image and the noise will relate so let's try for example input times noise so here you can try out all the noise settings and see what looks better to you another tip here is once you're done with a whole network you can always come back here and change parameters to come up with new different visuals with minimal effort to improve the quality of the image here depending on whether you have the commercial license you can increase the resolution on the common tab of the render I went with 1920 by 1080. also if you want a more intense look we can open the transform sub after the Box hop and increase the uniform scale this will scale The Source geometry in all three axes so now we know that we can use a transform top or the noise top to animate but before we actually animate we're going to create a bunch of mirrors to get this shape to look a little bit more psychedelic we will do this by attaching mirrors in the top world right after the render here you can go crazy with the amount of mirrors and the rotation angle I added a total of five mirrors I added the first mirror then a second one with a 90 degree rotation then a third one with a 45 degree rotation a fourth one with a 180 degree rotation and lastly a fifth one with a 90 degree rotation if you want to go even crazier you can also attach one or two tiles in between the mirrors you can add more or less mirrors you can play around with the rotation angles and so on just giving you an idea you can try this out by yourself now let's open the perimeter window of the camera and increase the translate Z value to get the whole shape in the camera view okay now finally we're going to animate over time let's open the noise top parameter window and after all the Transformations that we did we can see now how our shape changes if we change the value of the translate Z these changes look nice so okay we can decide what we can animate this parameter over time by typing here apps time that seconds times 0.5 great so we have a nice looking animation you can get Limitless amount of different variations just by deciding to change just one parameter in the noise so you can also try things out here yourself but now we're done also with this part and we're going to move on to the next part making this audio reactive we're going to do this with three custom components we introduced in our two previous videos I'm going to go over this quickly and show you how you can implement this custom components into today's project but if you want a more in-depth explanation of how these components work you can go and watch the more in depth video I will leave the link to that video in the description box in that tutorial you will also find the camera link to download two of the components for free in here type 0 or any amount you'd like to donate and click on I want this on the next page you will have to give your email address in order to get your receipt and you'll be able to download both doxies the setup audio reactive and the audio reactive rotation once you have downloaded both files you can drag and drop them into your attach designer project from here go ahead and attach a track you like or the audio file in chop we will use the setup audio reactive to align our timeline to the track we'll do this by opening the parameter window and we'll drag and drop the track to the sound chart once we click on pause the timeline will automatically expand to the length of the track we inserted then let's connect the truck to the audio reactive rotation right click at the output and connect a null chop put this in all of your active and connect it to any of the parameters of our nodes which can afford to grow to Infinity without going out of the frame a good example for this would be the rotate Z parameter of the noise or the rotate angle of any of our mirrors a bad parameter of where to use this custom component would be any translate parameter which would get the object to move way close or way far from the camera or way to the left or way to the right so that the whole object would go out of view and already like this we have an audio reactive animation if you want to spice things up even more you can purchase the third custom component the audio reactive value which can be applied to any parameter you can decide on a segment or interval in which the value of the parameter moves to get a different type of audio reactive and like I said for more in-depth information watch our audio reactive tutorial but this was it for this tutorial now I will leave you with a couple of variations we did I hope you learned something useful and enjoyed watching if you recreate a version of this I'm very curious to watch it so please tag Us in here or on Instagram and until the next tutorial have a great time bye bye foreign [Music] [Applause] foreign [Applause] foreign foreign

Channel: Acrylicode

Views: 56,349

Keywords:

Id: Mt2hwb5cngA

Length: 18min 35sec (1115 seconds)

Published: Fri Mar 17 2023