使用导出角色导出

如何工作

导出角色结合使用面板和工具来创建切片。切片是您从文档中选择输出的导出区域。

在导出角色中结合使用图层面板、导出选项面板和切片面板。切片工具是导出角色中特有的工具，用于创建自定义切片。

图层面板不同于 Designer 角色中的“图层”面板。它专门用作前导来选择画板、图层、组或对象，然后由选定项目创建切片并添加到切片面板中。

如果将某个图层面板项目导出为切片，则该切片将自动调整为被视为所选项目范围以内的大小。切片右上角的圆形符号表示已自动调整大小。如果选择调整切片大小，该符号将变为方形，表示该切片已经过修改。从图层面板项目创建的调整过大小的切片可随时重置为“自动大小”。

使用导出选项面板可设置默认导出设置，或为当前选择的项目（创建切片之前）设置导出设置。

切片面板存储所有切片（来自图层面板或切片工具），供直接从此面板中导出。每个创建的切片在创建时都具有关联的初始导出格式（例如 PNG、JPEG 或 SVG），可以根据需要为每个切片添加额外的导出格式；每个导出格式让您以不同的大小缩放或绝对大小导出。

您可以使用切片面板中的文件名来指定（或创建）在其中放置导出文件的文件夹层次结构。通过使用正斜杠、斜线、字符来实现文件夹层次结构。

例如，PNG hero image（大型横幅图像）可以放在 assets 文件夹中的 img 文件夹中，使用下列语法：assets/img/hero

如果文件夹结构的任何部分不存在，将在使用导出切片 (n)导出相应切片时创建文件夹层次结构。

通过导出角色导出切片时，切片导出大小（1x、2x、3x 等）与文档的 DPI 相关联。下表显示了 DPI 和导出大小如何影响导出尺寸，以 64x64 px 文档为例。

利用切片工具，可以完全自由地在文档的任何部分创建任何大小的导出区域。

要设置默认导出选项：

当您创建下一个切片时将应用这些设置。

要将文档的某个区域导出为图像：

执行以下操作之一：
- 在图层面板上，选择画笔、图层、组或对象，并单击创建切片。
- 选中切片工具后，在页面上拖动鼠标以定义导出区域。
执行以下操作之一：
- 在导出选项面板中，视情况调整导出设置。
- 跳转至切片面板，展开切片项并修改导出格式或从弹出式菜单中选择导出预设（仅 PNG、JPEG 和 Apple 图标设计预设）。
（可选）在切片面板上，单击导出格式项下面的 + 图标，可添加额外的图形导出格式。
（可选）在切片面板上，单击导出大小项下面的 + 图标，可向导出格式添加分辨率提高水平（2x、3x 等）。
要控制导出的内容，请执行以下操作之一：
- 选择单击以导出此项目的所有格式。
- 选择单击以导出此大小。此选项可导出特定大小的特定导出格式切片。
- 单击导出切片 (n)，导出切片面板中的所有选中切片的所有格式和大小。
导航至导出图像的存储文件夹并将其选中，然后单击导出。
（可选）在切片面板中，如果想要在文档发生后续更改时自动重新导出导出区域，则选择连续。仅当在上面选择了导出切片 (n) 时，此选项才可用。

要重置从图层创建的手动调整大小导出区域的尺寸：