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

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

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

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

添加一个外描边。

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

添加一个内阴影。

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

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

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

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

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

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

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