图片序列与 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 反而是绕远路。
导出图片序列的操作
走一遍图片序列的导出流程:
- 编辑好所有帧。
- 点导出,格式选"图片"或"序列"(有的版本叫"帧")。
- 设置图片格式:PNG 或 JPG。PNG 无损、带透明,适合需要抠图和清晰的场景;JPG 体积小但有损、不支持透明,适合照片类内容。
- 设置尺寸,和 GIF/MP4 一样可以缩放,锁定比例。
- 设置帧率或编号方式:一般按 1、2、3 顺序编号,有的可以设置起始编号(比如从 0001 开始)。
- 选保存目录,软件会自动建一个文件夹把序列放进去。
- 确认导出,得到一个装满图片的文件夹。
命名时注意:如果帧数多,用三位数编号(001、002…)比一位数好,这样排序不会乱(1、2、10、11 这种一位数排序会出错,三位数 001、002、010 才对)。ScreenToGif 一般会自动处理好编号格式,但你自己检查时要留意。
导出 PSD 的操作
PSD 导出流程类似,但有几个不同点:
- 编辑好所有帧。
- 点导出,格式选 PSD。
- 设置尺寸和帧率。
- 关键一步:选择导出模式。有的选项是"每帧一个图层",这是最常用的;有的版本还支持"每帧一个图层组",方便你批量管理。一般选每帧一个图层即可。
- 设置分辨率,和图像尺寸配合。
- 保存,得到一个 .psd 文件。
- 用 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 看看图层结构,体会两者的差异。下一节我们讲项目保存,这是把整个编辑过程存档、随时复用的关键。
