创建基于帧的动画

上次更新日期: 2025年12月4日

通过在 Adobe Photoshop 中为每一帧配置不同位置、不透明度或样式的图层来创建逐帧动画。

Photoshop 中的基于帧的动画允许您通过构建一系列帧来创建简单的动画内容,每一帧代表图层的不同配置。这种技术非常适合为 Web 内容、社交媒体帖子或简单的动态图形创建动画 GIF。

帧动画通过按顺序显示一系列帧来工作,从而创造出运动的错觉。与使用关键帧和自动插值的时间线动画不同,帧动画让您能够精确控制每个个体帧。这种工作流最适合具有明显状态的简单动画,而不是复杂的流畅动作。

通过选择窗口 > 时间线窗口 > 图层打开时间线图层面板。

选择时间线面板中间的向下箭头 图标,然后选择创建帧动画

添加新图层或将背景图层转换为常规图层。

向动画中添加内容。 如果动画中包含多个独立移动的对象,或者如果要更改不同帧中的颜色或内容,请在单独图层上创建这些对象。

通过点击 Timeline 面板底部的 Duplicate Selected Frames 图标来添加新帧。

时间线面板中选择新帧,并在图层面板中修改此帧的图层。您可以打开或关闭不同图层的可见性,更改图层位置,调整不透明度以创建淡入淡出效果,或修改图层样式。

继续根据需要添加帧和编辑图层。根据动画需要添加帧。帧数仅受系统可用内存的限制。

通过选择延迟时间(显示在每帧下方)并从下拉菜单中选择持续时间来设置每帧的时间。

通过从 Timeline 面板底部的 Select looping options 下拉菜单中选择 OnceForeverOther 来设置循环选项。

时间线面板中选择播放图标,即可预览动画。