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

1 2021-07-14 13:59 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 551 人学习了本教程

《sketch如何切出背景透明的png切图》是一篇关于Sketch的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Sketch技巧;你可以通过此加强操作实例,透明,背景等多维度案例或实操来进行更多的学习;此教程是由gdyw在2021-07-14发布的,目前为止更获得了 1 个赞;如果你觉得这个能帮助到你,能提升你Sketch技巧;请给他一个赞吧。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是sketch如何切出背景透明的png切图的全部内容介绍了,关于更多Sketch教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。

1

赠人玫瑰,手有余香

本内容由gdyw原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

gdyw

说话有梗,热爱生活,脑洞如黑洞的有趣设计师

共发布了242个文章 共获得11个赞

最新发布的教程

查看更多此作者的教程

文章中所使用的软件

您可能会帮助到他

查看更多
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员