<質感工坊

VHS 錄影帶效果

[ 3 KERNELS // CANVAS 2D ]
VHS Tape applied to the sample photo

如何為照片加上 VHS 效果

  1. 把照片拖到畫布上、直接貼上,或點擊選擇檔案。圖片不會離開你的瀏覽器。
  2. 保持 VHS Tape 選取,拖動 細節粒度 調整磁帶新舊:調高是新帶子,調低是放爛了的租借帶。
  3. 匯出 PNG。不需帳號,沒有浮水印。

VHS 效果的原理

VHS 畫面看起來舊,不是因為蓋了一層紋理,而是因為訊號在磁帶裡走過的那條路。這個濾鏡在一次逐像素處理裡把那條路重建出來:

  1. 亮度與色度分離。 每個像素先轉成 YIQ,也就是類比視訊用的「亮度 + 色彩」編碼。之後亮度和色彩分開處理,這是整個質感的核心。
  2. 變軟的亮度與光暈。 亮度只沿每一行模糊,在 1400px 的圖上是 1–3px,因為磁帶丟的是水平解析度,不是垂直。再疊上錄影機的邊緣增強,硬邊緣會出現租借帶上常見的明暗光暈。
  3. 色彩滲出。 色彩被橫向抹開 7–14px,並落在它所屬形狀右邊約 3–4px 的位置。飽和度降到 70%,帶一點暖洋紅偏色,黑位被抬高,畫面裡沒有純黑。
  4. 走帶故障。 每一行都會被一個平滑的微小抖動橫向推移;畫面底部 6% 向右撕開,就像暫停時的磁頭切換帶;畫面約三分之二高度處有一條跟蹤失準帶,行被錯開並夾著雪花條紋;還有少數幾行出現發白的訊號丟失刮痕。
  5. 顆粒與場。 亮度上加細顆粒,並且隔行變暗約 7%,模擬電視畫面的兩個交錯場。
  6. 螢幕顯示。 左下角是攝影機的日期時間,上方可以選回放畫面(PLAY ▶ 與 SP)或錄製畫面(紅色 ● REC 與電量圖示)。樣式可以切換,文字可以隱藏,日期時間可以隨意設定;換成你自己的照片時,日期預設取檔案的時間。
滑桿控制什麼常用範圍
細節粒度磁帶新舊:模糊、色彩拖尾、抖動、撕裂、跟蹤帶與丟失刮痕70–100 是乾淨的錄影,20–50 是磨損的舊帶
濾鏡強度與原圖的混合比例,螢幕文字也一起變淡90–100 是完整的錄影帶畫面,50–70 是輕微的一層
對比度在訊號編碼前作用的影調曲線夜景想更有衝擊力就調高

所有處理都在瀏覽器內的 Canvas 2D 緩衝區裡完成,圖片不會上傳,匯出的 PNG 保持原圖尺寸,長邊最高 1400px。結果是靜態圖片,雜訊不會動。同頁的 CRT Scanlines 補上播放錄影帶的那台電視,Pixel Sort 把行拖得更長,像跟蹤徹底失準。濾鏡不能一次疊加,需要先匯出,再把 PNG 拖回來套第二個濾鏡。

適合用在

  • 懷舊家庭錄影、90 年代家庭電影風格的社群貼文
  • 專輯封面、混音帶封面與 MV 截圖
  • 偽紀錄片、類比恐怖風格的視覺
  • 帶 90 年代攝影機質感的縮圖與海報

> 效果範例

同一張插畫,用本頁濾鏡的預設參數處理——由上方同一套引擎真實算繪,不是效果示意圖。

兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫——未經任何濾鏡處理的原圖
原圖未經處理
兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫,套用 VHS Tape 濾鏡後——磁帶色彩滲出、跟蹤雜訊與攝影機時間戳
VHS Tape磁帶色彩滲出、跟蹤雜訊與攝影機時間戳
兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫,套用 CRT Scanlines 濾鏡後——掃描線、RGB 色散與螢光輝光
CRT Scanlines掃描線、RGB 色散與螢光輝光
兩位戴斗笠的旅人穿過被風吹伏的草坡的插畫,套用 Pixel Sort 濾鏡後——橫向亮度排序拉出的色帶
Pixel Sort橫向亮度排序拉出的色帶
兩位斗笠旅人走在高高綠草中的近景裁切——未經任何濾鏡處理的原圖
原圖未經處理
兩位斗笠旅人走在高高綠草中的近景裁切,套用 VHS Tape 濾鏡後——磁帶色彩滲出、跟蹤雜訊與攝影機時間戳
VHS Tape磁帶色彩滲出、跟蹤雜訊與攝影機時間戳
兩位斗笠旅人走在高高綠草中的近景裁切,套用 CRT Scanlines 濾鏡後——掃描線、RGB 色散與螢光輝光
CRT Scanlines掃描線、RGB 色散與螢光輝光
兩位斗笠旅人走在高高綠草中的近景裁切,套用 Pixel Sort 濾鏡後——橫向亮度排序拉出的色帶
Pixel Sort橫向亮度排序拉出的色帶

> 常見問題

怎樣把照片做成 VHS 錄影帶的樣子?
把照片拖進本頁,保持 VHS Tape 濾鏡選取,匯出 PNG 即可。它一次完成:畫面變軟、色彩拖尾偏移、跟蹤雜訊、底部磁頭撕裂和 PLAY 時間戳。調低細節粒度會更像磨損的舊帶。
這個 VHS 濾鏡免費嗎?照片會上傳嗎?
免費,不需帳號,沒有浮水印。處理在瀏覽器裡用 Canvas 2D 完成,照片不會離開你的裝置,伺服器上不保存任何內容。
可以去掉日期或改成別的日期嗎?
可以。在滑桿下方取消勾選「攝影機螢幕文字」即可隱藏;樣式可選 PLAY ▶ 或 ● REC;日期時間可以隨意設定。載入你自己的照片時,日期預設取檔案的時間。文字也會隨濾鏡強度一起變淡。
VHS 和 CRT 濾鏡有什麼差別?
VHS 模擬的是磁帶:亮度變軟、色彩向右滲出、跟蹤雜訊、底部撕裂和攝影機時間戳。CRT 模擬的是螢幕:掃描線、RGB 孔徑柵格和高光輝光。要家庭錄影的一格用 VHS,要顯示器或電視螢幕用 CRT。
能在這裡做 VHS 影片或 GIF 嗎?
不能。網頁工具匯出的是靜態 PNG,長邊最高 1400px,雜訊不會動。iOS 與 Android 上的 Yan App 可以用即時相機特效拍攝並匯出影片。

圖片在你的瀏覽器內處理,不會上傳。站點保留匿名使用統計(頁面造訪、所選濾鏡、檔案大小),不含任何像素資料。