制作简洁精致的色板图标
效果图构成并不复杂，制作之前先把构造分解清楚，然后由底层开展绘制，先画出图形，再用图层样式加上颜色和质感等即可。
最终效果
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_1.jpg
1、新建1000*1000画布，填充颜色e82571，利用圆角矩形工具，半径100像素按住Shift画一个正方形，点一下上面的形状，建立形状图层。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_2.jpg
2、执行图层样式斜面浮雕，投影和颜色叠加，参数。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_3.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_4.jpg
如下，大家也可以自己摸索不同的数值。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_5.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_6.jpg
3、新建一个空白图层，用上面方法，用椭圆工具，建一个正圆的形状图层。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_7.jpg
4、用参考线或者网格，使圆形尽量居中。添加图层样式-渐变叠加，参数如下。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_8.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_9.jpg制作简洁精致的色板图标2
5、将椭圆图层1 复制一份，Ctrl+T调整大小，这里用数字调整，WH都改为87%。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_10.jpg
6、图层样式，添加渐变叠加和内阴影。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_11.jpg
渐变用角度渐变，注意首尾颜色一致即可，颜色大家可以吸色或者调些自己喜欢的颜色。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_12.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_13.jpg
7、将椭圆图层继续复制一份，Ctrl+T变为原来的70%，添加图层样式，斜面浮雕，渐变叠加和投影。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_14.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_15.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_16.jpg
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_17.jpg
8、将上面图层复制一份，变为原来的80%，用钢笔工具，选择合并形状，在椭圆上加个三角形。
http://www.68ps.com/jc/UploadFile1466/20150313/jc1503131_18.jpg制作简洁精致的色板图标3
9、然后调整图层样式，只调整斜面浮雕，其余的保持原样。
http://img.jcwcn.com/attachment/portal/201503/19/06280396hig0kh0b15zqog.jpg
10、图层现在除了背景图层外有五个。
http://img.jcwcn.com/attachment/portal/201503/19/062803vsnps246cs3czn5e.jpg
http://img.jcwcn.com/attachment/portal/201503/19/062803kdw7q7ew7dk3p2dq.jpg
11、将右边名为椭圆 1 副本 2的图层复制一份，拖到最上面，Ctrl+T变为原来的50%.右键图层。清除图层样式，添加新的图层样式描边和渐变叠加。
http://img.jcwcn.com/attachment/portal/201503/19/062803u9eok23hox4tkkk4.jpg
http://img.jcwcn.com/attachment/portal/201503/19/062803cz7dkd7de7dcdca9.jpg
最终效果：
http://img.jcwcn.com/attachment/portal/201503/19/062804xxtzi1izf9xf12ei.jpg
页:
[1]