前言
之前一直以为 Photoshop 只能修图,后来要做一张简单的 GIF 动图才发现它自带时间轴功能,不需要额外装插件就能做帧动画。这里把最基础的流程记下来。
打开时间轴面板
菜单栏选择 窗口 → 时间轴,底部会出现时间轴面板。第一次打开会提示选择模式:
- 创建帧动画:逐帧模式,每一帧手动指定图层的显示状态,适合简单 GIF
- 创建视频时间轴:基于时间线,可以做图层属性(位置、透明度、样式)的关键帧过渡动画
入门建议先选帧动画。
帧动画基本操作
新建帧
面板上点 复制所选帧 按钮(翻页图标),会基于当前帧复制出新的一帧。每一帧对应画面在某一时刻的状态。
图层与帧的关系
- 每一帧可以单独控制各图层的可见性(图层面板里的小眼睛)
- 新建图层默认在所有帧都可见,记得回到对应帧去关闭不需要的图层
- 一帧 = 图层开关组合,不需要每帧复制整个画面
帧延迟与循环
- 选中帧,点帧缩略图右下角的时间,设置每帧停留时长,比如
0.1 秒 - 全选所有帧(点第一帧,Shift 点最后一帧)再改时间,可以统一设置
- 面板左下角循环选项一般设为
永远,否则 GIF 只播一次
导出 GIF
文件 → 导出 → 存储为 Web 所用格式(旧版):
- 格式选
GIF - 颜色一般
256足够 - 如果文件太大,可以适当减少颜色数或缩小图像尺寸
- 点存储即可
小结
帧动画的核心就是「图层 + 帧开关 + 延迟时间」三件事,先从两三帧的简单动效练手,熟悉之后再考虑视频时间轴的关键帧动画。