优艾设计网

图标设计,做计时器图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S微博
今天教大家模仿一个计时器图标,作者提供了PSD供大家参考,喜欢的可以下载配合教程一起学习。

下面,我们开始制作图标的整体,用圆角矩形工具,画一个圆角矩形。

图标设计,做计时器图标教程

为这个框添加一个渐变叠加。

图标设计,做计时器图标教程

添加一个外描边。

图标设计,做计时器图标教程

添加一个内阴影。

图标设计,做计时器图标教程

现在,我们得到如下效果:

图标设计,做计时器图标教程

选择框图层,复制一层在下层,调整圆角矩形大小,宽度缩小4像素,高度不变,向下移动4像素。

图标设计,做计时器图标教程

选择框拷贝图层,再次复制一层在下层,同样的宽度还是缩小4像素,高度不变,向下移动4像素。

图标设计,做计时器图标教程

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

精彩评论

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