优艾设计网

皮包图标,设计一个皮包主题的UI图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
教程十分详细,从皮包纹理到各个细节都详细讲解了一次,还有PSD文件可参考,有兴趣的一起练习一下。

在【横扣】右边画一个圆,添加图层样式

皮包图标,设计一个皮包主题的UI图标教程

皮包图标,设计一个皮包主题的UI图标教程

皮包图标,设计一个皮包主题的UI图标教程

皮包图标,设计一个皮包主题的UI图标教程

复制一个【圆扣】到左边。再复制一个【横扣】图层到下面,调节形状,做成以下效果。

皮包图标,设计一个皮包主题的UI图标教程

用布尔运算画出金属扣的形状,再将【圆扣】的图层样式拷贝过来,适当调节

皮包图标,设计一个皮包主题的UI图标教程

关于这个金属扣,我自己是画了一个圆,然后将下面的锚点拖上去,并调节锚点的手柄,得到了这个形状。

做出金属扣之后,用图层蒙版隐藏掉下面的那条边,然后用之前做高光的办法,给金属扣被皮带盖住的部分加点阴影

皮包图标,设计一个皮包主题的UI图标教程

画一个瘦长的矩形,将【金属扣】的图层样式拷贝过来。

皮包图标,设计一个皮包主题的UI图标教程

给这个图层添加一个蒙版,在蒙版上拉一个黑白渐变。

皮包图标,设计一个皮包主题的UI图标教程

然后皮包就大功告成了~

皮包图标,设计一个皮包主题的UI图标教程

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消