若要保留每个图层在画布上的位置,请单独导出该图层,并将整个文档或画板设为导出区域。所有文件都使用相同的区域和输出尺寸,这样周围的透明空间就能保留对齐关系。

本指南介绍 Mac 上当前版本的 Affinity 桌面应用,以及如何生成重新叠放时能彼此对齐的独立文件。Affinity 当前的帮助文档将专用导出工作区称为 切片工作室(Slice Studio)。文档中说明的区别很重要:从图层创建的切片会导出其源图层,而绘制的切片会导出其矩形范围内所有可见图层。使用切片工作室导出

为什么分别导出的图层可能无法保持画布对齐

Affinity 会自动将从图层、组或对象创建的切片调整为与该项目的范围相同。这适合导出紧凑的素材,但导出的区域不一定包含原始画布边距。绘制的切片遵循另一种规则:其矩形定义导出区域,并会包含该区域内其他图层的可见内容。使用切片工作室导出

实际操作中,选择内容和确定导出边界是两个独立的决定。选择正确的图层决定了要交付什么内容。保留文档或画板边界,则决定了这些内容所在的坐标框架。

举例来说,假设一个 1000 × 1000 像素的文档中有一个蓝色方块,其左上角坐标为 x = 120、y = 240。导出整个画布会保留方块周围的边距。紧贴内容范围导出则会去掉这些空白。如果随后将两个文件都放在相同的左上角原点,它们的可见方块就会出现在不同的位置。

让所有导出文件尺寸相同,只满足了一半要求。每个文件还必须采用相同的导出原点和缩放比例。将裁切后的导出文件放大到 1000 × 1000 像素会改变其缩放比例,并不能恢复丢失的边距。

使用整个画布逐一导出可见图层

对于单页文档,最直接且受支持的方法是结合常规图层可见性设置和 整个文档 导出。Affinity 文档说明,隐藏的图层不会导出;其“导出”对话框提供文档、页面、选区和命名画板等区域选项。以下步骤结合了这些有文档说明的控件。图层面板、导出对话框

准备文档和透明背景

更改可见性之前,先保存工作文档。记下所需的宽度和高度,并确定哪些图层或组分别构成各个交付内容。例如,一个包含圆形及其配套中性文字的组,可以作为一个输出文件,而不是拆成两个。

在 Mac 上,打开 文档 > 设置 > 文档设置。若要使用透明页面,请启用 透明背景。使用设置对话框查看文档尺寸,但不要更改尺寸。可用的设置取决于文档是否包含页面或画板。文档设置(仅限桌面版)

设置透明页面并不会移除你绘制在图稿后面的实色矩形。准备每次导出时,请将该背景对象隐藏。PNG 和 SVG 支持透明背景;如果需要让独立输出相互叠放,且不让不透明页面遮挡下方图稿,这两种格式都很合适。从屏幕到纸张:如何交付用于数字媒体和印刷的徽标

显示第一个交付内容并隐藏无关内容

如果看不到图层面板,请打开 窗口 > 常规 > 图层。使用 切换可见性,仅显示目标输出,并隐藏无关图层。Affinity 还说明,可以在图层上按住 Control 键单击,在上下文菜单中选择 隐藏其他图层。导出前检查画布上的结果。图层面板

将重现目标外观所需的内容放在一起。如果交付内容由一个包含嵌套内容的组组成,就将该组作为输出单位。只包含某个组件的文件无法重现你有意排除的其他组件所带来的视觉效果。

导出文档边界,然后重复操作

  1. 选择 文件 > 导出 > 导出。
  2. 选择合适的 PNG 预设。
  3. 单页画布的 区域 设为 整个文档。如果要导出特定画板,请选择该画板的名称。
  4. 检查预览,确认输出尺寸与目标画布尺寸相符。
  5. 选择 询问保存位置,点击 导出,然后为文件命名并保存。
  6. 返回图层面板,隐藏已完成的交付内容并显示下一个。使用相同的区域和尺寸重复操作。

菜单路径、区域选项和保存步骤均来自 Affinity 的导出对话框文档。宽度和高度默认使用图像的原始尺寸,但可以更改,因此请检查这些数值,不要假定之前使用的预设尺寸合适。导出设置

对于包含多个画板的文档,明确选择目标画板可避免歧义。文档说明,选择 整个文档 可以为文档中的各个画板分别生成图像文件;这并不表示“只导出所选图层所在的画板”。导出设置

