1.2.4使用连接器实现自动化

现在,您将开始在Workfront Fusion for Photoshop中使用现成的连接器,并将Firefly Text-2-Image请求和Photoshop请求连接到一个场景中。

1.2.4.1复制并准备您的方案

在左侧菜单中,转到​ 方案 ​并选择您的文件夹--aepUserLdap--。 然后,您应该会看到之前创建的名为--aepUserLdap-- - Adobe I/O Authentication的方案。

WF Fusion

单击箭头打开下拉菜单,然后选择​ 克隆

WF Fusion

将克隆方案的​ Name ​设置为--aepUserLdap-- - Firefly + Photoshop并选择适当的​ 目标团队。 单击​ 添加 ​添加新的webhook。

NOTE
您可能看不到用于选择​ 目标团队 ​的选项。 仅当您是Workfront Fusion中一个以上团队的用户时,才会显示此选项。 如果没有看到此选项,则仅表示您仅被添加到1个团队,因此不需要选择。

WF Fusion

将​ Webhook名称 ​设置为--aepUserLdap-- - Firefly + Photoshop Webhook。 单击​ 保存

WF Fusion

您应该会看到此内容。 单击​ 保存

WF Fusion

您应该会看到此内容。 单击​ Webhook ​模块。

WF Fusion

单击​ 将地址复制到剪贴板,然后单击​ 重新确定数据结构

WF Fusion

打开Postman。 在您之前使用的同一文件夹中添加新请求。

WF Fusion

确保应用以下设置:

  • 请求名称: POST - Send Request to Workfront Fusion Webhook Firefly + Photoshop
  • 请求类型: POST
  • 请求URL:粘贴您从Workfront Fusion场景的webhook复制的URL。

转到​ 正文 ​并将​ 正文类型 ​设置为​ 原始 - JSON。 将以下有效负载粘贴到​ 主体 ​中。

{
    "psdTemplate": "citisignal-fiber.psd",
    "xlsFile": "placeholder",
    "prompt":"misty meadows",
    "cta": "Buy this now!",
    "button": "Click here to buy!"
}

此新有效负载将确保从场景外部提供所有变量信息,而不是在场景中对其进行硬编码。 在企业方案中,组织需要以可重用方式定义方案,这意味着需要提供多个变量作为输入变量,而不是在方案中对其进行硬编码。

然后您应该拥有此项。 单击​ 发送

WF Fusion

Workfront Fusion Webhook仍在等待输入。

WF Fusion

单击​ 发送 ​后,邮件应更改tp 成功确定。 单击​ 确定

WF Fusion

1.2.4.2更新Firefly T2I模块

右键单击模块​ Firefly T2I ​并选择​ 删除模块

WF Fusion

单击​ + ​图标,输入搜索词firefly,然后选择​ Adobe Firefly

WF Fusion

选择​ 生成图像

WF Fusion

拖放​ Adobe Firefly ​模块,使其连接到​ 路由器 ​模块。

WF Fusion

单击​ Adobe Firefly ​模块以将其打开,然后单击​ 添加 ​以创建新连接。

WF Fusion

填写以下字段:

  • 连接名称:使用--aepUserLdap-- - Firefly connection
  • 环境:使用​ 生产
  • 类型:使用​ 个人帐户
  • 客户端ID:从名为--aepUserLdap-- - One Adobe tutorial的Adobe I/O项目中复制​ 客户端ID
  • 客户端密钥:从名为--aepUserLdap-- - One Adobe tutorial的Adobe I/O项目中复制​ 客户端密钥

您可以在此处找到Adobe I/O项目的​ 客户端ID ​和​ 客户端密钥

WF Fusion

填写完所有字段后,单击​ 继续。 然后,将自动验证您的连接。

WF Fusion

接下来,选择传入的​ 自定义webhook ​提供给方案的变量​ prompt

WF Fusion

接下来,将​ 模型版本 提示符 ​设置为​ image4 standard。 单击​ 确定

WF Fusion

在继续操作之前,需要禁用场景中的旧路由,如同本练习一样,您将只使用当前配置的新路由。 为此,请单击​ 路由器 ​模块和​ 迭代器 ​模块之间的​ 扳手 ​图标,然后选择​ 禁用路由

WF Fusion

单击​ 保存 ​以保存更改,然后单击​ 运行一次 ​以测试配置。

WF Fusion

转到Postman,验证请求中的提示,然后单击​ 发送

WF Fusion

单击“发送”后,请返回Workfront Fusion并单击​ Adobe Firefly ​模块上的气泡图标以验证详细信息。

WF Fusion

进入​ OUTPUT - 详细信息 > URL ​以查找由​ Adobe Firefly ​生成的图像的URL。

WF Fusion

