图片序列与 PSD

前两篇讲的 GIF 和 MP4,都是"成品格式",导出来就能直接用。但这不一定是所有人的需求。做设计、做动效、或者要进 Photoshop 精修的人,更想要的是"原始素材"——每一帧一张图,或者每一帧一个图层,拿回去自己再加工。ScreenToGif 恰好提供了这两样:图片序列导出和 PSD 导出。这一篇我们讲这俩进阶功能,它们把 ScreenToGif 从一个"做 GIF 的工具"升级成了一个"动效工作流的一环"。

图片序列和 PSD 分别是什么

先分清这两个概念,它们看着像,但用途完全不同。

图片序列:把每一帧导出成一张独立的图片文件,比如第 001 帧、第 002 帧、第 003 帧……一个文件夹里排一溜。这些图是"平铺"的,每张都是完整画面,没有图层结构。它的用途是交给其他软件按顺序读取,或者你自己手动挑帧、拼贴。

PSD 导出:把每一帧导出成 Photoshop 的一个图层,所有帧叠在一个 PSD 文件里。这样你进 Photoshop 就能逐层编辑、调色、加特效,甚至重新排列帧的顺序。它保留了"图层"这个层级结构,比图片序列灵活得多。

简单说:图片序列是"一堆单张图",PSD 是"一个带图层的文件"。前者适合做帧动画、网页 sprite,后者适合进 Photoshop 二次创作。

什么时候用图片序列

图片序列虽然"原始",但在几个场景下非常好用:

  • 做逐帧动画:你录了一段动作,想逐帧抠图、调色、换背景,用序列最方便,一张张处理。
  • 做网页 sprite 或游戏素材:有些网页和游戏需要把动画拆成一张张图按坐标显示,序列天然适合。
  • 挑帧做静图:动图里某几帧特别好,想单独拿出来当静态图用,序列让你轻松挑。
  • 交给其他软件:有些剪辑、动画软件直接读图片序列,比读 GIF 更干净。

图片序列的缺点是文件数量多,一长串帧就是一个文件夹几十上百张图,管理起来有点麻烦,而且体积通常比压缩过的 GIF 大。所以它更适合"中间素材"的角色,而不是最终成品。

什么时候用 PSD

PSD 导出是给"要进 Photoshop 的人"准备的,典型场景:

  • 精修每一帧:录的动图颜色不够好看,想逐帧调色、调亮度、加滤镜。
  • 加设计元素:在动图基础上叠加 logo、装饰、文字,做品牌化处理。
  • 重新编排帧顺序:觉得某些帧顺序不对,在 PSD 里拖动图层就能改。
  • 做动态海报:把每一帧当图层,做"局部动起来"的设计效果。
  • 学习动效设计:把 ScreenToGif 录的帧当素材,研究逐帧动画的原理。

PSD 的优势是保留了图层结构,可编辑性极强;缺点是单个 PSD 文件可能很大,而且你需要会用 Photoshop 才能发挥它的价值。如果只是要成品图,PSD 反而是绕远路。

导出图片序列的操作

走一遍图片序列的导出流程:

  1. 编辑好所有帧。
  2. 点导出,格式选"图片"或"序列"(有的版本叫"帧")。
  3. 设置图片格式:PNG 或 JPG。PNG 无损、带透明,适合需要抠图和清晰的场景;JPG 体积小但有损、不支持透明,适合照片类内容。
  4. 设置尺寸,和 GIF/MP4 一样可以缩放,锁定比例。
  5. 设置帧率或编号方式:一般按 1、2、3 顺序编号,有的可以设置起始编号(比如从 0001 开始)。
  6. 选保存目录,软件会自动建一个文件夹把序列放进去。
  7. 确认导出,得到一个装满图片的文件夹。

命名时注意:如果帧数多,用三位数编号(001、002…)比一位数好,这样排序不会乱(1、2、10、11 这种一位数排序会出错,三位数 001、002、010 才对)。ScreenToGif 一般会自动处理好编号格式,但你自己检查时要留意。

导出 PSD 的操作

PSD 导出流程类似,但有几个不同点:

  1. 编辑好所有帧。
  2. 点导出,格式选 PSD。
  3. 设置尺寸和帧率。
  4. 关键一步:选择导出模式。有的选项是"每帧一个图层",这是最常用的;有的版本还支持"每帧一个图层组",方便你批量管理。一般选每帧一个图层即可。
  5. 设置分辨率,和图像尺寸配合。
  6. 保存,得到一个 .psd 文件。
  7. 用 Photoshop 打开,在图层面板里你会看到一层层叠着每一帧。

打开 PSD 后,图层顺序通常是从上到下、从第一帧到最后一帧,或者反过来,具体看版本。你可以打开图层面板检查一下顺序,不对就在 Photoshop 里反转图层顺序。

在 Photoshop 里处理 PSD 的实用技巧

导出 PSD 只是第一步,真正的价值在 Photoshop 里。几个实用技巧:

  • 批量调色:选中所有图层,用调整图层(如亮度/对比度、色相/饱和度)一次性应用到所有帧,保持动图色调统一。
  • 局部编辑:某个图层想单独处理(比如某一帧的 logo 模糊了),单独选中那个图层修。
  • 加帧或删帧:在 PSD 里复制或删除图层,就等于给动图加帧或删帧,比在 ScreenToGif 里操作更自由。
  • 导出新动图:处理完后,可以用 Photoshop 的"导出为动画"或存成图片序列再回 ScreenToGif 合成,做二次创作。

图片序列和 PSD 的选择对照

对比项 图片序列 PSD
文件数量 多,一帧一张 少,一个文件
图层结构 无,单张平铺 有,每帧一个图层
编辑灵活度 低,需逐张处理 高,可批量、可重排
适用软件 各种图片查看、动画软件 主要 Photoshop
体积 较大 单文件但可能很大
适合人群 做帧动画、网页素材 做设计、动效精修

简单判断:要快速拿帧就用序列,要精细加工就用 PSD。

导出时的注意事项

  • 帧数多时体积大:几百帧的序列或 PSD 可能很大,导出前确认存储空间。
  • 尺寸别缩太小:序列和 PSD 是给二次加工用的,尺寸太小会影响精修质量,建议保持较高分辨率。
  • 文件管理:序列会生成一整个文件夹,记得归类好,别和其他素材混在一起。
  • 兼容性:PSD 在 Photoshop 里打开最稳,其他软件(如 GIMP)也能读但可能有兼容问题。

小结与行动建议

图片序列和 PSD 是 ScreenToGif 的进阶能力,它把"录完即出成品"的路线扩展成了"录完出素材、自己再加工"的路线。图片序列适合做帧动画和网页素材,PSD 适合进 Photoshop 精修。两者都是"中间产物"思维,别把它们当成品,它们的价值在于给你更大的创作空间。

行动建议:录一段简单的鼠标操作,分别导出图片序列和 PSD,用看图软件打开序列看看帧的顺序,再用 Photoshop(或其他能读 PSD 的软件)打开 PSD 看看图层结构,体会两者的差异。下一节我们讲项目保存,这是把整个编辑过程存档、随时复用的关键。