导出角色 使用导出角色导出

导出角色是专门用于以导出切片形式将画板、图层、组和对象同时导出为不同文件格式和图像大小的工作空间。还可以导出自定义的绘制切片。

如何工作

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

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

使用图层面板

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

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

使用导出选项面板

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

使用切片面板

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

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

例如,PNG hero image(大型横幅图像)可以放在 assets 文件夹中的 img 文件夹中,使用下列语法:assets/img/hero

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

导出的切片尺寸和 DPI

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

64x64 文档的 DPI 设置 导出尺寸(以像素为单位);导出的 DPI
1x2x3x
7264x64;72128x128;144192x192;216
9664x64;96128x128;192192x192;288
14432x32;7264x64;14496x96;216
19232x32;9664x64;19296x96;288
21621x21;7242x42;14464x64;216
28821x21;9642x42;19264x64;288

使用切片工具

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

要设置默认导出选项:
  1. 导出选项面板上,选择默认值选项卡。
  2. 视情况调整设置。
  3. 完成后跳回选取项选项卡。

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

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

另请参阅: