(制作小窍门:按钮的背景色和整个页面的背景色一样,然后利用投影和内投影的特效就可以使按钮产生突出来)
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374875.png)
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374875.png)
一个国外的教程,一直英文不好,就看着图自己做了,步骤也自己改动了,效果还可以,喜欢的看看吧~
1.新建图层,背景色#141d28.
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374876.png)
2.形状工具绘制按钮,加入样式投影,参数如下:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374877.png)
3.加内阴影,参数如下:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374878.png)
产生一像素的高光。 (注意哦,我没勾选全局光)
4.加入外发光,丰富细节,参数如下:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374879.png)
5.渐变叠加,按钮的颜色过渡:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374880.png)
6. 描边,也是丰富细节:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374881.png)
7.做成了这样:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374882.png)
就是上面一像素的按钮,我的屏幕不好 我也不知道是不是暗了,大家先将就看吧~
8.复制按钮,将特效内发光改为:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374883.png)
9.将复制的按钮模式改为:lighter color 我的汉化不完全,中文是浅色
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374884.png)
10.制作结果:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374885.png)
11.加上高光:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374886.png)
模式改为:叠加
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374887.png)
12.加上字,最后结果为:
![质感按钮制作 - isjimi - isjimi](/img/2012/09/01/09374888.png)