This tutorial demonstrates how to create channel shifting RGB effects in TouchDesigner using two different approaches: the Channel Mix TOP and the Reorder TOP. These techniques create that classic RGB splitting or chromatic aberration look popular in glitch art and music videos.

Understanding the Channel Mix TOP

Basic Concepts

The Channel Mix TOP allows you to mix RGB and Alpha input values into any other channel on output. The parameter window displays columns for R, G, B, and A:

  • Red values in the red channel
  • Green values in the green channel
  • Blue values in the blue channel
  • Alpha values in the alpha channel

By manipulating these values, you can create interesting color effects. For example:

  • Removing red values from the red channel turns a yellow banana green
  • Removing all green leaves only blue and alpha visible

Creating the RGB Splitting Effect

Method 1: Using Channel Mix with Cache

Setting Up the Cache System

  1. Add a Movie File In TOP with your video source
  2. Insert a Cache TOP between the movie file and your output
  3. The Cache TOP stores a sequence of images in memory (default cache size is 32 frames)

Creating Time-Delayed Channels

To create the RGB splitting effect, you need three versions of your video at different time offsets:

  1. Add a Cache Select TOP and drag your Cache onto it
  2. Set the Cache Index to -10 (10 frames in the past)
  3. Duplicate and create another Cache Select with index -20 (20 frames in the past)

When paused, you can verify each cache is 10 frames behind the previous one (e.g., frames 96, 86, and 76).

Isolating Color Channels

Add a Channel Mix TOP after each cache/cache select:

  1. First Channel Mix (Red): Remove green and blue, keeping only red
  2. Second Channel Mix (Green): Remove red and blue, keeping only green
  3. Third Channel Mix (Blue): Remove red and green, keeping only blue

Combining the Channels

  1. Add a Composite TOP
  2. Connect all three Channel Mix outputs to the Composite
  3. Set the Composite operation to Add

This combines the time-offset color channels, creating the RGB splitting effect.

Method 2: Using the Reorder TOP

The Reorder TOP provides a more streamlined approach with fewer operators.

Setup

  1. Use the same Cache and Cache Select setup as before
  2. Add a Reorder TOP instead of multiple Channel Mix and Composite operators

Connecting Inputs

  • First input: Original Cache (for red channel)
  • Second input: First Cache Select at -10 (for green channel)
  • Third input: Second Cache Select at -20 (for blue channel)

Configuring the Reorder

Set the output channels to pull from different inputs:

  • Output Red: First input (original cache)
  • Output Green: Second input (first cache select)
  • Output Blue: Third input (second cache select)

This achieves the same RGB splitting effect with fewer nodes.

Comparing the Two Methods

AspectChannel MixReorder
Node CountMore operators neededFewer operators
ControlFine-grain control with partial/float valuesWhole channel values only
FlexibilityCan mix channels with values like 0.5Limited to full channel swaps
SpeedMore setup requiredQuick for simple channel swaps

When to Use Each

  • Channel Mix: When you need precise control over channel mixing, partial values, or complex blending
  • Reorder: When you want to quickly swap whole channel values between inputs

Practical Applications

The RGB splitting effect works great for:

  1. Interactive installations: Someone moving in front of a camera creates a fun trailing color effect
  2. Music videos: Adds visual interest and a glitchy aesthetic
  3. Subtle enhancements: Applied to nature footage or calm imagery for artistic effect

Key Parameters Summary

ParameterLocationPurpose
Cache SizeCache TOPNumber of frames stored (default 32)
Cache IndexCache SelectWhich frame to retrieve (negative = past frames)
R/G/B/A columnsChannel MixControl channel mixing values
Output R/G/B/AReorderSelect which input provides each output channel
OperationCompositeHow to combine inputs (use Add for RGB effect)

Key Takeaways

  1. Cache TOP stores frame history - Essential for creating time-offset effects
  2. Cache Select retrieves past frames - Use negative index values to look backwards in time
  3. Channel Mix offers fine control - Supports partial values and complex mixing
  4. Reorder is efficient - Fewer nodes but limited to whole channel values
  5. Composite with Add - Combines separated channels back together
  6. Frame offset creates the effect - The time delay between R, G, and B channels creates the splitting look
  7. Works on any video source - From counting sequences to nature footage to live camera feeds

This technique is a fundamental building block for creating glitch art, chromatic aberration effects, and visually dynamic content in TouchDesigner.

本教程演示如何在TouchDesigner中使用两种不同的方法创建RGB通道偏移效果:Channel Mix TOP和Reorder TOP。这些技术可以创建在故障艺术和音乐视频中流行的经典RGB分离或色差效果。

