首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

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

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

效果图:

按此在新窗口浏览图片

如果你想要下载本教程中的源文件,下面的链接包含了psd源文件,和最终的导出的png图片,以及html demo

和相关的css样式文件(下载)。

新建一个文档

1 按钮的尺寸是250px宽,50px 高。画布中要同时绘画按钮的原始状态(绿色按钮效果)和翻转状态(蓝色按钮效

果),所以画布的高度100px.

按此在新窗口浏览图片

2 在画布的垂直方向的一半的位置,拖拽一条标尺线。如果你的画布中,没有标尺,可以按住 (Ctrl + R) 调出

它来。直接从标尺中向画布中心拖拽,就可以拖拽出一条标尺线。

按此在新窗口浏览图片

创建形状

3 点击圆角矩形,圆角值设为3px

按此在新窗口浏览图片

4 在画布的上半部分,拖拽出一个圆角矩形,矩形的颜色不重要。这个矩形的尺寸应该是 250px50px 高。

按此在新窗口浏览图片

5 在图层面板中,按住Ctlr 然后单击该矩形图层,创建一个相关选区

按此在新窗口浏览图片

6 保持选区存在状态,创建一个新的图层 (Ctrl + Alt + Shift + N). 命名为 Idle. 在新图层中,填充选区(圆角矩形)

颜色 Edit > Fill (Shift + F5).

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

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

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

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

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