在 Vector Studio 中为每个图标创建一个正方形画板，然后使用 Slice Studio 按所需尺寸导出单独的文件。本 Mac 工作流程涵盖如何统一画板尺寸、清晰命名，以及会影响切片导出的文档 DPI 设置。
这些说明依据当前 Affinity 桌面版帮助中心，其界面使用 Vector Studio 和 Slice Studio。此任务是在一个文档中创建一组小型图标，并分别导出每个图标。Affinity 介绍了 Vector Studio 中的画板工具，以及通过 Slice Studio 同时导出多个画板的方法。画板工具、导出画板。
确定哪些差异需要单独的画板
每种不同的图标绘图使用一个画板。在这个示例项目中，在各自的 64 × 64 px 画板上创建三个中性的几何图标：圆形、正方形和菱形。即使可见形状占据的空间较小，每个绘图也会有统一的画布。
如果同一幅绘图只需要导出为多个尺寸，请将它保留在一个画板上，并配置多个导出尺寸。Affinity 支持在每个切片的导出设置中指定多种格式和尺寸。当你想要分别编辑绘图时，单独的画板就很有用，例如制作间距不同的简化小尺寸版本。这是根据导出功能作出的设计选择，并非 Affinity 的要求。切片面板。
| 需求 | 推荐设置 |
|---|---|
| 三个画布尺寸相同的不同图标 | 三个尺寸相同的画板 |
| 同一幅绘图导出为多个尺寸 | 一个画板，并设置多个切片导出尺寸 |
| 小图标需要不同的几何形状 | 为修改后的绘图单独创建一个画板 |
| 导出一个图标文件以供检查 | 在“导出”对话框中选择命名后的画板 |
在这个示例中，规划三个画板，每个画板导出两种 PNG 尺寸：64 × 64 px 和 128 × 128 px。预期结果是六个文件。导出后，你可以检查这个明确的文件数量。
精确创建第一个图标画板
在 Vector Studio 中开始，选择 文件 > 新建。将 文档单位 设为像素，将 页面宽度 和 页面高度 设为 64 px，并在本例中将 DPI 设为 72。若想要未绘制的背景，请启用 透明背景；创建文档前也请启用画板选项。新建文档帮助中将此选项称为 画板；画板专门说明中则称为 创建画板。创建新文档、添加和移除画板。
这里特意将 DPI 设为 72。Affinity 的 Slice Studio 文档显示，一个 64 × 64 px、DPI 为 72 的文档，在 1x 下导出为 64 × 64 px，在 2x 下导出为 128 × 128 px。其他文档 DPI 设置可能改变切片倍率与导出像素尺寸之间的关系。使用 Slice Studio 导出。
如果已有文档，请在 Vector Studio 中选择 画板工具。对于精确的自定义尺寸，文档所述的 Mac 操作方法是在该工具处于活动状态时按住 Command 并点按页面，然后在 创建画板对话框中输入尺寸。该工具的上下文工具栏还提供 W、H、尺寸和插入画板控件。添加和移除画板、画板工具。
如果交付物要求精确的像素尺寸，请不要通过拖动来估算画布大小。拖动是创建画板的受支持方法，但输入数值能明确指定目标尺寸。此外，请直接选择画板工具：当前帮助文档没有为其指定默认键盘快捷键。添加和移除画板、画板工具。
添加匹配的画板并整理内容
为了便于检查，请先创建其他画板，再绘制图标。选择第一个空白画板，然后选择 编辑 > 复制 > 所选内容。将副本移到单独的位置，再重复操作以创建第三个画板。Affinity 还说明，可以使用移动工具或画板工具选中画板后按住 Command 并拖动来复制画板。添加和移除画板。
将画板排列成清晰易读的一行。画板工具的 间距控件用于设置克隆画板的位置，并帮助在移动画板靠近另一个画板时进行吸附判断。将该间距用于工作区布局；图标画布仍应为 64 × 64 px。画板工具。
将画板重命名为 circle、square 和 diamond。双击画板在粘贴板上方的名称，或双击图层面板中的名称。这些简短名称便于之后将各画板与对应的导出条目匹配。添加和移除画板。
在每个画板中绘制对应的形状，并按项目需要留出边距。举例来说，居中放置一个边界框为 40 × 40 px 的形状，在 64 px 的正方形画布每边会留下 12 px：(64 − 40) ÷ 2 = 12。这只是布局示例，不是 Affinity 预设或通用图标规范。
绘制时请检查图层面板：每个图标的对象都应属于指定的画板。Affinity 说明，在画板内创建的对象默认会被裁切在画板范围内。将内容移到其他画板会改变其在图层堆栈中的父级，因此图层层级有助于确认每幅绘图所属的画板。移动画板内容。
导出时，这种归属关系很重要。通过“导出图层”从某个项目创建的切片，只包含其源图层的内容。使用切片工具绘制的切片，则包含其区域内所有可见图层的内容。要确保图标画布统一，请基于完整画板创建切片，并将图稿保留在各自的容器中。使用 Slice Studio 导出。
在 Slice Studio 中配置单独的图标导出
通过 Studio 管理器启用 Slice Studio。Affinity 的画板导出说明指出，画板切片已显示在“切片”面板中。展开每个画板条目以配置其输出。如果面板处于隐藏状态，请打开 窗口 > 常规 > 切片。导出画板、切片面板。
如果某个画板需要切片，请打开 窗口 > 常规 > 导出图层，选择画板，然后点击 创建切片。如果要包含完整画布，请选择整个画板；如果只选图标对象，则该对象会成为切片源。导出图层面板（Slice Studio）。
按以下步骤配置第一个画板切片：
- 在 切片面板中展开其条目，并选择 PNG 文件格式。
- 设置 1x 导出尺寸。
- 使用尺寸条目下方缩进显示的 + 添加 2x 导出尺寸。
- 检查文件名，确保两个尺寸使用不同的输出名称，例如
circle-64和circle-128。 - 对其余画板切片重复上述步骤。Affinity 在切片控件中说明了其他格式、多个尺寸和导出文件名配置。导出切片、导出画板。
对于更大的图标集，请先配置一个切片，然后使用 复制导出设置到剪贴板和从剪贴板替换导出设置，将格式和缩放设置应用到另一个选中的切片。之后检查目标文件名。这样可以减少重复配置，同时保留明确的命名检查步骤。切片面板。
勾选三个目标画板切片对应的复选框。取消不需要的 页面条目；它代表整个页面或所有画板。点击 导出切片 (n)，选择目标文件夹，然后导出。批量按钮会导出面板中已勾选的项目；仅高亮某个条目并不会将其纳入批量导出。切片面板。
检查尺寸和文档所述的导出限制
配置更多图标前，请检查这六个示例输出。确认每个文件都包含一个完整的图标，画布尺寸符合预期，为 64 × 64 px 或 128 × 128 px，并且文件名能区分图案和尺寸。既要检查图案本身，也要检查其周围的留白。
如果尺寸不符，请同时检查文档 DPI 和切片缩放比例。Affinity 公布的示例给出了 64 × 64 px 文档的以下结果：
| 文档 DPI | 1x 输出 | 2x 输出 | 3x 输出 |
|---|---|---|---|
| 72 | 64 × 64 px | 128 × 128 px | 192 × 192 px |
| 144 | 32 × 32 px | 64 × 64 px | 96 × 96 px |
这些数值来自 Affinity 公布的 DPI 表。它们说明了为什么不能假设在任何文档 DPI 下，1x 标签都代表相同的像素尺寸。使用 Slice Studio 导出。
Affinity 还说明了 100w 这类切片绝对尺寸。对于需要指定明确宽度的正方形画板，可以通过绝对宽度导出设置实现；同时请确认导出的高度。若要直接沿用本示例中 1x 和 2x 的尺寸关系，请保留上述 72 DPI 设置。导出画板。
要单独导出一个文件以供检查，请选择 文件 > 导出 > 导出，并在 区域下选择已命名的画板。关于 整个文档，文档说明存在不一致：画板导出页面称输出会拼接在一起，而导出设置页面则称将根据格式导出单独的画板图像或 PDF 页面。对于本文所述的多个独立文件批量导出任务，请使用文档明确说明的 Slice Studio 工作流程。导出画板、导出设置。
如果图稿缺失，请检查其所属画板，以及“导出图层”中的 使项目在导出中可见。该控件与常规可见性设置相互独立。如果稍后重新打开文档，请再次确认目标位置：Affinity 说明，只有在当前编辑会话中才会记住切片导出文件夹。导出图层面板（Slice Studio）、导出切片。
当三个画板的示例成功生成六个名称正确、尺寸符合预期的文件后，请将相同设置扩展到图标集中的其余图标。每种不同的绘图使用一个画板，复用已验证的导出设置，并在使用不同画布尺寸或导出要求时检查输出。
来源
画板工具 — Affinity 帮助中心。
添加和移除画板 — Affinity 帮助中心。
创建新文档 — Affinity 帮助中心。
移动画板内容 — Affinity 帮助中心。
导出画板 — Affinity 帮助中心。
使用 Slice Studio 导出 — Affinity 帮助中心。
切片面板 — Affinity 帮助中心。
导出图层面板（Slice Studio） — Affinity 帮助中心。
导出切片 — Affinity 帮助中心。
导出设置 — Affinity 帮助中心。