PS制作常用高光按钮

2016-02-02 22:55 46 1 收藏

下面请跟着图老师小编一起来了解下PS制作常用高光按钮,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

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

1.新建一个500 * 350像素的文件,背景填充为黑色,前景颜色设置为:#570202,选择圆角矩形工具,参数设置如图1,绘制图2所示的圆角矩形。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图1


图2 2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区,执行菜单:滤镜 模糊 动感模糊,参数设置如图3,效果如图4。


图3


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


图5 4.新建一个图层,用椭圆选框工具绘制一个图6所示的正圆,按Ctrl + Shift + D羽化数值为15,然后选择渐变工具颜色设置如图7,绘制图8所示的渐变。


图6


图7


图8 5.按Ctrl + J把渐变的图形复制一份,把副本先隐藏,按Ctrl + T如图9变形,确定后再把副本显示出来,再按Ctrl + T如图10所示变形,确定后把图层混合模式改为“叠加”,效果如图11。


图9


图10


图11 6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图12


图13 7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。


图14


图15

来源:http://www.tulaoshi.com/n/20160202/1535875.html

延伸阅读
先看效果图 新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。 新建图层画一黑色正圆。 添加图层样式。 效果如下。 复制一层,清除图层样式,将此层缩小。 再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。 复制这个白色层,添加蒙版黑白斜线渐变。 不透...
用ps制作常用的网页水晶按钮 最终效果图 教程 1、新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置: 2、新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示) 如果大家得到这样的结果。 就需要将对齐像素的选项给勾上。 3、为这...
编www.tulaoshi.com来源:PS联盟 作者:Sener 本教程主要是使用样式和滤镜来制作高光金属字效果,制作的时候具体参数需要耕具文字的实际大小来设置。 最终效果   1.新建一个600 * 350像素的文件,背景填充为黑色,然后打上白色文字效果如图1   图1 2.调出文字的图层样式,参数设置如图,3,效果如图4   ...
先看效果图 新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。 新建图层画一黑色正圆。 添加图层样式。 效果如下。 复制一层,清除图层样式,将此层缩小。 再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。 复制这个白色层,添加蒙版黑白斜线渐变。 不透明度...
来源:站酷 作者:DCTXF 教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认图老师为按钮无非就这几种基本形状,请不要做太多奇形怪状,不要忘记按钮本身的作用“吸引用户点击”。 2、颜色 设...

经验教程

970

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部