优艾设计网

UI教程,设计不锈钢质感的ICON图标

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
教程介绍了如何使用PhotoShop制作一个逼真的方形不锈钢按钮的过程,主要使用的是图层样式和形状,在配合路径完成最终效果,教程步骤很多,练习需要点耐心,有兴趣的朋友可以跟着学一下,做完记得交作业。

OK,完成了LOGO的添加,我们最后来添加左右两侧的那两个线状的东西。设置前景色为#1f1f1f,画一个矩形。

UI教程,设计不锈钢质感的ICON图标

为这个矩形添加一个图层样式。

UI教程,设计不锈钢质感的ICON图标

复制一层矩形图层,清除掉图层模式,重新添加一个图层样式。

UI教程,设计不锈钢质感的ICON图标

UI教程,设计不锈钢质感的ICON图标

现在效果如下,右边的线直接把左边的复制过去就行了。

UI教程,设计不锈钢质感的ICON图标

大功告成!

UI教程,设计不锈钢质感的ICON图标

部分作业展示:

UI教程,设计不锈钢质感的ICON图标

UI教程,设计不锈钢质感的ICON图标

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

精彩评论

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