起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > ps培训 > PS水晶按钮的制作方法

PS水晶按钮的制作方法

时间:2016-05-16 17:40:00来源:SEO优化网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:PS水晶按钮


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 下面我们给大家介绍一下 PS水晶按钮 的制作方法吧!教程制作出来的按钮挺漂亮的,比较适合运用到游戏网页设计的

下面我们给大家介绍一下PS水晶按钮的制作方法吧!教程制作出来的按钮挺漂亮的,比较适合运用到游戏网页设计的界面当中,推荐一下,喜欢的朋友给个好评吧!先来看看最终的效果图吧:

PS水晶按钮的制作方法_qh.itpxw.cn

具体的制作步骤如下:

一、首先我们来制作背景,新建1200×600的画布,然后新建图层,打开油漆桶工具,填充#101010,之后再执行滤镜-杂色-添加杂色,数量为1%,最后给这个图层新建图层组,命名为背景

PS水晶按钮的制作方法_qh.itpxw.cn

二、打开圆角矩形工具,设置半径为2px,新建图层并绘制一个长方形,复制这个长方形三层并把他们的填充都改为零,分别命名为边缘、内部、质感效果,首先隐藏其他两个图层,先对边缘图层进行图层样式的设置

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

接下来设置内部图层样式

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

PS水晶按钮的制作方法_qh.itpxw.cn

接下来设置质感图层样式,将此层的不透明度改为25%

PS水晶按钮的制作方法_qh.itpxw.cn

此时的效果

PS水晶按钮的制作方法_qh.itpxw.cn

目前整体来说缺少了些纹理,少了些高光,打开一张纹理底纹素材并将它放到内部图层的上方,按住Ctrl然后点击内部图层出现蚂蚁选区,然后再点击纹理图层创建图层蒙板,图层模式改为叠加,不透明度45%

PS水晶按钮的制作方法_qh.itpxw.cn

为了使我们的效果更加具有质感,因此在创建一个高光图层,使用柔角白色画笔在按钮的上方涂上几笔,然后图层模式改为叠加,不透明度为85%

PS水晶按钮的制作方法_qh.itpxw.cn

这是整个图层结构,没有看懂教程的朋友可以对比看看

PS水晶按钮的制作方法_qh.itpxw.cn

教程结束,以上就是PS水晶按钮方法介绍,希望能对大家有所帮助!

文章出自:http://qh.itpxw.cn/peixun/ps/201612563.html

文章标题:PS水晶按钮的制作方法



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

你也许会喜欢如下的文章?

机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------