<质感工坊

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 可以用实时相机特效拍摄并导出视频。

图片在你的浏览器内处理,不会上传。站点保留匿名使用统计(页面访问、所选滤镜、文件大小),不含任何像素数据。