sketch切透明png切图及其导出切图

关于sketch切图 ，我这里不墨迹很多文字啦，直接进入正题讲怎么切图啦～～（哼哼，谁还不是个宝宝呢，我也是这么一步一步的学习过来的）

sketch，在切图方面，是有自带工具的——在自定义工具栏中：右击-自定义工具栏 即可找到切片工具。一般我都用快捷键啦：“S”。

切透明png我常用有两种方法：

1、利用切片工具，进行切图。

首先选中要切图的元素，可以看到元素栏我们还没有把图片进行切图 没有切图标记的呢

选中之后，我们点击快捷键“S” ，开始切图～～我们把切片的标记小刀在切图出做标记，这样切图就完成第一步骤啦～～

这样子还没有完全切好图哦，这样子切出的图片可以从右边属性栏里看到切出的图是带底色的，此时切图还缺少精华的一个步骤：

此时切出的图是带底色的图片，需要在属性栏里进行一个操作：将export groups contents only选项勾选上：此时我们会发现属性栏里的切图已经变成透明png啦～～

2、利用属性栏里的导出，进行切图。

同样选中要切图的元素，点击制作导出项，点击“+”号 选择我们需要输出的切片倍数，即可，这个根据自己的需求来设置啦～～

3、切图导出：上传蓝湖。

  我没打广告哈，我平时作图和前端交接都是用的蓝湖，确实很方便。切完图，将设计稿上传到蓝湖里面，可以上传全部画板，也可以传选中的部分画板，这样，我们切好的切图就传到蓝湖上了，前端直接下载切图就可以直接用啦～～

ps 和sketch切图和导出差不多的呢，具体的就不详细说啦～～

经验分享，大家加油～

Powered by Froala Editor