理解Channel Mix TOP

基本概念

Channel Mix TOP允许您将RGB和Alpha输入值混合到输出的任何其他通道中。参数窗口显示R、G、B和A的列:

  • 红色通道中的红色值
  • 绿色通道中的绿色值
  • 蓝色通道中的蓝色值
  • Alpha通道中的Alpha值

通过操作这些值,您可以创建有趣的颜色效果。例如:

  • 从红色通道中移除红色值会使黄色香蕉变成绿色
  • 移除所有绿色只会留下蓝色和alpha可见

创建RGB分离效果

方法1:使用Channel Mix与Cache

设置缓存系统

  1. 添加一个带有视频源的Movie File In TOP
  2. 在电影文件和输出之间插入一个Cache TOP
  3. Cache TOP将图像序列存储在内存中(默认缓存大小为32帧)

创建时间延迟通道

要创建RGB分离效果,您需要三个不同时间偏移的视频版本:

  1. 添加一个Cache Select TOP并将Cache拖到它上面
  2. Cache Index(缓存索引)设置为-10(过去10帧)
  3. 复制并创建另一个索引为**-20**的Cache Select(过去20帧)

暂停时,您可以验证每个缓存比前一个落后10帧(例如,第96、86和76帧)。

隔离颜色通道

在每个cache/cache select后添加一个Channel Mix TOP:

  1. 第一个Channel Mix(红色):移除绿色和蓝色,只保留红色
  2. 第二个Channel Mix(绿色):移除红色和蓝色,只保留绿色
  3. 第三个Channel Mix(蓝色):移除红色和绿色,只保留蓝色

合并通道

  1. 添加一个Composite TOP
  2. 将所有三个Channel Mix输出连接到Composite
  3. 将Composite操作设置为Add(添加)

这将时间偏移的颜色通道组合在一起,创建RGB分离效果。

方法2:使用Reorder TOP

Reorder TOP提供了一种更简化的方法,使用更少的操作符。

设置

  1. 使用与之前相同的Cache和Cache Select设置
  2. 添加一个Reorder TOP而不是多个Channel Mix和Composite操作符

连接输入

  • 第一个输入:原始Cache(用于红色通道)
  • 第二个输入:-10的第一个Cache Select(用于绿色通道)
  • 第三个输入:-20的第二个Cache Select(用于蓝色通道)

配置Reorder

设置输出通道从不同输入获取:

  • 输出红色:第一个输入(原始cache)
  • 输出绿色:第二个输入(第一个cache select)
  • 输出蓝色:第三个输入(第二个cache select)

这用更少的节点实现了相同的RGB分离效果。

比较两种方法

方面Channel MixReorder
节点数量需要更多操作符更少操作符
控制使用部分/浮点值进行精细控制仅限整个通道值
灵活性可以用0.5等值混合通道仅限完整通道交换
速度需要更多设置快速进行简单通道交换

何时使用每种方法

  • Channel Mix:当您需要精确控制通道混合、部分值或复杂混合时
  • Reorder:当您想快速在输入之间交换整个通道值时

实际应用

RGB分离效果非常适合:

  1. 互动装置:有人在摄像头前移动会创建有趣的拖尾颜色效果
  2. 音乐视频:增加视觉趣味和故障美学
  3. 微妙增强:应用于自然镜头或平静图像以获得艺术效果

关键参数总结

参数位置用途
Cache Size(缓存大小)Cache TOP存储的帧数(默认32)
Cache Index(缓存索引)Cache Select要检索的帧(负数=过去的帧)
R/G/B/A列Channel Mix控制通道混合值
Output R/G/B/A(输出R/G/B/A)Reorder选择哪个输入提供每个输出通道
Operation(操作)Composite如何组合输入(使用Add进行RGB效果)

关键要点

  1. Cache TOP存储帧历史 - 对于创建时间偏移效果至关重要
  2. Cache Select检索过去的帧 - 使用负索引值向后查看
  3. Channel Mix提供精细控制 - 支持部分值和复杂混合
  4. Reorder效率高 - 更少节点但仅限于整个通道值
  5. 使用Add的Composite - 将分离的通道重新组合在一起
  6. 帧偏移创建效果 - R、G和B通道之间的时间延迟创建分离外观
  7. 适用于任何视频源 - 从计数序列到自然镜头再到实时摄像头馈送

这种技术是在TouchDesigner中创建故障艺术、色差效果和视觉动态内容的基本构建块。