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

用ps制作web2.0黑色按钮(5)

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

本教程介绍如何用photoshop制作一个web2.0质感黑色按钮,主要用到了自定义形状工具的圆角矩形和图层样式,先看效果图。

新建文档250x150像素,背景白色,建新层,画一个黑色圆角矩形。

添加描边样式。

建新层,做一矩形选区,填充白色,图层不透明度25%,与形状1层形成剪贴蒙版。

点击红框内的图标,新建图案填充调整层,选择下图所示的图案。

形成剪贴蒙版,图层不透明度10%左右。

合并除背景之外的所有层,复制一个,ctrl+T垂直翻转,位置如下。

添加图层样式。

图层不透明度50%,输入白色文字,最终效果如下。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
一往情深2018-07-05 08:11
有点不好弄
布拉德皮蛋2017-05-28 07:12
谢楼主,教程写的很详细,希望楼主能做出更多更好的教程
溜由转2017-05-28 03:06
我也学习一下,做了半天就做不出来
红酒_冰块2017-05-28 02:36
好象好多东西还是不理解啊
晶彩人生go2017-05-28 02:20
还要学习学习啊
夜风话凄凉2017-05-28 01:59
有视频就好了
我是潜水的2017-05-28 12:00
学习了一下
靓仔喃first2017-05-27 11:58
这个教程很有问题步骤不够清晰
爱你成夢2017-05-27 08:19
效果很好~~~~~~~~支持你
十年九不遇2017-05-27 05:53
顶一下
保险君2017-05-27 05:00
要视频
麦兜好纠结2017-05-27 12:14
学习了看看行吗?
深血坦2017-05-27 10:38
有点不好弄

关注大神微博加入>>

网友求助,请回答!