首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 平面设计 > Photoshop教程 > 正文
Google
PS简单绘制Vista风格按钮
来源:网页教学网 作者:闪电儿 2007年08月31日 09:01 网友评论:0条 点击:

  Photoshop简单绘制Vista风格网页按钮,效果还是不错的!但是有没有用还要看自己的喜好!

  1、建立一个50*50px文档,背景填充为#121212。

  2、建立新图层,使用圆角矩形工具。半径设置为15px,绘制一个在文档正中的形状,然后使用渐变工具,把前景色设置为#0c85f4,背景色设置为#00386b从上到下进行线性渐变。按Ctrl+D取消选择。

按此在新窗口浏览图片

  3、设置内发光样式如下。

按此在新窗口浏览图片

按此在新窗口浏览图片

  4、制作光照效果。创建一个新层,按Ctrl单击圆角矩形图层选择,使用椭圆选区工具选择下部分,然后把上面部分填充为白色。

按此在新窗口浏览图片

  把不透明度降低到10%。

按此在新窗口浏览图片

  5. 在创建一新层,使用矩形选框工具,设置固定大小为宽4px高为25px,制作一个形状,填充为白色,同样方法制作三个。

按此在新窗口浏览图片

  最后仍然使用矩形选框工具,样式设置为正常,选择第2个小矩形一半然后按Del删除,同样方法第3个小矩形删除1/4。

  最终效果

按此在新窗口浏览图片

(68design.net_2编辑)

上一篇:PhotoShop简单打造梦幻照片效果   下一篇:用Photoshop打造怀旧婚纱照
收藏此页】【打印】【关闭
 相关文章  我要点评
·web2.0网页logo按钮图标
·状态按钮和导向按钮
·346个网页设计装饰按钮图标png
·深入了解PS中色相混合模式的运用
·利用Photoshop制作漂亮的3D卡通按钮
·Photoshop简单制作白边水晶按钮
·商务vista图标png
·用PS CS3将视频动画导入与导出的技巧

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】