论坛风格切换
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
  • 2069阅读
  • 1回复

[教程]Photoshop设计质感的蓝色下载按钮 [复制链接]

上一主题 下一主题
离线荦荦
 
发帖
*
今日发帖
最后登录
1970-01-01
只看楼主 倒序阅读 使用道具 楼主  发表于: 2011-03-07 11:27:01
本教程主要使用Photoshop制作立体高光效果网页下载按钮,主要使用圆角矩形工具和图层样式打造一个高光下载按钮,下面让我们一起来学习吧
先看效果图。

新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。

效果如下。

建新层,画一个黑色圆角矩形。

添加图层样式。

建新层,用钢笔画出下图选区,填充白色。

添加蒙版,黑白直线渐变,我显示的是蒙版渐变效果。

效果如下。

建新层,画一正圆,填充#9d1417。

  建新层,画一个小点的黑色正圆。

添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110307/00103810.jpg[/img]
效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110307/00103811.jpg[/img]
建新层,画一个小点的白色正圆。
[img]http://www.wzsky.net/img/uploadimg/20110307/00103812.jpg[/img]
添加图层蒙版,用黑色笔刷涂抹,效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110307/00103813.jpg[/img]
建新层,画一个白色箭头。
[img]http://www.wzsky.net/img/uploadimg/20110307/00103814.jpg[/img]
输入白色文字,做一个投影,效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110307/00103815.jpg[/img]
其它效果。
[img]http://www.wzsky.net/img/uploadimg/20110307/0010380.jpg[/img]
  
1条评分电魂+3
曹刘 电魂 +3 很实用的! 2011-03-07
离线曹刘

发帖
8297
今日发帖
最后登录
2016-07-27
只看该作者 沙发  发表于: 2011-03-07 13:04:48
很实用的!