sketch/mask制作透明渐变-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

sketch/mask制作透明渐变

0.0°

2015-12-26 原创文章 教程 原作者： 原作者 举报 29552 25 56 2

FindviewById 关注

介绍一下ps里面常用的透明萌版在sketch里面要如何实现，以及透明渐变在sketch里面如何实现。
ps里透明渐变依赖的是黑白灰对alpha蒙板的通透性，而sketch里面则只要直接调mask涂层的透明度即可

1.先随便放上一张图片，并且画一个形状最为mask涂层

2.同时选中两个图层点击sketch最上方中间的mask,这里注意要将要作为mask图层的形状放到被选中图层的下方，之后形状之外的就不再显示了

3.之后选中灰色的形状涂层点击电脑的工具栏，选择Layer,选中图中的Alpha Mask,之后就可以调透明渐变了

4.选中灰色图层，选择颜色，填充渐变，可以看到形状涂层和图片就都消失了，之后找到你的形状（或者从左侧工具栏选择形状图层）修改填充渐变点点透明度，图片就又显示了，并且达到了我们想要透明渐变的效果

更新：2015-12-26

下载

25人已收藏

FindviewById

14

作品
18

粉丝
2

关注

猜你喜欢

2015-12-26 原创文章 教程 原作者： 原作者 举报 29552 25 56 2

sketch/mask制作透明渐变

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2015年11月08日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得