当前位置导航:炫浪网>>网络学院>>图形图像>>PhotoShop教程>>PS综合实例

Photoshop制作vista风格按钮

先看看效果图:

Photoshop制作vista风格按钮
图1

新建一个图层大小如图:

Photoshop制作vista风格按钮
图2

圆角矩形工具拉出这样的形状,圆角半径为5

Photoshop制作vista风格按钮
图3

双击形状打开图层样式面板,首先进行渐变叠加,颜色数值从左往右依次为:5DD3FE 206E8C 042A39 66767C

Photoshop制作vista风格按钮
图4

双击形状打开图层样式面板,下面是描边,颜色为151515

Photoshop制作vista风格按钮
图5

最后是内发光,颜色数值为96A4BB

Photoshop制作vista风格按钮
图6

然后新建图层,按住ctrl点击最初的形状图层建立选取,然后内部2像素的白色描边。描边后把填充透明度降到0。

Photoshop制作vista风格按钮
图7

双击这个图层打开图层样式面板,给它一个白色到透明的渐变,就形成上面的光感,向下渐隐

Photoshop制作vista风格按钮
图8

继续新建一个图层,用椭圆选区建立如左上图的选区,然后羽化3像素,保证下面的渐变边缘不是很生硬,用黑色到白色拉出一个左下图的渐变

Photoshop制作vista风格按钮
图9

现在把刚才的渐变图层更改为柔光,效果如左图,停下,位置什么的和刚才做的白色描边层一样整体效果出来以后再调整

Photoshop制作vista风格按钮
图10

按照前面的做法再建立最初的形状选区,拉出黑色到白色渐变,如左上显示,更改图层为柔光,效果如下

Photoshop制作vista风格按钮
图11

复制一个图层3,进行水平翻转得到左边的黑色阴影部分

Photoshop制作vista风格按钮
图12

然后新建立一个调整图层,ctrl+g让其对下一个图层编组,再进行色相饱和度的调整,也可以先按照边上的数值调整好再进行编组,最近进行创作的时候最好是先编组再调色(友情提醒)

Photoshop制作vista风格按钮
图13

编组后的图层面板如左上,此时大部分的效果已经完成,开始调整,先是回到那个椭圆渐变层,用小键盘的方向键下移4-5个像素,效果如左下

Photoshop制作vista风格按钮
图14

我们再找到白色的描边层,给渐变把透明度降到35%,降低光泽,让它显得更柔和

Photoshop制作vista风格按钮
图15

相关内容
赞助商链接