Photoshop 时间轴入门:帧动画制作基础

· PS笔记 小技巧 入门笔记 PS入门笔记 photoshop教程 · 3 阅读 · 约 2 分钟

前言

之前一直以为 Photoshop 只能修图,后来要做一张简单的 GIF 动图才发现它自带时间轴功能,不需要额外装插件就能做帧动画。这里把最基础的流程记下来。

打开时间轴面板

菜单栏选择 窗口 → 时间轴,底部会出现时间轴面板。第一次打开会提示选择模式:

  • 创建帧动画:逐帧模式,每一帧手动指定图层的显示状态,适合简单 GIF
  • 创建视频时间轴:基于时间线,可以做图层属性(位置、透明度、样式)的关键帧过渡动画

入门建议先选帧动画。

帧动画基本操作

新建帧

面板上点 复制所选帧 按钮(翻页图标),会基于当前帧复制出新的一帧。每一帧对应画面在某一时刻的状态。

图层与帧的关系

  • 每一帧可以单独控制各图层的可见性(图层面板里的小眼睛)
  • 新建图层默认在所有帧都可见,记得回到对应帧去关闭不需要的图层
  • 一帧 = 图层开关组合,不需要每帧复制整个画面

帧延迟与循环

  • 选中帧,点帧缩略图右下角的时间,设置每帧停留时长,比如 0.1 秒
  • 全选所有帧(点第一帧,Shift 点最后一帧)再改时间,可以统一设置
  • 面板左下角循环选项一般设为 永远,否则 GIF 只播一次

导出 GIF

文件 → 导出 → 存储为 Web 所用格式(旧版):

  • 格式选 GIF
  • 颜色一般 256 足够
  • 如果文件太大,可以适当减少颜色数或缩小图像尺寸
  • 点存储即可

小结

帧动画的核心就是「图层 + 帧开关 + 延迟时间」三件事,先从两三帧的简单动效练手,熟悉之后再考虑视频时间轴的关键帧动画。