Audio Reactive Analog Content in TouchDesigner

Audio Reactive Analog Content in TouchDesigner - Tutorial with Crystal Jow

Рет қаралды 19,409

3 жыл бұрын

Get access to 200+ hours of TouchDesigner video training, a private Facebook group where Elburz and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: bit.ly/2zJ0lmt
Getting that analog look in your content can be hard when you're working in digital media. In this guest video, Crystal Jow walks you through building a TouchDesigner network that takes advantage of various techniques including preparing analog assets, importing them into TouchDesigner, animating them, mixing them with digital content, and then filtering them to feel more natural. The networks built are also audio reactive and can be used either in live performances or to build great music videos.
You can follow Crystal on Instagram @crystaljowart and on her website www.crystaljow.com/
TouchDesigner Beginner Crash Course Contents
00 - Introduction: • 00 - Introduction - To...
01 - Get Started & Downloads: • 01 - Get Started & Dow...
02 - Mouse Navigation: • 02 - Mouse Navigation ...
03 - Creating Operators: • 03 - Creating Operator...
04 - Network Navigation: • 04 - Network Navigatio...
05 - Signal Flow: • 05 - Signal Flow - Tou...
06 - Hotkey Notes: • 06 - Hotkey Notes - To...
07 - Operator basics: • 07 - Operator Basics -...
08 - Parameters & Operator Info: • 08 - Parameters & Oper...
09 - TouchDesigner User Interface: • 09 - TouchDesigner Use...
10 - Working with TOPs: • 10 - Working with TOPs...
11 - Working with CHOPs: • 11 - Working with CHOP...
12 - Working with COMPs: • 12 - Working with COMP...
13 - Working with DATs: • 13 - Working with DATs...
14 - Working with SOPs and MATs: • 14 - Working with SOPs...
15 - Outputting Content: • 15 - Outputting Conten...
16 - Next Steps: • 16 - Next Steps - Tou...
17 - Create background content in TouchDesigner quickly and easily: • Create background cont...
18 - Trails & Frame Delays in TouchDesigner: • Trails & Frame Delays:...
19 - Reactive GPU Particles in TouchDesigner: • Reactive GPU Particles...
20 - Generative Geometric Design in TouchDesigner: • Generative Geometric D...
21 - Audio Reactive Analog Content in TouchDesigner Tutorial with Crystal Jow: • Audio Reactive Analog ...
22- Generative Visuals with Particles & Kinect in TouchDesigner with Crystal Jow: • Generative Visuals wit...
23 - 2D Texture Slicing in TouchDesigner: • 2D Texture Slicing: To...

Пікірлер: 37

@nas_abraham Жыл бұрын

Absolutely brilliant. you have no idea how long i've been searching for this exact tutorial.

@TheInteractiveImmersiveHQ Жыл бұрын

We’re so glad to hear it! Thanks for watching :)

@JeremydePrisco 3 жыл бұрын

This is one of the best tutorials on these sorts of techniques. Thank you so much for posting. Very clear instruction and great combination of techniques that can me used in many different ways.

@TheInteractiveImmersiveHQ 3 жыл бұрын

Thanks to Crystal Jow for putting this one together. She's working on a lot of cool projects and is always looking for ways to share back with the community!

@wendyzhoudesign Жыл бұрын

Thank you so much for this! Cleared up many things for me😍

@TheInteractiveImmersiveHQ Жыл бұрын

Our pleasure! Thanks for watching :)

@AlexandreRangel Жыл бұрын

Great tutorial, thank you!!

@TheInteractiveImmersiveHQ Жыл бұрын

Our pleasure! Thanks for watching :)

@marc-antoinegiguere6323 3 жыл бұрын

thanks a lot! Great video, it helped me a lot :)

@TheInteractiveImmersiveHQ 3 жыл бұрын

No problem! Crystal has made some great work and we'll have her back soon for more :)

@werty17 3 жыл бұрын

thank you!

@TheInteractiveImmersiveHQ 3 жыл бұрын

Our pleasure to work with Crystal on this!

@nikitakorol599 2 жыл бұрын

thank you very much! can I find a patch somewhere?

@AB.BABY. Жыл бұрын

This is nice work.

@TheInteractiveImmersiveHQ Жыл бұрын

Thank you! Cheers!

@jonn9000 3 жыл бұрын

Professor Matthew Ragan!!! I miss your tutorials!!!

@TheInteractiveImmersiveHQ 3 жыл бұрын

