8ea1521769e830e482ec113d12d4fbd7
Sketch 入门04:文件导出(含冷知识)

前言

上一篇介绍 Sketch 导入操作,今天介绍姊妹篇——导出。Sketch 的导出和其他设计软件(AI、PS等)有一些区别,初学者可能有一些疑惑,但其实 Sketch 在功能上做了很多优化,而且导出非常方便。下面还是从导出格式说起。

导出格式

  • 位图格式:JPG、PNG、TIFF、WEBP
  • 矢量格式:PDF、EPS、SVG
  • 默认不支持的文件导出格式:PSD、GIF、BMP、…...
    为什么说“默认不支持”呢?这是因为 Sketch 可以说构建了一个基于自己平台的“系统”,很多公司或个人开发者给 Sketch 做了很多插件(plugins),利用一些插件,Sketch 可以导出原本不支持的部分格式。关于 Sketch 插件,就不在这里说了,后面用单独的篇幅介绍。

导出方式

批量导出

批量导出指快速、大量导出画板,通过菜单栏“文件-导出...”(“File-Export…”),或者快捷键“shift+command+E”批量选中要导出的内容,可以导出全部画板,也可以部分导出。

批量导出动图

批量导出动图

导出选中项

步骤一:选中需要导出的画板,有三种方式

  1. 在图层列表中选中画板名称那一层
  2. 点击画布左上角小字选中
  3. 框选某个画板内所有图层

选中画板的三种方法

选中画板的三种方法

步骤二:通过菜单栏“文件-导出当前选中项…”(“File-Export Current Selection…”),或者快捷键“command+E”导出。

导出选中项动图

导出选中项动图

用这种方式选中多个画板或图层并导出,也可以达到批量导出的效果。

制作导出项

选中一个或多个图层,点击属性面板内的“制作导出项”(“Make Exportable”),设置好导出倍率、导出格式之后,再点击右下角“已选中导出项…”(“Export Selected...”)按钮,最后选择存储位置。
制作导出项导出动图

制作导出项导出动图

这个方式能够导出画板、图层、图层组合,因此导出 icon、图像、页面等都适用。

切片导出

“切片”(Slice)的灵活性更高,它可以用来导出画布中任意区域,也可以切出任意大小的矩形区域,关键是可以创建无数个切片,每个切片都是一个独立的图层,可以分别导出不同的文件,即使切片区域有所重合。

切片导出步骤一:工具栏中点击“切片”(“Slice”,如果没有的话,“右键-自定义工具栏”从工具库中拖出来),或者快捷键“S”。
自定义工具栏调出“切片”和“显示切片”

自定义工具栏调出“切片”和“显示切片”

步骤二:此时,光标移到画布上的时候是一个小十字,移到画板上是一把小刀。轻点某个图层,给该图层自动形成切片图层;框选一个区域,该区域成为切片图层。可以给切片图层命好名。

轻点图层设置切片

轻点图层设置切片

top Created with Sketch.