本教程介绍简单的立体图标的制作方法。大致过程:先绘制好想要的图层,然后利用图层样式做一些质感效果。然后再透视,做成立体效果。
最终效果 ![](http://img.tulaoshi.com/image/20160205/07081f5ba91f75923c190fbc7c81a84f.jpg)
1、新建文件,然后选择矩形工具(U)半径为30px。 2、选择标尺(ctrl+R);拉两条辅助线,吧矩形平均一分为四。
![](http://img.tulaoshi.com/image/20160205/1b85d11186e8439a9d7e57fe6b0f38b6.jpg)
3、选择矩形工具,颜色为红色:![](http://img.tulaoshi.com/image/20160205/3d7c2598f339e6a8a654fb2abf409524.jpg)
4、载入圆角矩形选区,反选(shift+ctrl+i)选择矩形层,删除多余部分;重复步骤3次。![](http://img.tulaoshi.com/image/20160205/e67c908b28e363fab3a40761e23c5f9c.jpg)
![](http://img.tulaoshi.com/image/20160205/a6e6739cba55c9cd763e90547ac50ec0.jpg)
5、新建层,选择钢笔工具(P)做一个小图标如图。![](http://img.tulaoshi.com/image/20160205/fa23d26b6bf5925489644b21cb926752.jpg)
6、重复层3次,如图所示。![](http://img.tulaoshi.com/image/20160205/e66ee03c29dd548f6bd173480cdb66c5.jpg)
7、载入小图标选区,然后选择相对应的矩形删除、合并;如图:![](http://img.tulaoshi.com/image/20160205/47d6fb413261f4d36ef88e4430b60136.jpg)
8、选择图层样式,做一下设置:![](http://img.tulaoshi.com/image/20160205/3b5db5dd1ec6c6dc8437f55f678c6391.jpg)
![](http://img.tulaoshi.com/image/20160205/02f2cd2ddf00f9c7540add7d0d91e2c1.jpg)
![](http://img.tulaoshi.com/image/20160205/f0044a1b5ba7b068549a688f707b97c3.jpg)
![](http://img.tulaoshi.com/image/20160205/d2ce70d23955ddc2468ea253ee34ddff.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)![](http://img.tulaoshi.com/image/20160205/5984be0da815bbad0225cf08839486d1.jpg)
9、复制所有层,合并副本层,如图:![](http://img.tulaoshi.com/image/20160205/aaaf8c22df25e2f0a917bb6578b7edaf.jpg)
10、选择变换工具(ctrl+T)效果如图:![](http://img.tulaoshi.com/image/20160205/5aee659483f0ba5ba6bff8c27837bdb5.jpg)
![](http://img.tulaoshi.com/image/20160205/bab8a16d46de85db277d40caa011a9f8.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)![](http://img.tulaoshi.com/image/20160205/c698024f96997856e77e9eb92ce71d84.jpg)
11、选择加深、减淡工具给矩形价反光效果, 12、载入选区,新建层填充红色,向下移动20px ; 悬着图层样式 渐变 ,如图:
![](http://img.tulaoshi.com/image/20160205/76c7a93d58317b5767d8a796eb0aede6.jpg)
![](http://img.tulaoshi.com/image/20160205/59a7ca2a3d55fe56638998dc1a9bd0c3.jpg)
13、新建层选择选区工具(M)创建一条矩形选区,选择变换(ctrl+T)斜切,加图层样式 渐变,效果如图:![](http://img.tulaoshi.com/image/20160205/7b8f17c450b5af4b8f80b9abc7f73e5a.jpg)
![](http://img.tulaoshi.com/image/20160205/a23a40735664e5e43f8d1cf9256f8f36.jpg)
![](http://img.tulaoshi.com/image/20160205/74cadee9e8c25fa0d0a133ca140a6071.jpg)
做个倒影完成最终效果:![](http://img.tulaoshi.com/image/20160205/07081f5ba91f75923c190fbc7c81a84f.jpg)