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

[教程]Photoshop设计常见的网站联系我们按钮 [复制链接]

上一主题 下一主题
离线荦荦
 
发帖
*
今日发帖
最后登录
1970-01-01
只看楼主 倒序阅读 使用道具 楼主  发表于: 2011-03-24 07:56:22

本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以跟着教程来学习 先看效果图。

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

效果如下。

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

添加图层样式。

效果如下。

  建新层,画一个黑色正圆,添加和上一步相同的样式。

暂时隐藏圆形层,底部建新层,调出圆形层选区,填充黑色,去掉选区,高斯模糊7像素,调出大圆角矩形选区,添加蒙版。

显示圆形层,建新层,画一个白色正圆。

添加图层样式。

[img]http://www.wzsky.net/img/uploadimg/20110321/10534210.jpg[/img]
效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110321/10534211.jpg[/img]
建新层,前景色白色画一个信封图案,之后建新层,画一个和信封差不多大的黑色矩形。
[img]http://www.wzsky.net/img/uploadimg/20110321/10534212.jpg[/img]
选择黑色矩形层,调出信封图层选区,添加蒙版。
[img]http://www.wzsky.net/img/uploadimg/20110321/10534213.jpg[/img]
  添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110321/1053424.jpg[/img]
[img]http://www.wzsky.net/img/uploadimg/20110321/10534215.jpg[/img]
效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110321/10534216.jpg[/img]
输入白色文字,添加投影样式,底部建新层为图标添加一个阴影。
[img]http://www.wzsky.net/img/uploadimg/20110321/10534217.jpg[/img]
其它效果。
[img]http://www.wzsky.net/img/uploadimg/20110321/1053420.jpg[/img]
  

1条评分电魂+3
taofurong 电魂 +3 优秀文章,支持!n神马都是浮云 2011-03-24
离线无情公子
发帖
*
今日发帖
最后登录
1970-01-01
只看该作者 沙发  发表于: 2011-03-24 12:11:49
这个难度不大,学习学习
1条评分电魂+1
taofurong 电魂 +1 谢谢您的回复 2011-03-24
离线taofurong

发帖
9930
今日发帖
最后登录
2015-07-10
只看该作者 板凳  发表于: 2011-03-24 18:41:35
还可以 很实用的东西
☆☆☆閃電聯盟歡迎您☆☆☆
联系QQ:3329682   86967111