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

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

Aug 3, 2025
💡
最近我們新開了一個 Line TouchDesigner 討論群組,歡迎大家加入一起討論與進步!
https://line.me/ti/g2/5IkAcg_6dF_CbR0oChIRWVoTRWQdSEHEVmcjtw
 
我們開課囉!八月開設新課程 TD104 (SOP) & DCI-02 (互動電子控制課程),歡迎報名參加~

⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
在 TouchDesigner 中,其實只需要幾個簡單的步驟,就能完成馬賽克(Mosaic)效果。而稍加調整,更能創造出像素藝術(Pixel Art)或復古遊戲風格的視覺效果——甚至做出像 Undertale 裡怪物笑著看向你的特效。

方法 1:使用 Limit (TOP)

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

操作步驟

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

方法 2:使用 Resolution (TOP)

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

操作步驟

  1. 新增 Resolution (TOP),連接你的影像 TOP。
  1. Common 頁籤中,降低 Output Resolution(例如從 1920x1080 調到 160x90)。
  1. 重要設定
      • 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 互動研究院 策劃了一系列關於互動體驗技術、科技藝術與多媒體整合為核心的主題課程、工作坊、社群、聚會,以及 TXRX 互動體驗大會
關注我們最新的活動動態與報名資訊:https://www.threads.com/@luxmin.institute