正在阅读:Photoshop制作vista风格按钮Photoshop制作vista风格按钮

2007-08-31 09:09 出处: 作者:佚名 责任编辑:chenzhenjia
1Photoshop制作vista风格按钮(1)回顶部

  注:由于转载没有作者名,但教程版权仍归原作者所有,原创作者可以与我们联系,以便我们更正出处信息。谢谢~

  先看看效果图:

 Photoshop制作vista风格按钮
图1

  新建一个图层大小如图:

Photoshop制作vista风格按钮
图2

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

Photoshop制作vista风格按钮
图3

2Photoshop制作vista风格按钮(2)回顶部

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

Photoshop制作vista风格按钮
图4

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

Photoshop制作vista风格按钮
图5

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

Photoshop制作vista风格按钮
图6

3Photoshop制作vista风格按钮(3)回顶部

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

Photoshop制作vista风格按钮
图7

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

Photoshop制作vista风格按钮
图8

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

Photoshop制作vista风格按钮
图9

4Photoshop制作vista风格按钮(4)回顶部

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

Photoshop制作vista风格按钮
图10

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

Photoshop制作vista风格按钮
图11

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

Photoshop制作vista风格按钮
图12

5Photoshop制作vista风格按钮(5)回顶部

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

Photoshop制作vista风格按钮
图13

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

Photoshop制作vista风格按钮
图14

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

Photoshop制作vista风格按钮
图15

相关链接:Photoshop制作金属质感和糖果玻璃效果图标

用Photoshop制作一个漂亮的Vista背景

Photoshop轻松制作透明玻璃效果符号

关注我们

302 Found

302 Found


Powered by Tengine
tengine
最新资讯离线随时看 聊天吐槽赢奖品