ps设计精美的绿色网页游戏按钮
对于各界交互界面大师来说，按钮的制作无疑是不可缺少的一个组成部分，但是习惯于运用多个图层叠加出非常漂亮的效果的时候，修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。最终效果
http://pic.16xx8.com/allimg/121113/164K02b4-0.jpg
1、新建大小自定的文档，背景填充青色。先用钢笔建立路径，如下图。
http://pic.16xx8.com/allimg/121113/164K0C91-1.jpg
2、创建渐变调整图层，渐变颜色位置随意，如下图。
http://pic.16xx8.com/allimg/121113/164K0D02-2.jpg
3、给当前图层添加图层样式，选择投影，效果如下图。
http://pic.16xx8.com/allimg/121113/164K0F23-3.jpg
4、设置内阴影，这里省去了文字下方的投影部分，以内阴影代替（注意曲线与数据的变换），数据一定要调试之后再确定。
http://pic.16xx8.com/allimg/121113/164K05202-4.jpg
5、设置描边样式，描边中一定要主要渐变颜色。
http://pic.16xx8.com/allimg/121113/164K0N93-5.jpg
6、设置光泽：随意调整数据，直到自己满意为止。
http://pic.16xx8.com/allimg/121113/164K03958-6.jpg
7、设置内发光：这里的内发光代替了内阴影，作为边缘与按钮本身分离的界限。
http://pic.16xx8.com/allimg/121113/164K055G-7.jpg
8、添加图案叠加，这里需要注意先预设好图案，这种条纹状的图案比较出效果，制作业相当简单。
http://pic.16xx8.com/allimg/121113/164K015G-8.jpg
9、添加外发光，参数设置如下图。
http://pic.16xx8.com/allimg/121113/164K013S-9.jpg
10、用椭圆工具拉一个正圆，添加渐变叠加样式，参数设置如下图。
http://pic.16xx8.com/allimg/121113/164K0E36-10.jpg
11、最后添加斜面与浮雕，参数设置如下图。
http://pic.16xx8.com/allimg/121113/164K01213-11.jpg
12、整体按钮的“分叉投影”，其实就是将按钮设定在一个组之下，给组一个羽化的三角遮罩，就成为类似分叉的投影了。
http://pic.16xx8.com/allimg/121113/164K02V9-12.jpg
13、下面制作下一个图层的内容，左上角的斜标相对来说就简单的多了，步骤差不多，还是先建立路径，之后添加渐变调整图层。
http://pic.16xx8.com/allimg/121113/164K02U0-13.jpg
14、填充渐变颜色是一定要根据图形的形状来添加，一次为例，渐变的样式应为菱形，如下图。
http://pic.16xx8.com/allimg/121113/164K062L-14.jpg
15、添加投影，投影一定是与形状相符。
http://pic.16xx8.com/allimg/121113/164K0D23-15.jpg
16、添加斜面和浮雕，这里需要注意的是纹理叠加。
http://pic.16xx8.com/allimg/121113/164K0M62-16.jpg
17、添加内阴影增加立体效果。
http://pic.16xx8.com/allimg/121113/164K0B29-17.jpg
18、添加渐变叠加。
http://pic.16xx8.com/allimg/121113/164K05914-18.jpg
最后加上文字及其他素材，完成最终效果：
http://pic.16xx8.com/allimg/121113/164K02b4-0.jpg
教程编号:111723 作者:酷头儿 出处:站酷
页:
[1]