Sketch 入门:文件导出
当前位置:贝知网>知识分享>设计开发>Sketch 入门:文件导出
Sketch 入门:文件导出
时间:2022-04-11 设计开发

Sketch 入门:文件导出

导出格式

位图格式:JPG、PNG、TIFF、WEBP

矢量格式:PDF、EPS、SVG

默认不支持的文件导出格式:PSD、GIF、BMP、…...

为什么说“默认不支持”呢?这是因为 Sketch 可以说构建了一个基于自己平台的“系统”,很多公司或个人开发者给 Sketch 做了很多插件(plugins),利用一些插件,Sketch 可以导出原本不支持的部分格式。关于 Sketch 插件,就不在这里说了,后面用单独的篇幅介绍。

导出方式

批量导出

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

导出选中项

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

  • 在图层列表中选中画板名称那一层

  • 点击画布左上角小字选中

  • 框选某个画板内所有图层

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

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

制作导出项

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

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

切片导出

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

切片导出

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

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