现在,您应该会看到一个图像,该图像表示您从Postman请求发送的提示,在本例中为​ 雾状草原

WF Fusion

1.2.4.2更改PSD文件的背景

您现在将更新场景,以使用更多开箱即用连接器使其更智能。 您还将输出从Firefly连接到Photoshop,以便PSD文件的背景图像通过使用Firefly的“生成图像”操作输出动态更改。

您应该会看到此内容。 接下来,将鼠标悬停在​ Adobe Firefly ​模块上,然后单击​ + ​图标。

WF Fusion

在搜索菜单中,输入Photoshop,然后单击​ Adobe Photoshop ​操作。

WF Fusion

选择​ 应用PSD编辑

WF Fusion

您应该会看到此内容。 单击​ 添加 ​以添加与Adobe Photoshop的新连接。

WF Fusion

按如下方式配置连接:

  • 连接类型:选择​ Adobe Photoshop (服务器到服务器)
  • 连接名称:输入--aepUserLdap-- - Adobe IO
  • 客户端ID:粘贴您的客户端ID
  • 客户端密码:粘贴您的客户端密码

单击​ 继续

WF Fusion

要查找您的​ 客户端ID ​和​ 客户端密钥,请转到https://developer.adobe.com/console/home并打开名为--aepUserLdap-- One Adobe tutorial的Adobe I/O项目。 转到​ OAuth服务器到服务器 ​以查找您的客户端ID和客户端密钥。 复制这些值,并将其粘贴到Workfront Fusion的连接设置中。

WF Fusion

单击​ 继续 ​后,在验证您的凭据时,将会短暂显示一个弹出窗口。 完成后,您应该会看到此内容。

WF Fusion

