制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果![](http://img.tulaoshi.com/image/20160201/cead1a3e5b641d4a9673a6150811f715.jpg)
1、新建一个600*600画布。![](http://img.tulaoshi.com/image/20160201/5169a18e08f48295d5d2f4f809f28cb6.jpg)
2、来个白到灰的径向渐变。![](http://img.tulaoshi.com/image/20160201/6427f35e5f77ed69c67ab6c775e81b8f.jpg)
3、椭圆工具画个300*300的圆。![](http://img.tulaoshi.com/image/20160201/1e1763490cd1016739cf0d2b1ddae036.jpg)
4、直接选择工具选中这两个点。![](http://img.tulaoshi.com/image/20160201/ed440e680552d7f68739d4420b65117d.jpg)
5、右键,自由变换点,在箭头标注的W位置输入80。![](http://img.tulaoshi.com/image/20160201/59955a019392d7afab82b7a53c1f3a07.jpg)
![](http://img.tulaoshi.com/image/20160201/83be4acaab4a4d128761571e29a40d8b.jpg)
6、重复上一步骤,选中上面两个点,在H位置输入80。![](http://img.tulaoshi.com/image/20160201/a7ce932148b07b7ea83a7fc1fcdf816d.jpg)
7、居中下,调整下大小自己感觉合适即可。![](http://img.tulaoshi.com/image/20160201/f73d37810b1e6f00b68be5e67c98b6bd.jpg)
8、给调整好的圆角矩形添加图层样式,投影,渐变叠加,内阴影,斜面浮雕。![](http://img.tulaoshi.com/image/20160201/4463fe6d25c7af9a1c6515fb290d4c11.jpg)
![](http://img.tulaoshi.com/image/20160201/d5abf5c6bbb57478b4d08343ecfa8b34.jpg)
![](http://img.tulaoshi.com/image/20160201/07806740cf4517874c4178dc14c851a6.jpg)
![](http://img.tulaoshi.com/image/20160201/4bc7ba04e3bde82f0a56e60b8b4b7d5e.jpg)
9、调整图层样式后的圆角矩形变的更有立体感。![](http://img.tulaoshi.com/image/20160201/e5f3e8ef57662855b27f5375463d51ca.jpg)
10、画一个圆大小自定,用渐变叠加调处金属质感。![](http://img.tulaoshi.com/image/20160201/5f84d6579b19dd95b6e132c33df1473d.jpg)
11、接着添加斜面浮雕和投影。![](http://img.tulaoshi.com/image/20160201/82d3353427d0266d1aec7b6b5d803155.jpg)
![](http://img.tulaoshi.com/image/20160201/e9f53c923c153b0627ccebd79a6d3b57.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)12、再画一个圆。![](http://img.tulaoshi.com/image/20160201/e0499f80d85a436727f94ff0f5ada913.jpg)
13、添加图层样式,先来个渐变叠加。![](http://img.tulaoshi.com/image/20160201/2c95e4071142b124755726f09411b55f.jpg)
投影,内阴影,斜面浮雕。![](http://img.tulaoshi.com/image/20160201/34cfaeb2bbb18e450e869aba10da5b2a.jpg)
![](http://img.tulaoshi.com/image/20160201/a56982f23842b64121d763378f0c2e8a.jpg)
![](http://img.tulaoshi.com/image/20160201/ce95dc32e1987222aebdaf4fd2ea6506.jpg)
![](http://img.tulaoshi.com/image/20160201/2fdaebd53ff85d3cd0815ff6b23979d3.jpg)
14、这一步来教同学做光碟上的拉丝效果,使它更为逼真,新建图层,拉个圆形套索,填充白色。![](http://img.tulaoshi.com/image/20160201/caf34db2d04e9d9ffe6a62047021d044.jpg)
15、滤镜添加杂色。![](http://img.tulaoshi.com/image/20160201/2400a42f4b07954d20cd13a79666a9e6.jpg)
16、滤镜径向模糊。![](http://img.tulaoshi.com/image/20160201/f27596692437e353f3414f5ab9e20c79.jpg)
17、剪辑蒙版。 (有同学反映插入后就不见了,方法是:调出圆形的图层样式,混合选项里,勾上“将内部效果混合成组”勾选掉,把剪贴图层混合成组。就ok了)。
![](http://img.tulaoshi.com/image/20160201/9ea16fc53e434c887b9fc32034b30696.jpg)
18、模式改为叠加,调整不透明度。![](http://img.tulaoshi.com/image/20160201/3097e3103d7c57f7c016d2518fefc8f2.jpg)
19、这样拉丝效果就出现了,也更加逼真点。![](http://img.tulaoshi.com/image/20160201/3b5d3a8b8c227a4f7dd781ae4fcdc97e.jpg)
20、再画个圆形添加渐变叠加。![](http://img.tulaoshi.com/image/20160201/e1c0cfab86c02d04074d1301b65b35c2.jpg)
21、把拉丝图层拷贝出来,剪进去,透明度调低点,给它也添加拉丝效果。![](http://img.tulaoshi.com/image/20160201/70268c5d931aa08818da2b2581f00e24.jpg)
22、再画一个圆形填充红色。![](http://img.tulaoshi.com/image/20160201/feae8722aa830264c387b7e99ae0ff9c.jpg)
23、添加图层样式,投影,内阴影(参数可自己调整)。![](http://img.tulaoshi.com/image/20160201/949de56dad867e9c261397cd93841261.jpg)
24、拷贝拉丝图层剪辑进去。![](http://img.tulaoshi.com/image/20160201/b99cdc5057b7f847612c0cccf5fec405.jpg)
25、再画一个圆形,填充淡红色,也添加拉丝效果,即有俩红色圆形。![](http://img.tulaoshi.com/image/20160201/44b9afd7a3f953e8ec1d38347ee6f16a.jpg)
26、再画个小圆形填充白色。![](http://img.tulaoshi.com/image/20160201/dd2157e83005cfad735640dbf9b1454d.jpg)
27、添加投影,内阴影。![](http://img.tulaoshi.com/image/20160201/101f1c8b47acb83b7408b084a2a2249a.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)![](http://img.tulaoshi.com/image/20160201/96d37266ab2d08fed937e12e48c57177.jpg)
28、画个白色小圆放在这个位置,来做支架。![](http://img.tulaoshi.com/image/20160201/8e7192e4afc6cc7a16288506e7ffc4e9.jpg)
29、添加渐变叠加和斜面浮雕。![](http://img.tulaoshi.com/image/20160201/0d7607596f4e1aa3992f561d5b591273.jpg)
![](http://img.tulaoshi.com/image/20160201/dc1feb1040c44d59f6e3da8819514ac4.jpg)
30、画个白色小圆,添加一像素描边。![](http://img.tulaoshi.com/image/20160201/d2c848e1c094e59296c04e7be46ecc82.jpg)
31、支架部分很简单,同学们试着去做下,全都是用形状工具做的。![](http://img.tulaoshi.com/image/20160201/418aec93996069467b58c7b901e36851.jpg)
最终效果:![](http://img.tulaoshi.com/image/20160201/cead1a3e5b641d4a9673a6150811f715.jpg)