当前位置: 代码迷 >> Web前端 >> ps质感旋钮制作(二)
  详细解决方案

ps质感旋钮制作(二)

热度:74   发布时间:2012-09-16 17:33:17.0
ps质感按钮制作(二)
(制作小窍门:按钮的背景色和整个页面的背景色一样,然后利用投影和内投影的特效就可以使按钮产生突出来)




质感按钮制作 - isjimi - isjimi
一个国外的教程,一直英文不好,就看着图自己做了,步骤也自己改动了,效果还可以,喜欢的看看吧~
1.新建图层,背景色#141d28.

质感按钮制作 - isjimi - isjimi

2.形状工具绘制按钮,加入样式投影,参数如下:

质感按钮制作 - isjimi - isjimi

3.加内阴影,参数如下:

质感按钮制作 - isjimi - isjimi

产生一像素的高光。 (注意哦,我没勾选全局光)

4.加入外发光,丰富细节,参数如下:

质感按钮制作 - isjimi - isjimi

5.渐变叠加,按钮的颜色过渡:

质感按钮制作 - isjimi - isjimi
 
6. 描边,也是丰富细节:

质感按钮制作 - isjimi - isjimi

7.做成了这样:

质感按钮制作 - isjimi - isjimi

就是上面一像素的按钮,我的屏幕不好 我也不知道是不是暗了,大家先将就看吧~

8.复制按钮,将特效内发光改为:

质感按钮制作 - isjimi - isjimi

9.将复制的按钮模式改为:lighter color 我的汉化不完全,中文是浅色
质感按钮制作 - isjimi - isjimi

10.制作结果:

质感按钮制作 - isjimi - isjimi
 
11.加上高光:

质感按钮制作 - isjimi - isjimi
 
模式改为:叠加

质感按钮制作 - isjimi - isjimi
 
12.加上字,最后结果为:

质感按钮制作 - isjimi - isjimi

  相关解决方案