|
PS制作常用高光按钮
来源:PS联盟 作者:Sener
本教程主要介绍常用按钮的制作方式。思路:先绘制好按钮的外形,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。
最终效果 |
1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。 |
![](/myattachment/Collect/37/dbf6de970f6ad46195c5d5809063a0db.jpg)
<图1> |
![](/myattachment/Collect/37/b81b03e1b7eb0f37585012cf81d4de4e.jpg)
<图2> |
2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区,执行菜单:滤镜 > 模糊 > 动感模糊,参数设置如图3,效果如图4。 |
![](/myattachment/Collect/37/f6d669971d572c66c408ebaa1a6bff5c.jpg)
<图3> |
![](/myattachment/Collect/37/0399d750fa01eae924e781a59028e7db.jpg)
<图4> |
3.调出圆角矩形的选区,在最上面新建一个图层,选择菜单:编辑 > 描边,数值为1,颜色为:##FBE39B,效果如图5。 |
![](/myattachment/Collect/37/5cadd5a3898a18fa65c0030471b331d8.jpg)
<图5> |
4.新建一个图层,用椭圆选框工具绘制一个图6所示的正圆,按Ctrl + Shift + D羽化数值为15,然后选择渐变工具颜色设置如图7,绘制图8所示的渐变。 |
![](/myattachment/Collect/37/a0700d1568ccc5d5a0e7f274b6a9169e.jpg)
<图6> |
![](/myattachment/Collect/37/2023aa62832f19e900480b43e7a90504.jpg)
<图7> |
![](/myattachment/Collect/37/ef78f2c0c0d9984755ecde9aa48856dd.jpg)
<图8> |
5.按Ctrl + J把渐变的图形复制一份,把副本先隐藏,按Ctrl + T如图9变形,确定后再把副本显示出来,再按Ctrl + T如图10所示变形,确定后把图层混合模式改为“叠加”,效果如图11。 |
![](/myattachment/Collect/37/5f8abd6e0be91966fd91346286ec6b0e.jpg)
<图9> |
![](/myattachment/Collect/37/f75224f98b1c443fb50b42b0487e04be.jpg)
<图10> |
![](/myattachment/Collect/37/008993dbd8d3293efc09e0e983d447be.jpg)
<图11> |
6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。 |
![](/myattachment/Collect/37/761d9fc1ea433bd1c23fb487e319da14.jpg)
<图12> |
![](/myattachment/Collect/37/a1588343c9590e68a0de784d8e3cd676.jpg)
<图13> |
7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。 |
![](/myattachment/Collect/37/edd62af9b84f349812cff0b8782ab0af.jpg)
<图14> |
![](/myattachment/Collect/37/356791396e9e623fb23831dc85bb9901.jpg)
<图15> |
返回类别: Photoshop教程 上一教程: PS滤镜制作瞳孔放大图 下一教程: PS鼠绘一张表情自然的明星图片
您可以阅读与"PS制作常用高光按钮"相关的教程: · PS制作常用水晶按钮 · 网页常用按钮制作教程之二 · PS图层样式制作水晶按钮 · 网页常用按钮制作教程之一 · PS制作水晶风格按钮
|