关于sketch切图-如何切出背景透明的png切图

关于sketch切图-刚接手sketch的新手宝宝们,在切图是肯定会遇到相关的切图问题 :如何切出背景透明的png切图  我这里总结了一下关于切图的两个小经验,希望能帮助到新手宝宝们

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

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

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

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

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

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

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

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

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

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

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

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

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

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

经验分享,大家加油~

Powered by Froala Editor

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章