切片工作室能批量导出保留整个画布的图层吗?

切片工作室可以导出多个由图层创建的切片,也支持多种格式和尺寸。不过,文档并未说明有单个命令可以为每个图层创建独立且保留整个画布范围的导出文件。自动创建的图层切片从源项目的范围开始。请将批量选择和保留画布边距视为两个独立要求。使用切片工作室导出

导出方式 文档所述的内容边界 对此任务的意义
从图层创建的切片 仅包含源图层;初始大小为该项目的范围 仅靠自动创建无法保留整个画布的边距。
使用切片工具绘制的切片 包含矩形范围内的所有可见图层 若要使用整个画布的矩形范围,需调整可见性以隔离每项交付内容。
隐藏无关图层后导出整个文档 文档导出区域和可见内容 可直接重复操作,生成彼此对齐的独立文件。

以上切片的区别见使用切片工作室导出;常规隐藏图层的行为见图层面板。

需要可重复使用的导出区域时,使用固定的绘制切片

如果多个输出都使用较大构图中的同一个特定矩形区域,绘制切片会很有用。Affinity 文档说明,可以在切片工作室中使用 变换 面板,精确调整用切片工具创建的切片的大小和位置。定义一个通用矩形,然后在每次导出时更改常规图层可见性,以隔离各个输出。导出切片

要分别导出并手动命名多个输出,请关闭 连续,并在每次更改可见性后主动导出。文档内容或切片设置发生变化时,连续导出会重新导出已勾选的切片;如果你想将连续几种可见性状态分别保留为独立交付内容,这种方式就不合适。导出切片

Affinity 还说明,可以调整从图层创建的切片,并使用 恢复为自动调整大小 将其还原。此操作会将切片恢复到原始尺寸;它不是用于对齐整个画布的命令。不要假定存在名为“保留画布位置”或“以画布尺寸导出所有图层”的控件。切片工具

PNG 和 SVG 哪些设置很重要?

对于 PNG,请保留完整导出区域、透明度和目标像素尺寸。不要在不同图层之间更改宽度或高度。如果有意缩放所有输出,请对每个文件应用相同的缩放比例,以确保它们的坐标框架兼容。Affinity 文档介绍了栅格导出的宽度、高度和纵横比控件。导出设置

使用切片时还要额外检查缩放比例。Affinity 文档所述的文档 DPI 与切片倍数之间的关系意味着,1x 并不总是等于文档的像素尺寸。其示例显示,一个 144 DPI、64 × 64 像素的文档在 1x 下会导出为 32 × 32 像素,在 2x 下则导出为 64 × 64 像素。使用切片时,请检查实际输出尺寸。使用切片工作室导出

对于 SVG,使用相同的可见性和完整区域操作流程。Affinity 文档说明,启用视图框数据后,SVG 视图框会与导出区域匹配。因此,如果一开始选择的是紧贴内容范围的选区,启用视图框输出也无法恢复文档边距。必须将整个文档或命名画板设为导出边界。导出设置

SVG 的外观还有一个独立限制:某些设计属性需要栅格化。Affinity 的 栅格化 设置可以栅格化不受支持的属性;选择 无 则会省略格式不支持的元素。因此,保留画布位置并不能保证每个导出元素仍是可编辑的矢量图稿。导出设置

导出剩余图层前检查对齐情况

在对整个文档重复操作之前,先用两个简单的输出文件验证流程。以下是建议的诊断方法,使用的是合成图稿,并非声称已进行过测试。

  1. 在源文档中使用两个位置明显不同的中性形状。
  2. 使用相同的整个画布边界和输出尺寸,分别导出每个形状。
  3. 打开每个导出文件并确认其整体尺寸。
  4. 将两个文件都放到尺寸匹配的目标画布中,置于相同的左上角原点和尺寸,不要裁掉透明边距。
  5. 将它们的相对位置与源构图进行比较。

如果文件尺寸不同,请先检查导出区域和尺寸设置。如果尺寸一致但图稿位置发生偏移,请检查其中一个输出是否采用了不同的切片原点,或者接收应用是否裁切或居中了内容。如果出现多余图稿,请检查可见性设置,并确认是否使用了绘制切片,因为绘制切片会包含重叠的可见图层。

两个文件的检查通过后,对其余交付内容重复相同的边界、尺寸和可见性设置流程。导出和放置时都保留周围的空白区域:正是这块共享画布,让分别导出的图层能够还原原始布局。

来源