Photoshop教程:制作常用高光按钮(4)

来源:PS联盟 作者:Sener 本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。 最终效果 1.

用photoshop制作肥皂泡后面的花花草草

Photoshop实例:肥皂泡后面的花花草草本例中我们用Photoshop来绘制透明的肥皂泡,并通过适当的变形表现出透过肥皂泡看到的花花草草。 bbs.

来源:PS联盟 作者:Sener
本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。
最终效果
Photoshop教程:制作常用高光按钮(4)插图
1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。
Photoshop教程:制作常用高光按钮(4)插图(1)
<图1>
Photoshop教程:制作常用高光按钮(4)插图(2)
<图2>


2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区,执行菜单:滤镜 > 模糊 > 动感模糊,参数设置如图3,效果如图4。
Photoshop教程:制作常用高光按钮(4)插图(3)
<图3>
Photoshop教程:制作常用高光按钮(4)插图(4)
<图4>
3.调出圆角矩形的选区,在最上面新建一个图层,选择菜单:编辑 > 描边,数值为1,颜色为:##FBE39B,效果如图5。
Photoshop教程:制作常用高光按钮(4)插图(5)
<图5>

 
4.新建一个图层,用椭圆选框工具绘制一个图6所示的正圆,按Ctrl + Shift + D羽化数值为15,然后选择渐变工具颜色设置如图7,绘制图8所示的渐变。
Photoshop教程:制作常用高光按钮(4)插图(6)
<图6>
Photoshop教程:制作常用高光按钮(4)插图(7)
<图7>
Photoshop教程:制作常用高光按钮(4)插图(8)
<图8>

 
5.按Ctrl + J把渐变的图形复制一份,把副本先隐藏,按Ctrl + T如图9变形,确定后再把副本显示出来,再按Ctrl + T如图10所示变形,确定后把图层混合模式改为“叠加”,效果如图11。
Photoshop教程:制作常用高光按钮(4)插图(9)
<图9>
Photoshop教程:制作常用高光按钮(4)插图(10)
<图10>
Photoshop教程:制作常用高光按钮(4)插图(11)
<图11>


6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。
Photoshop教程:制作常用高光按钮(4)插图(12)
<图12>
Photoshop教程:制作常用高光按钮(4)插图(13)
<图13>

 
7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。
Photoshop教程:制作常用高光按钮(4)插图(14)
<图14>
Photoshop教程:制作常用高光按钮(4)插图
<图15>


6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。
Photoshop教程:制作常用高光按钮(4)插图(12)
<图12>
Photoshop教程:制作常用高光按钮(4)插图(13)
<图13>

 
7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。
Photoshop教程:制作常用高光按钮(4)插图(14)
<图14>
Photoshop教程:制作常用高光按钮(4)插图
<图15>


来源:PS联盟 作者:Sener
本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。
最终效果
Photoshop教程:制作常用高光按钮(4)插图
1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。
Photoshop教程:制作常用高光按钮(4)插图(1)
<图1>
Photoshop教程:制作常用高光按钮(4)插图(2)
<图2>


2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区,执行菜单:滤镜 > 模糊 > 动感模糊,参数设置如图3,效果如图4。
Photoshop教程:制作常用高光按钮(4)插图(3)
<图3>
Photoshop教程:制作常用高光按钮(4)插图(4)
<图4>

3.调出圆角矩形的选区,在最上面新建一个图层,选择菜单:编辑 > 描边,数值为1,颜色为:##FBE39B,效果如图5。


Photoshop教程:制作常用高光按钮(4)插图(5)

<图5>

 
4.新建一个图层,用椭圆选框工具绘制一个图6所示的正圆,按Ctrl + Shift + D羽化数值为15,然后选择渐变工具颜色设置如图7,绘制图8所示的渐变。
Photoshop教程:制作常用高光按钮(4)插图(6)
<图6>
Photoshop教程:制作常用高光按钮(4)插图(7)
<图7>
Photoshop教程:制作常用高光按钮(4)插图(8)
<图8>

 
5.按Ctrl + J把渐变的图形复制一份,把副本先隐藏,按Ctrl + T如图9变形,确定后再把副本显示出来,再按Ctrl + T如图10所示变形,确定后把图层混合模式改为“叠加”,效果如图11。
Photoshop教程:制作常用高光按钮(4)插图(9)
<图9>
Photoshop教程:制作常用高光按钮(4)插图(10)
<图10>
Photoshop教程:制作常用高光按钮(4)插图(11)
<图11>
来源:PS联盟 作者:Sener
本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。
最终效果
Photoshop教程:制作常用高光按钮(4)插图
1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。
Photoshop教程:制作常用高光按钮(4)插图(1)
<图1>
Photoshop教程:制作常用高光按钮(4)插图(2)
<图2>


2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区,执行菜单:滤镜 > 模糊 > 动感模糊,参数设置如图3,效果如图4。
Photoshop教程:制作常用高光按钮(4)插图(3)
<图3>
Photoshop教程:制作常用高光按钮(4)插图(4)
<图4>
3.调出圆角矩形的选区,在最上面新建一个图层,选择菜单:编辑 > 描边,数值为1,颜色为:##FBE39B,效果如图5。
Photoshop教程:制作常用高光按钮(4)插图(5)
<图5>

 
4.新建一个图层,用椭圆选框工具绘制一个图6所示的正圆,按Ctrl + Shift + D羽化数值为15,然后选择渐变工具颜色设置如图7,绘制图8所示的渐变。
Photoshop教程:制作常用高光按钮(4)插图(6)
<图6>
Photoshop教程:制作常用高光按钮(4)插图(7)
<图7>
Photoshop教程:制作常用高光按钮(4)插图(8)
<图8>

 
5.按Ctrl + J把渐变的图形复制一份,把副本先隐藏,按Ctrl + T如图9变形,确定后再把副本显示出来,再按Ctrl + T如图10所示变形,确定后把图层混合模式改为“叠加”,效果如图11。
Photoshop教程:制作常用高光按钮(4)插图(9)
<图9>
Photoshop教程:制作常用高光按钮(4)插图(10)
<图10>
Photoshop教程:制作常用高光按钮(4)插图(11)
<图11>


6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。
Photoshop教程:制作常用高光按钮(4)插图(12)
<图12>
Photoshop教程:制作常用高光按钮(4)插图(13)
<图13>

 
7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。
Photoshop教程:制作常用高光按钮(4)插图(14)
<图14>
Photoshop教程:制作常用高光按钮(4)插图
<图15>

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部