×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
软件安装教程 远程服务 超值!手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 2340|回复: 11

[效果] Photoshop简单绘制Vista风格网页按钮

[复制链接]
发表于 2007-8-31 17:18:50 | 显示全部楼层 |阅读模式
初学者入门,Photoshop教程,简单绘制Vista风格网页按钮,效果还是不错的!但是有没有用还要看自己的喜好!
photoshop制作一个超酷的蓝色Vista风格网页按钮。文章最后提供PSD源文件。

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

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




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





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



把不透明度降低到10%。



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



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



最后提供给大家PSD文件。

点击这里下载PSD源文件

[ 本帖最后由 xyl7422 于 2007-9-1 23:25 编辑 ]
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=112466
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

vista.psd

34.47 KB, 下载次数: 54, 下载积分: 金币 -1 枚

发表于 2007-8-31 18:20:45 | 显示全部楼层
酷素材
做得不错
回复 支持 反对

使用道具 举报

发表于 2007-8-31 18:29:42 | 显示全部楼层
来学习了,感谢分享,psd文件没有看见啊.

未标题-2.gif

未标题-21.gif

[ 本帖最后由 天竺葵花子 于 2007-8-31 19:42 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2007-9-1 21:24:11 | 显示全部楼层
谢谢转载,请把图片上传至论坛,以免链接失效图片丢失哈
回复 支持 反对

使用道具 举报

发表于 2009-11-6 11:28:36 | 显示全部楼层
酷素材
感谢楼主大人分享,好教程啊,学习了
回复 支持 反对

使用道具 举报

发表于 2009-11-6 11:33:14 | 显示全部楼层
酷素材
感谢楼主大人分享,好教程啊,学习了
回复 支持 反对

使用道具 举报

发表于 2009-11-12 12:30:31 | 显示全部楼层
不错啊!学习了!
回复 支持 反对

使用道具 举报

发表于 6 天前 | 显示全部楼层
楼主是超人
回复 支持 反对

使用道具 举报

发表于 6 天前 | 显示全部楼层
好帖就是要顶
回复 支持 反对

使用道具 举报

发表于 6 天前 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 6 天前 | 显示全部楼层
难得一见的好帖
回复 支持 反对

使用道具 举报

发表于 6 天前 | 显示全部楼层
楼主我支持你
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345