手机
当前位置:查字典教程网 >网页设计 >photoshop >photoshop 高光按钮制作常用教程
photoshop 高光按钮制作常用教程
摘要:本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜...

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

最终效果

photoshop 高光按钮制作常用教程1

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

photoshop 高光按钮制作常用教程2

<图1>

photoshop 高光按钮制作常用教程3

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

photoshop 高光按钮制作常用教程4

<图3>

photoshop 高光按钮制作常用教程5

<图4>

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

photoshop 高光按钮制作常用教程6

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

photoshop 高光按钮制作常用教程7

<图6>

photoshop 高光按钮制作常用教程8

<图7>

photoshop 高光按钮制作常用教程9

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

photoshop 高光按钮制作常用教程10

<图9>

photoshop 高光按钮制作常用教程11

<图10>

photoshop 高光按钮制作常用教程12

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

photoshop 高光按钮制作常用教程13

<图12>

photoshop 高光按钮制作常用教程14

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

photoshop 高光按钮制作常用教程15

<图14>

photoshop 高光按钮制作常用教程1

<图15>

【photoshop 高光按钮制作常用教程】相关文章:

ps非主流照片制作教程

Photoshop制作反转负冲味的古典美签名

Photoshop各类插件的使用方法

Photoshop快速制作朦胧感艺术照片

Photoshop CS3新功能妙用

Photoshop绘制逼真相机镜头的详细图文教程

用Photoshop制作漂亮的照片折叠效果

Photoshop制作璀璨文字特效

photoshop教你制作自定义笔刷

Photoshop实战学韩式风格设计制作教程

精品推荐
分类导航