Haha this one is actually Crystal Jow! She's a fantastic artist based in Los Angeles, you can check out her instagram link in the video description. ;)

@Future_Sounds 12 күн бұрын

Very cool tutorial, interesting way of understanding how to make reactive shapes with music. A little disappointed that the tutorial wasn't as explanatory regarding why certain choices and only a match of whats shown. Nevertheless, very cool!

@jacobgolden 3 жыл бұрын

Thank you. Great handmade vibe. Are the assets available for this to download anywhere?

@TheInteractiveImmersiveHQ 3 жыл бұрын

They aren't, but if you send us a DM on Facebook we can try to get them from Crystal :) facebook.com/TheIIHQ

@toriitoraa 2 жыл бұрын

This is very very cute! I love how very organic feeling it looks too

@TheInteractiveImmersiveHQ 2 жыл бұрын

Agreed! Crystal's work is always very meditative and calming.

@chrissoohoo5465 Жыл бұрын

Hi Crystal, thank you for the tutorial! One thing I am unsure of is, when you are making the audio reactivity, first you start my trimming to isolate the kick drum, but then use the logic to catch the high peak of the keyboard. Why do you trim to isolate the kick, if you then target the peak of a different instrument? Thanks!

@TheInteractiveImmersiveHQ Жыл бұрын

I think what Crystal meant to say here is that she was isolating the frequencies of the keyboard rather than the kick drum :)

@lunaeries8259 3 жыл бұрын

Great composition!! I have a question and maybe you can help me. If I wanted to trigger three different videos based on the volume input received from a microphone, would it be similar to this? could you maybe redirect me to some tutorial? my solution is to connect an audio analysis to a select, but then I'm stuck and I can't figure out what else to connect to make it work. I don't understand how to export the volume values and to make my composition react based on them. I hope I explained myself clearly enough. what I'm trying to achieve is an interactive installation based on audio. anyway, great tutorial!!

@TheInteractiveImmersiveHQ 3 жыл бұрын

Yes, it would be pretty similar. Especially the part around 16 minutes, where Crystal is using the Logic CHOP with the audio signal to create a 0 to 1 trigger from the audio. Then you can use a CHOP Execute DAT to trigger a one line Python command to play the videos when that trigger goes to 1. If you're having trouble with that, what I'd recommend is checking out The HQ PRO, where we have in-depth workshops on audio analysis and Python usage in TouchDesigner that would give you all the skills you need to get through your setup very quickly: bit.ly/2zJ0lmt

@katfischer7003 3 жыл бұрын

I want to make some assets to follow along with--does vector/bitmap make a difference?

@TheInteractiveImmersiveHQ 3 жыл бұрын

You'll want to generally use bitmaps with TouchDesigner. While there is an SVG TOP, it's more of a helper node and not a main node you want to use, because all it does is convert the vector to a bitmap for you, but you lose control over the vector itself. So in most cases it's almost always better to work in bitmap or at least do the rasterization yourself for the best results.

@katfischer7003 3 жыл бұрын

@@TheInteractiveImmersiveHQ Wow, thanks so much for the fast reply--very helpful to know!

@TheInteractiveImmersiveHQ 3 жыл бұрын

@@katfischer7003 No problem at all! Never hesitate to ask questions :)

@pkkuhnmuench Жыл бұрын

i have a questions, is it possible to trigger this animation with with a motion tracker?

@TheInteractiveImmersiveHQ Жыл бұрын

Definitely! As long as you can connect the device to TouchDesigner (which is likely as many are supported), you can build functionality that takes the device's output and triggers the animation.

@pkkuhnmuench Жыл бұрын

@@TheInteractiveImmersiveHQ thanks for the reply, so the problem I am running into is how to build that functionality. I have been going down a few rabbit holes with reaction diffusion but im a beginner so Im just having a hard tome leaping from motion tracking to activating the trigger.

@JoshuaKnyghte 3 ай бұрын

Can you do a new simpler version that actually goes over the details? It seemed rushed, no context of the values or operators were given. Going from your tutorial with all explanations to this was a little confusing. I would like to better understand what she was creating verse just duplicating. Thanks

@TheInteractiveImmersiveHQ 2 ай бұрын

Thanks for the feedback! We have a beginner series that's worth checking out if you're looking for more detailed explanations. A lot of the videos will assume that folks have some basic-intermediate TouchDesigner skills that they're working on. We stop to explain what we can, but if we explained every single thing the videos would end up being double or triple the length 🙂