现在,您需要输入希望Fusion使用的PSD文件的文件位置。 对于​ 存储,选择​ Azure,对于​ 文件位置,输入{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/{{1.AZURE_STORAGE_SAS_READ}}。 将光标放在第二个/旁边。 然后,查看可用变量并向下滚动以查找变量​ psdTemplate。 单击变量​ psdTemplate ​以将其选定。

WF Fusion

您应该会看到此内容。

WF Fusion

一直向下滚动直到看到​ 图层。 单击​ 添加项

WF Fusion

您应该会看到此内容。 现在,您需要在Photoshop PSD模板中输入用于文件背景的图层的名称。

WF Fusion

在文件​ citisignal-fibre.psd ​中,您将找到用于背景的图层。 在此示例中,该图层名为​ 2048x2048-background

WF Fusion

在Workfront Fusion对话框中粘贴名称​ 2048x2048-background

WF Fusion

向下滚动,直到看到​ 输入。 现在,您需要定义需要插入到背景图层中的内容。 在这种情况下,您需要选择包含动态生成的图像的​ Adobe Firefly ​模块的输出。

对于​ 存储,请选择​ 外部。 对于​ 文件位置,您需要从​ Adobe Firefly ​模块的输出复制并粘贴变量{{XX.details[].url}},但您需要使用​ Adobe Firefly ​模块的序列号替换变量中的​ XX,本例中为​ 22

WF Fusion

接下来,向下滚动,直到看到​ 编辑。 将​ Edit ​设置为​ Yes ​并将​ Type ​设置为​ Layer。 单击​ 添加

WF Fusion

您应该会看到此内容。 接下来,您需要定义操作的输出。 单击​ 输出 ​下的​ 添加项

WF Fusion

为​ 存储 ​选择​ Azure,将此{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/citisignal-fiber-replacedbg.psd{{1.AZURE_STORAGE_SAS_WRITE}}粘贴到​ 文件位置 ​下,并在​ 类型 ​下选择​ vnd.adobe.photoshop。 单击以启用​ 显示高级设置

WF Fusion

在​ 高级设置 ​下,选择​ ​以覆盖同名文件。
单击​ 添加

WF Fusion

然后您应该拥有此项。 单击​ 确定

WF Fusion

单击​ 保存 ​以保存更改,然后单击​ 运行一次 ​以测试配置。

WF Fusion

转到Postman,验证请求中的提示,然后单击​ 发送

WF Fusion

您应该会看到此内容。 单击​ Adobe Photoshop — 应用PSD编辑 ​模块上的气泡。

WF Fusion

您现在可以看到已成功生成新的PSD文件并将其存储在您的Microsoft Azure存储帐户中。

WF Fusion

1.2.4.3更改PSD文件的文本图层

接下来,将鼠标悬停在​ Adobe Photoshop — 应用PSD编辑 ​模块上,然后单击​ + ​图标。

WF Fusion

选择​ Adobe Photoshop

WF Fusion

选择​ 编辑文本图层

WF Fusion

您应该会看到此内容。 首先,选择您之前已配置的Adobe Photoshop连接,该连接应名为--aepUserLdap-- Adobe IO

您现在需要定义上一步的输出文件​ 输入文件 ​的位置,在​ 图层 ​下,您需要为每个需要更改文本的图层单击“+添加项”。

WF Fusion

对于​ 输入文件,为​ 输入文件存储 ​选择​ Azure,并确保从上一个请求​ Adobe Photoshop — 应用PSD编辑 ​中选择输出,您可以如下定义: {{XX.data[].`_links`.renditions[].href}} (将XX替换为上一个模块Adobe Photoshop — 应用PSD编辑的序列号)。

接下来,单击​ 图层 ​下的​ +添加项 ​以开始添加需要更新的文本图层。

WF Fusion

有2项需要更改,需要更新文件​ citisignal-fibre.psd ​中的CTA文本和按钮文本。

要查找层名称,请打开文件​ citisignal-fibre.psd。 在文件中,您会注意到包含行动号召的层名为​ 2048x2048-cta

WF Fusion

在文件​ citisignal-fibre.psd ​中,您还会注意到包含call to action的层名为​ 2048x2048-button-text

WF Fusion

您首先需要配置需要对层​ 2048x2048-cta ​进行的更改。 在对话框的​ 名称 ​下输入名称​ 2048x2048-cta

WF Fusion

向下滚动直到看到​ 文本 > 内容。 从Webhook有效负载中选择变量​ cta。 单击​ 添加

WF Fusion

您应该会看到此内容。 单击​ 图层 ​下的​ +添加项 ​开始添加需要更新的文本图层。

WF Fusion

在对话框的​ 名称 ​下输入名称​ 2048x2048-button-text

WF Fusion

向下滚动直到看到​ 文本 > 内容。 从Webhook有效负载中选择变量​ 按钮。 单击​ 添加

WF Fusion

您应该会看到此内容。

WF Fusion

向下滚动,直到看到​ 输出。 对于​ 存储,请选择​ Azure。 对于​ 文件位置,请输入以下位置。 请注意,在文件名中添加了变量{{timestamp}},用于确保生成的每个文件都有唯一名称。 此外,将​ Type ​设置为​ vnd.adobe.photoshop

{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/citisignal-fiber-changed-text-{{timestamp}}.psd{{1.AZURE_STORAGE_SAS_WRITE}}

WF Fusion

将​ Type ​设置为​ vnd.adobe.photoshop。 单击​ 确定

WF Fusion

单击​ 保存 ​以保存更改。

WF Fusion

1.2.4.4 Webhook响应

将这些更改应用于Photoshop文件后,您现在需要配置​ Webhook响应,该响应将发送回激活此方案的应用程序。

将鼠标悬停在模块​ Adobe Photoshop — 编辑文本图层 ​上并单击​ + ​图标。

WF Fusion

搜索webhooks并选择​ Webhook

WF Fusion

选择​ Webhook响应

WF Fusion

您应该会看到此内容。 将以下有效负载粘贴到​ 主体 ​中。

{
    "newPsdTemplate": ""
}

WF Fusion

复制并粘贴变量{{XX.data[]._links.renditions[].href}}并用最后​ Adobe Photoshop — 编辑文本图层 ​模块的序列号替换​ XX,在本例中为​ 30

WF Fusion

启用​ 显示高级设置 ​的复选框,然后单击​ 添加项

WF Fusion

在​ ​字段中,输入Content-Type。 在​ ​字段中,输入application/json。 单击​ 添加

WF Fusion

然后您应该拥有此项。 单击​ 确定

WF Fusion

单击​ 自动对齐

WF Fusion

您应该会看到此内容。 单击​ 保存 ​以保存您的更改,然后单击​ 运行一次 ​以测试您的方案。

WF Fusion

返回Postman并单击​ 发送。 此处使用的提示是​ 雾状草根

WF Fusion

随后将激活该方案,一段时间后,将在Postman中显示一个响应,其中包含新创建的PSD文件的URL。

WF Fusion

提醒您:一旦场景在Workfront Fusion中运行,您就可以通过单击每个模块上方的气泡来查看有关每个模块的信息。

WF Fusion

通过使用Azure Storage Explorer,您可以在Azure Storage Explorer中双击新创建的PSD文件来查找并打开该文件。

WF Fusion

然后,您的文件应如下所示,其背景将被​ 雾状草原 ​的背景所取代。

WF Fusion

如果您再次运行场景,然后使用其他提示从Postman发送新请求,您将看到场景变得多么容易且可重复使用。 在此示例中,使用的新提示为​ sunny desert

WF Fusion

几分钟后,使用新背景生成了新的PSD文件。

WF Fusion

后续步骤

转到1.2.5 Frame.io和Workfront Fusion

返回到使用Workfront Fusion的Creative工作流自动化

返回所有模块

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d