如何使用网格分割图像并在 Photoshop 或 Illustrator 中的单个文件中自动导出网格的每一帧?

平面设计 adobe-photoshop 出口 脚本
2022-02-13 23:56:03

目标是在一个包含 30 个单个文件的新文件夹中自动导出 5*6 网格的每一帧。

在此处输入图像描述

3个回答

选择切片工具(在裁剪类别下),使用切片工具选择整个图像。

右键单击您的选择并选择“分割切片”,输入您选择的水平和垂直尺寸。

现在选择“Save for Web”,选择所有切片并选择格式和压缩。单击保存并确保它在“切片”下显示“所有切片”。

您可以将所有这些记录在一个动作中以重新使用它。

编辑:忘了提到这是针对 Photoshop 的。

我之前回答过一个类似的问题,用 Photoshop 中的脚本来完成:

关于批量导出图像部分的建议

您只需要调整脚本开头的值:

var cellWidth         = 240; // The width, in px, of your image cell
var cellHeight        = 240; // The height, in px, of your image cell
var xOffset           = 240; // The space, in px, between each cell in a row
var yOffset           = 240; // The space, in px, between each row. Set to 0 for traditional checker board effect

......变成这样:

var cellWidth         = 500; // This is a guess. It will be image width in pixels, divided by 5
var cellHeight        = 500; // This is a guess. It will be image width in pixels, divided by 6
var xOffset           = 0; // The space, in px, between each cell in a row
var yOffset           = 0; // The space, in px, between each row. Set to 0 for traditional checker board effect

我不知道如何在 Photoshop 或 Illustrator 中实现这一点,但 InDesign 可以解决您的问题。

创建具有自定义大小(其中一个单元格的大小)的文档,并取消选中对话框顶部的“对开页”功能。

创建文档后,打开“页面”面板,然后从弹出菜单中取消选中“允许文档页面随机播放”。

完成后,选择页面(在同一个页面面板中)并将其稍微向右拖动,直到出现括号形状(就像这样“]”)

然后,选择页面工具(默认为 Shift+P)并单击第二页。然后,您将看到页面的坐标出现在屏幕的左上角(x、y 和锚点)。选择任何一个锚点并将第二页向右偏移您希望它们之间的间隙(所以假设一个 3 英寸的单元格和四分之一英寸的间隙意味着您必须输入 +.25 到已经存在的值x 坐标)。

然后右键单击“页面”面板中的第二个页面并选择“插入页面...”,将出现一个对话框。在第 2 页之后插入 1 页。

调整第三个单元格的坐标并在接下来的两页中重复此过程(以获得五个单元格)

完成后,在“页面”面板中选择所有页面,然后将它们拖放到“页面”面板右下角垃圾桶旁边的“创建新页面”小图标上。这会将页面(单元格)推送到不同的部分(如下)。

选择那些新创建的页面并将它们拖回原来的五个页面(单元格)的顶部。将被推到右侧并保留间隙宽度。

使用页面工具,选择这些页面并通过给它们新的坐标将它们移动到下方和左侧(就像创建第一行单元格/页面时一样)

重复直到达到 5x6 网格。

然后创建一个恰好位于这些框架上方的框架(F 键盘快捷键)。

通过首先选择它(框架)并按 Cmd 或 Ctrl D 将您的图像放置在框架中。确保事物看起来像您想要的那样。否则,右键单击图像并使用菜单“拟合”部分中的选项(如果您需要帮助,请发表评论)

然后您可以按 Cmd 或 Ctrl E,选择您的目标文件夹或创建一个,从下拉菜单中选择 JPG 格式,并在“另存为”对话框中输入通用名称(img 01 将生成 img01.jpg / img02 .jpg /img03.jpg 等)