Background Removal and Custom Webcam Effects: TouchDesigner Tutorial. Mac + PC

Introduction

In this tutorial, you'll learn how to remove the background from your webcam using TouchDesigner, allowing you to create custom visuals and webcam effects that can be integrated into platforms like Zoom and Google Meet via OBS. This guide will cover essential steps including setting up software, applying chroma keying, and creating feedback loops for dynamic visuals.

Step 1: Setting Up Mmhmm

1. Download and install Mmhmm from this link.
2. Create a new slide in Mmhmm.
3. Choose "Media" and upload an image of a green background. This allows you to have a custom background without incurring any costs.

Step 2: Chroma Key Setup

1. Open TouchDesigner.
2. Create a new project and set up your webcam input.
3. Add a "Chroma Key" node to your project.
4. Connect the webcam input to the Chroma Key node.
5. Set the key color to green (or the color of your chosen background).
6. Adjust the tolerance and edge softness settings to refine the effect.

Step 3: Creating Feedback Loops

1. Understand that feedback loops allow you to create dynamic visuals by routing the output back into the input.
2. Use a "Feedback TOP" in TouchDesigner.
3. Connect your output to the Feedback TOP, then back to the input.
4. Experiment with different settings to achieve unique visual effects.

Step 4: Building a Feedback Tunnel

1. Utilize the Feedback TOP to create a tunnel effect.
2. Add geometric shapes or patterns to enhance the visual experience.
3. Adjust parameters such as scale and rotation to create depth in the tunnel.

Step 5: Setting Up OBS

1. Download and install OBS Studio from this link.
2. Open OBS and create a new scene.
3. Add a new source and select "Video Capture Device."
4. Choose your webcam as the source and ensure that the Chroma Key effect is applied.
5. Adjust the settings to match your desired output.

Step 6: Piping TouchDesigner into Zoom or Google Meet

1. In OBS, select the "Virtual Camera" option.
2. Start the virtual camera in OBS to make your TouchDesigner output available as a webcam.
3. Open Zoom or Google Meet and select the OBS Virtual Camera as your camera input.
4. Test your setup to ensure everything is functioning correctly.

Conclusion

By following these steps, you can effectively remove your webcam background and create custom effects using TouchDesigner. This setup not only enhances your video calls but also provides a creative outlet for your visual ideas. As a next step, explore feedback loops further or experiment with different visual effects in TouchDesigner. Happy creating!