零代码玩转PS自动化：用JSX脚本+动作管理器实现批量修图（含实战案例）

零代码玩转PS自动化：用JSX脚本+动作管理器实现批量修图（含实战案例）

你是否曾面对上百张需要统一调整尺寸、添加水印或应用相同滤镜的图片感到束手无策？或者，你是否厌倦了在Photoshop中重复点击相同的菜单项，只为完成那些机械性的设计任务？如果你是一名电商设计师、自媒体运营者，或是需要批量处理图像素材的创意工作者，那么今天这篇文章将为你打开一扇全新的大门——无需编写复杂代码，就能让Photoshop按照你的意愿自动工作。

Photoshop的自动化能力远比大多数人想象的要强大。除了大家熟知的“动作”录制功能，其背后还隐藏着一个更为灵活和强大的工具——JSX脚本。通过将可视化的动作录制与JSX脚本的精准调用相结合，即使是没有任何编程背景的设计师，也能轻松构建出智能化的批量处理流程。这不仅仅是简单的“录制-播放”，而是可以实现条件判断、选择性执行步骤、甚至根据图像内容动态调整参数的智能自动化。

想象一下这样的场景：每天需要为数十个产品生成不同尺寸的Banner图，或者定期为数百张用户上传的图片添加品牌水印和版权信息。传统的手动操作不仅耗时费力，还容易因疲劳而出错。而通过本文介绍的方法，你可以将这些繁琐的任务交给Photoshop自动完成，将宝贵的时间留给真正的创意设计。接下来，我将带你从零开始，深入探索如何利用JSX脚本与动作管理器，打造属于你自己的高效修图流水线。

1. 理解Photoshop自动化的核心：动作与JSX脚本的协同

在深入技术细节之前，我们首先要厘清两个核心概念：动作（Action） 和 JSX脚本。它们是实现Photoshop自动化的两大利器，各有优势，而将它们结合使用，则能发挥出“1+1>2”的效果。

动作是Photoshop内置的宏录制功能。你可以像录制视频一样，记录下你在Photoshop界面上的每一步操作——点击菜单、选择工具、调整参数等。录制完成后，只需点击播放，Photoshop就会自动重复这些步骤。动作的优势在于上手极其简单，完全可视化，不需要任何代码知识。你可以轻松录制一个“调整图像尺寸-添加水印-保存为Web格式”的流程。

然而，动作也有其局限性。它本质上是一系列固定步骤的线性回放，缺乏逻辑判断能力。例如，你无法让动作“仅当图片宽度大于1000像素时才进行裁剪”，也无法让它“根据不同的产品类别应用不同的滤镜”。动作也无法方便地处理外部变量，比如批量读取文件夹中的文件名，并以此命名输出文件。

这时，JSX脚本就登场了。JSX（ExtendScript）是Adobe为Photoshop、Illustrator等软件定制的一种JavaScript方言。通过编写JSX脚本，你可以直接与Photoshop的底层对象模型（DOM）进行交互，实现几乎任何你能想到的操作。更重要的是，JSX脚本可以调用和操控已录制的动作，这就好比为动作装上了“大脑”和“手脚”。

提示：JSX脚本虽然听起来像编程，但用于调用动作的核心代码其实非常简短。你完全可以从复制粘贴现成的代码片段开始，逐步理解其原理。

两者的关系可以这样理解：

• 动作是可重复执行的标准化操作序列，易于创建和修改。
• JSX脚本是动作的智能调度器与控制中心，负责决定何时、如何执行哪个动作，并处理复杂的逻辑和变量。

将它们结合，你就能构建出这样的工作流：用动作录制具体的图像处理步骤（这些步骤对用户是透明的），然后用JSX脚本编写控制逻辑（例如遍历文件夹、判断条件、选择性执行动作中的某些步骤）。这种分工让非开发者也能享受到编程带来的灵活性。

1.1 动作的录制与管理基础

在开始编写脚本之前，我们需要确保动作面板使用得当。一个结构清晰、命名规范的动作集是高效自动化的基石。

创建与组织动作的要点：

1. 创建动作集：在动作面板（窗口 -> 动作）中，点击底部文件夹图标，创建一个新的动作集（例如“电商批量处理”）。这有助于将相关动作归类管理。
2. 录制新动作：在动作集中，点击“创建新动作”按钮，为其命名（如“生成主图Banner”），并指定一个功能键（如F2）以便快速触发。点击“记录”后，你的所有操作都将被记录，直到按下停止按钮。
3. 插入停止与模态控制：在录制过程中，你可以在动作面板菜单中“插入停止”，以便在播放时暂停，让用户进行手动调整（如输入文本）。对于有对话框的步骤（如“图像大小”），你可以点击步骤左侧的方框，切换“模态控制”开/关。开启后，播放到该步骤时会弹出对话框，允许你输入新参数；关闭则使用录制时的参数。

一个典型的电商图片处理动作可能包含以下步骤：

动作： “电商主图标准化”
1. 图像大小 -> 宽度：800像素，约束比例
2. 画布大小 -> 相对：高度+100像素，画布扩展颜色：白色
3. 选择 -> 全部
4. 编辑 -> 描边 -> 位置：内部，宽度：2像素，颜色：#CCCCCC
5. 文件 -> 导出 -> 存储为Web所用格式 -> JPEG，品质：80%

动作的局限性示例：假设你的产品图有些是横版（宽>高），有些是竖版（高>宽）。你希望横版图按宽度800像素缩放，竖版图按高度800像素缩放。单纯的动作无法实现这种条件判断，因为它会机械地对所有图片执行相同的“图像大小”命令。

1.2 JSX脚本的入口与基本结构

JSX脚本是纯文本文件，以 .jsx 或 .jsxbin 为扩展名。你可以在任何文本编辑器（如记事本、VS Code）中编写，然后通过Photoshop的“文件 -> 脚本 -> 浏览”来运行。

一个最简单的JSX脚本，用于调用一个已存在的动作，看起来是这样的：

// 调用名为“动作 1”，位于“默认动作”集中的动作
app.doAction("动作 1", "默认动作");

是的，就这么简单一行。app.doAction 是Photoshop脚本API中用于运行动作的核心函数。第一个参数是动作名称，第二个参数是动作集名称。

但为了更精细地控制动作，比如只执行动作中的某几个步骤，我们需要使用更强大的 动作管理器（Action Manager）。下面是一个封装好的 play_action 函数，它提供了更灵活的控制选项：

// 功能：灵活播放动作
// set: 动作集名称
// action: 动作名称
// cmd_number (可选): 从第几个命令开始执行（从1开始计数）
// allow_continue (可选): 是否继续执行后续命令
function play_action(set, action, cmd_number, allow_continue) {
  try {
    var d = new ActionDescriptor();
    var r = new ActionReference();
    
    // 如果指定了命令编号，则设置引用
    if (typeof(cmd_number) == "number") {
      r.putIndex( charIDToTypeID( "Cmnd" ), cmd_number );
    }
    
    r.putName( charIDToTypeID( "Actn" ), action );
    r.putName( charIDToTypeID( "ASet" ), set );
    d.putReference( charIDToTypeID( "null" ), r );
    
    // 如果指定了是否继续，则设置该标志
    if (typeof(allow_continue) == "boolean") {
      d.putBoolean( charIDToTypeID( "