本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元素较多,部分制作的方法都是一样。
最终效果
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/86924769704994ae266f52b566eec08d-0.jpg)
1、新建一个600 * 600 像素文件,背景填充白色,新建一个图层,命名为“大圆”,用椭圆选框工具拉一个正圆如图1。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/86924769704994ae266f52b566eec08d-1.jpg)
<图1> 2、选择渐变工具颜色设置如图2,由左上至右下拉出图3所示线性渐变。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/ee9140a9c07e7cb6825877e823a22199-2.jpg)
<图2>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/ee9140a9c07e7cb6825877e823a22199-3.jpg)
<图3>
3、新建一个图层,命名为“大圆2”,用椭圆选框工具画一个比大圆稍小的正圆,然后拉上图4所示的线性渐变,效果如图5。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/e4242b6e357cbd3444d0ddb9c7dfd8dc-4.jpg)
<图4>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/e4242b6e357cbd3444d0ddb9c7dfd8dc-5.jpg)
<图5> 4、按Ctrl 点图层面板“大圆”缩略图调出“大圆”选区,新建一个图层,填充颜色:#BBD466,效果如图6,填充后不要取消选区,选择菜单:选择 > 修改 > 收缩,数值为12,确定后再按Deleter 删除,取消选区后效果如图7。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/e4242b6e357cbd3444d0ddb9c7dfd8dc-6.jpg)
<图6>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b14dd7d201fbcd0104f5c427c6f44642-7.jpg)
<图7>
5、加上图层蒙版,只保留左上角一部分,其它地方有黑色画笔擦掉,效果如图8。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b14dd7d201fbcd0104f5c427c6f44642-8.jpg)
<图8> 6、在“大圆2”下面新建一个图层,选择椭圆选框工具拉出图9所示的正圆,按Ctrl + Alt + D 羽化3个像素,然后填充白色,取消选区后效果如图10。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b14dd7d201fbcd0104f5c427c6f44642-9.jpg)
<图9>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b8d39752a876f04e8ea3ed469706a7b4-10.jpg)
<图10>
7、选择白色画笔点一点高光,效果如图11。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/02970e5da1c83c5a0ab9fc474f4ee3b3-11.jpg)
<图11>
8、在图层的最上面新建一个图层,用椭圆选框工具在右下角拉一个正圆,按Ctrl + Alt + D 羽化25个像素,然后填充颜色:#A8CA00,效果如图12。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/f02c1f9cee82302ce0b9127805c4a402-12.jpg)
<图12> #p# 9、调出“大圆2”选区,如图13,然后添加图层蒙版,效果如图14。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/33ef862b43406083cbc58bc82239cd84-13.jpg)
<图13>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/33ef862b43406083cbc58bc82239cd84-14.jpg)
<图14>
10、新建一个图层,用椭圆选框工具拉一个正圆,选择渐变工具颜色设置如图15,拉出图16所示的线性渐变。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/dbc9c8098749029581f5681e38587c68-15.jpg)
<图15>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/dbc9c8098749029581f5681e38587c68-16.jpg)
<图16> 11、新建一个图层,画出时针和数字,方法跟之前的一样,效果如图17。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b41e20ec5c12ab2c1f36e26c861a2f10-17.jpg)
<图17>
12、新建一个图层,用椭圆选框拉出一个正圆,选择渐变工具颜色设置为白色到透明渐变,然后由正圆中心拉出图19所示的径向渐变。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b41e20ec5c12ab2c1f36e26c861a2f10-18.jpg)
<图18>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b41e20ec5c12ab2c1f36e26c861a2f10-19.jpg)
<图19>
13、取消选区后,用钢笔工具勾出一点弧度,删除不需要的部分,效果如图20。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b9d639c78099e3ef8aeffdfe754e73bc-20.jpg)
<图20> 14、新建一个图层,用钢笔工具勾出高光部分,填充白色,如图21。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b9d639c78099e3ef8aeffdfe754e73bc-21.jpg)
<图21>
15、画出叮当部分,如图22,23。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/b9d639c78099e3ef8aeffdfe754e73bc-22.jpg)
<图22>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/7911042771568842ce625594ec68d8b2-23.jpg)
<图23> 16、新建一个图层,用钢笔勾出图24所示路径,转为选区后填充深灰色,取消选区后用减淡工具涂出高光部分,效果如图25。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/ed6d3804136d30d97824f61f1ecdb8d7-24.jpg)
<图24>
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/ed6d3804136d30d97824f61f1ecdb8d7-25.jpg)
<图25>
17、最后加上阴影,修饰好细节,完成最终效果。
![Photoshop 可爱的闹钟图标](http://m.sbmmt.com/img/upload/article/000/000/009/86924769704994ae266f52b566eec08d-0.jpg)
<图26>