[TouchDesigner 模板] 物件移動殘影效果

本文介紹了一個常用的 TouchDesigner 模板,主要透過 Feedback、Level 與 Composite 三個 OP 來實作視覺效果。本文將說明如何製作物件移動時緊跟其後的殘影效果。

模板說明

這個模板將會為一個正在移動的物件加上殘影的效果,此特效又被稱為動態模糊。

模板包含的 OP 如下:

OP類型說明
LFOCHOP產生不斷來回變化的數值
MathCHOP重新映射數值範圍
NullCHOP數值輸出
CircleTOP範例物件 (可替換為圖片)
TransformTOP修改物件座標
FeedbackTOP影像暫留特效
LevelTOP修改影像透明度
CompositeTOP混和影像
NullTOP影像輸出

連接方式

來回移動的座標

  • LFO CHOP > Math CHOP > Null CHOP

物件移動殘影特效

  • Circle TOP > Transform TOP
  • Transform TOP > Composite TOP
  • Transform TOP > Feedback TOP > Level TOP > Composite TOP
  • Composite TOP > Null TOP

TouchDesigner 物件移動殘影效果總覽

Math 參數

將產生的數值範圍從 -1 ~ 1 重新映射到 -0.2 ~ 0.2,讓物件不超出畫面範圍。

  • Range > From Range:(-1, 1)
  • Range > To Range:(-0.2, 0.2)

TouchDesigner 設定 Math 的 Range

Circle 參數

當作範例物件的影像,調整半徑為合適的大小,可自由修改成 Movie File In 或 SOP 系列圖形。

  • Circle > Radius:(0.1, 0.1)

TouchDesigner 建立半徑比較小的圓形

Transform 參數

將產生的數值 (LFO CHOP) 的 Null 輸出至 Translate 的 tx 欄位來改變物件的橫向座標。

  • Transform > Translate > tx:Null CHOP

TouchDesigner 拖曳 LFO 後的 Null 到 Transform 的 Translate 的 tx

Feedback 參數

將 Composite 拖曳至 Feedback 的 Target TOP 以順利疊加影像。

  • Feedback > Target TOP:Composite TOP

TouchDesigner 設定 Feedback 的 Target TOP

Level 參數

設定透明度為小於 1 來讓殘影會隨時間消失。

  • Post > Opacity:0.978

TouchDesigner 設定 Level 的 Opacity

執行結果

最終 Circle 影像將會不斷地左右移動,並在後面留下隨時間淡出的殘影。

TouchDesigner Circle 不斷左右移動並留下隨時間淡化的殘影

另外,也可結合 物件跟隨滑鼠移動 模板來取代 LFO CHOP,將可讓物件跟隨滑鼠移動並留下殘影。

  1. 在 Circle 和 Transform 之間新增 Fit 並調整影像為 1280x720。
  2. 建立 取得滑鼠移動座標 模板並輸出至 Transform。
  3. 建立 Window 並設定 Window Operator、Opening Size、Borders 並點擊 Open as Perform Window。

TouchDesigner Circle 跟隨滑鼠移動並留下隨時間淡化的殘影總覽

TouchDesigner Circle 跟隨滑鼠移動並留下隨時間淡化的殘影

相關文章

Ted Liou

雲科碩士在讀中,專注於 Unity C#、TouchDesigner 技術,常把技術筆記分享到部落格,偶爾還直接挪用文章來當教材的研究生。