Photoshop图层依次显示且保留前层可见的动画自动制作方法

安全阿岳

2026-9-27

Photoshop批量生成图层依次叠加显示动画的解决方案

有两种可行的操作方案，无需手动调整1000多帧的图层可见性：

方案一：使用自带过渡帧功能生成（无需代码）

先将时间轴面板切换到「帧动画」模式，创建第1帧：仅打开最底层（图层0）的可见性，设置好单帧停留时长
手动创建第2帧：保持图层0可见，额外打开图层1的可见性
同时选中这两帧，点击时间轴面板右上角的菜单图标，选择「过渡」功能
在弹出的设置窗口中调整参数：
- 要添加的帧数填写 1050（总共有1052个图层，已创建2帧，剩余需要生成1050帧）
- 「图层」选项选择「所有图层」
- 「参数」区域仅勾选「不透明度」，取消其他所有选项的勾选
点击确认后，PS会自动生成所有过渡帧，每一帧都会按顺序新增一个上层图层的可见性，完全符合叠加显示的要求

方案二：使用JSX脚本一键生成（适合高频操作场景）

如果需要经常制作同类动画，可以用脚本批量生成：

打开任意文本编辑器，粘贴如下代码：

var doc = app.activeDocument;
var layers = doc.layers;
// 图层0在图层面板最下方时保留此行，在最上方则删除此行
layers.reverse();
var frameTimeline = doc.timeline;
// 先隐藏所有图层
for (var i = 0; i < layers.length; i++) {
    layers[i].visible = false;
}
// 逐帧生成叠加效果
for (var i = 0; i < layers.length; i++) {
    if (i > 0) {
        frameTimeline.duplicateFrame(frameTimeline.frames[frameTimeline.frames.length - 1]);
        frameTimeline.activeFrameIndex = frameTimeline.frames.length - 1;
    }
    layers[i].visible = true;
    // 可自定义单帧停留时长，单位为秒
    frameTimeline.activeFrame.delay = 0.2;
}