使用Sketch制作层叠风格图标

sketch图标教程.jpg


制作层叠效果


1.新建一个800*800的画板,绘制一个圆角矩形

sketch图标教程06.png

2.将矩形旋转45°并使用变换效果拖动上下两个手柄制作透视图形。

sketch变换.png

sketch图标教程03.png

3.调整一下渐变的方向。

渐变颜色:025BB7-00C7FF

sketch图标教程02.png

4.复制一份图形,并添加一个更深的渐变:025CBA-0F81D4

sketch图标教程011.png

5.选中图形,并添加两个锚点

sketch图标教程013.png

6.选中图上的两个锚点,将锚点类型改为尖角

sketch图标教程01.png

sketch图标教程09.png

7.将两个图形重叠,并复制底部的图形叠加成下图的形状

渐变色3:0077D3-00A7F7

渐变色4:00A6F1-00D3FB

sketch图标教程012.png

底座制作完成。


制作剩余图形


1.绘制一个圆,添加渐变色:FFB41E-EDE625

sketch图标教程04.png

2.再绘制一个云的形状图形

sketch图标教程07.png

3.添加白色渐变色和背景模糊效果,得到如下效果

sketch图标教程010.png

sketch图标教程08.png


4.将两个图形分别执行旋转45°和透视变换效果

sketch图标教程05.png

以上效果完成。


源文件地址:

链接: https://pan.baidu.com/s/1XPQAyOPVcyf64KYfpcqrhg 提取码: ftjh

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作