当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

用ps制作网站联系我们按钮(7)

来源:一起ps 作者:一起ps吧 学习:531人次

本教程学习如何用photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,先看效果图。

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

效果如下。

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

添加图层样式。

效果如下。

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

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

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

添加图层样式。

效果如下。

建新层,前景色白色画一个信封图案,之后建新层,画一个和信封差不多大的黑色矩形。

选择黑色矩形层,调出信封图层选区,添加蒙版。

添加图层样式。

效果如下。

输入白色文字,添加投影样式,底部建新层为图标添加一个阴影。

其它效果。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
;[],;2018-07-03 08:10
赞一个
覆念旧人2017-05-29 02:26
感谢楼主
小魔帝超神了2017-05-28 09:13
好教程
阿凉爱人10072017-05-28 08:56
还没原图好看
浮躁边缘2017-05-28 02:52
LJ

关注大神微博加入>>

网友求助,请回答!