TouchDesigner 馬賽克與 Pixel Art 教學|Limit TOP 與 Resolution TOP 實作指南

想在 TouchDesigner 中製作馬賽克(Mosaic)或 Pixel Art 像素效果?本教學示範如何用 Limit (TOP) 與 Resolution (TOP) 快速實現,包括 Undertale 式復古視覺與 Pixel Art 效果設定技巧。

Aug 3, 2025
🧰 TouchDesigner 工具庫 | Luxmin Institute on Patreon
我們把接案與展場現場累積下來的 TouchDesigner 元件、專案檔與製作系統,整理發佈在 Patreon,部分工具與 Demo 免費開放下載。
https://www.patreon.com/cw/LuxminInstitute
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
在 TouchDesigner 中,其實只需要幾個簡單的步驟,就能完成馬賽克(Mosaic)效果。而稍加調整,更能創造出像素藝術(Pixel Art)或復古遊戲風格的視覺效果——甚至做出像 Undertale 裡怪物笑著看向你的特效。

方法 1:使用 Limit (TOP)

Limit (TOP) 是製作馬賽克的最快捷方式,主要透過 Quantize 來量化像素顏色。

操作步驟

  1. 新增一個 Limit (TOP),連接你的影像 TOP。
  2. 切換到 Quantize 頁面。
  3. Quantize Position:選擇 FloorCeilingRound(決定像素顏色取整方式)。
  4. Quantize Step:調整數值來控制像素塊大小。數值越大,馬賽克效果越明顯。
notion image

方法 2:使用 Resolution (TOP)

Resolution (TOP) 則是透過直接降低圖像解析度,製造馬賽克效果。

操作步驟

  1. 新增 Resolution (TOP),連接你的影像 TOP。
  2. Common 頁籤中,降低 Output Resolution(例如從 1920x1080 調到 160x90)。
  3. 重要設定
    • Input Smoothness 設為 Nearest Pixel
    • Viewer Smoothness 設為 Nearest Pixel
    • 這樣才能避免因插值造成的模糊,保留乾淨銳利的像素邊緣。
notion image

實用技巧:打造 Undertale 式怪物視覺

想要更「遊戲感」的像素效果,可以試試以下設定:

Limit (TOP) 中:

  • Quantize Value:設為 Round
  • Value Step:從 0.1 慢慢調整到 1.0,觀察馬賽克塊大小的變化
  • 選一張合適的圖片或影片素材……恭喜,Undertale 怪物現身! 👾
notion image
 
這兩個方法不僅適合製作基本的馬賽克效果,更能應用在 Pixel Art、復古遊戲 UI、低解析度藝術裝置等專案中。
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
Luxmin Institute (互動研究院) on Patreon
教學講的是觀念,工具則是我們在真實展場裡跑過、改過、確定能用的東西。TD 元件、專案檔、校正與製作流程都陸續發佈在 Patreon 上,免費層可以先看 Demo 與公開工具,付費層取得完整檔案與更新:
https://www.patreon.com/cw/LuxminInstitute
最新的活動動態與報名資訊:
https://www.threads.com/@luxmin.institute
 
如有相關專案或其他需求,請洽 luxmin.art