首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 鼠绘教程 >> 正文

PhotoShop绘制简洁质感玻璃网页按钮

[ 作者来源:苏打苏塔 设计量贩铺 编辑整理:PhotoShop资源网 更新时间: 2010-01-29 录入: 黄叶飞扬 ]

添加径向(圆形)渐变

12 在Idle图层上,新建一个图层,命名为 Radial_Gradient。改变前景色为#b8cf69。按住ctrl 单击 Idle图层

创建一个圆角矩形选区。 然后切换回到Radial_Gradient图层

按此在新窗口浏览图片

13 切换到渐变工具 (G). 设置渐变模式为 径向(圆形)渐变。点击渐变条打开渐变面板。

按此在新窗口浏览图片

14 在渐变面板中,选择前景色-透明。确定左边的颜色为浅绿色 #b8cf69

按此在新窗口浏览图片

15 确定圆角矩形的选区始终存在,选中的图层为 Radial_Gradient。确定标尺已经打开,点击渐变,从图层

部开始拖拽,结束点在选区往下30px的位置上。

按此在新窗口浏览图片

16 调整该图层的透明度为80%

按此在新窗口浏览图片

创建翻转的按钮

17 分别复制图层 Idle 和 Radial_Gradient。

18 移动这两个复制的图层,到画布的下半部分。重命名这两个图层,Idle copy 命名为 Rollover

Radient_Gradient layer命名为 Radial_Gradient_Rollover

按此在新窗口浏览图片

调整翻转按钮的样式

19 我们保持所有的设置不变,只更改颜色。双击 Rollover 图层打开图层样式面板。在内阴影里面,改变颜色为

浅蓝色#839dbf。在渐变叠加中,改变颜色为深蓝色#0f2557 和浅蓝色 #245293。最后,改变描边的颜色为深

#0f2557

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!