PS制作质感蓝色按钮

以下是小编整理的PS制作质感蓝色按钮，本文共8篇，欢迎阅读与收藏。

篇1：PS制作质感蓝色按钮

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

具体的制作步骤如下：

1.制作按钮本体，先画一个圆角矩形，并加上渐变滤镜

这里颜色的选择是重点，选择好颜色后就已经有一种柔和的光照效果了

2.制作投影。首先画一个扁扁的椭圆形，填充偏黑的蓝色(因为按钮是蓝色的)

之后对椭圆进行高斯模糊

置于按钮本体的下层，调整大小和位置，这样投影就做好了

3.制作高光。先画一条1像素的白色直线，位置如图

然后给白线添加一层蒙版，点击图中图标可快速添加

选中该层蒙版后，打开左侧工具栏中的渐变工具，调整渐变颜色为左白右黑

然后选择“对称渐变”模式

从白线中间向两边(任意方向)拉一个渐变(依旧在选中蒙版的情况下)

这样一条高光就做好了，如果觉得太亮，可以适当调节一下透明度

复制一层，移动到按钮下边位置，底部发光的高光也就出来了

4.制作底部发光，

一开始与制作投影一样，画一个椭圆，填充比较亮的蓝色

同样高斯模糊(这里可以模糊的比投影大一些)

调整位置、大小、微调颜色

将多出来的部分用矩形选框删除

将发光图层置于高光下面即可

5.制作上部反光。先画一个白色椭圆，调整位置、大小

调整椭圆的透明度

利用反选将没有与按钮重合的部分删除即可

6.最后加上文字，按钮制作完成。

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇2：PS制作质感按钮

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

具体的制作步骤如下：

新建文档400x400像素，背景黑色，建新层，自定义形状工具画一白色正圆，

添加图层样式。

效果如下。

建新层，画一白色椭圆，图层不透明度10%，效果如右图，

建新层，画一个大的白色正圆，之后减法模式画一个小的正圆，这样我们得到了一个白色圆环。

添加图层颜色。

效果如下。

复制一层，清除图层样式，减法模式画一个椭圆。

添加图层样式。

效果如下。

输入文字，加上阴影，最终效果如下。

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇3：PS制作质感按钮

图层样式的应用技巧,一个样式,三种按钮状态.

这种状态常见于网页设计当中,因此教程写给有需要的朋友们,高手请直接无视.

有PSD可以下载.图层不多,希望能帮到各位酷友.

下面是详细的制作过程,图文并茂.

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇4：PS简单制作质感按钮

这篇PS简单制作质感按钮教程是我刚刚学习过的，感觉还挺简单，挺不错的，推荐到和大家一起学习吧，希望对的朋友们有所帮助，先来看看最终的效果图吧!

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

使用混合模式和遮罩效果制作网页按钮

打开photoshop，新建空白文档，

PS简单制作质感按钮

。

为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。

选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

现在让按钮从背景中突显出来，添加1 px描边，颜色为深蓝色(#0b2258)。

为了增加按钮立体感，添加一个1像素内发光。颜色为白色(#FFFFFF)，减少不透明度到30%。

现在给按键添加杂色，新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为黑色(#000000)。按ctrl+d取消选区，

选择滤镜-杂色-添加杂色，数量为33%。

设置图层混合模式为滤色，不透明度为15%。

新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为白色(#FFFFFF)。按ctrl+d取消选区。

现在开始创建漂亮的灯光效果，选择矩形工具，选中按钮的一半。按delete键删除选区，设置图层的不透明度不10%。

添加文字，字体为Arial（Bold,14pt）。

现在给文字添加雕刻效果，最简单的方式是复制文字层(ctrl + J)，然后移动复制到原文字图层下方。添加一个深色的叠加颜色。右键点击混合选项> >混合叠加颜色> #124d89。分别向上，向左移动1px。

选择自定义形状工具，画的放大镜，应用上一步骤方法，制作雕刻效果。

设置按钮高光效果。新建一组，命名为“light effect”，设置混合模式为颜色减淡。按ctrl+图层蒙版缩略图。选择画笔工具，大小80px，硬度为0，给按钮添加高光。

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇5：PS制作玻璃质感按钮

这篇教程教的朋友们用PS制作玻璃质感按钮，教程很详细，制作的效果也很棒，适合新手学习用PS制作玻璃按钮。先看看效果：

FEVTE编注：教程讨论交流和作业提交请进入论坛PS鼠绘交流区：bbs.fevte/forumdisplay.php?fid=51&filter=type&typeid=90

FEVTE编注：教程讨论交流和作业提交请进入论坛PS鼠绘交流区：bbs.fevte/forumdisplay.php?fid=51&filter=type&typeid=90

篇6：PS制作水晶质感按钮

这篇教程教的朋友们用PS制作水晶质感按钮，教程属于比较简单的PS教程，主要介绍PS渐变和图层样式的运用，制作的按钮很漂亮，质感很强。转发过来和的朋友们一起学习了。先来看看最终的效果图吧：

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

具体的制作步骤如下：

1、打开Adobe Photoshop

CS3软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：按钮，宽度：570像素，高度：400像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。

2、在图层面板上单击创建新图层按钮

，新建一个图层4，再工具箱选择圆角矩形工具，并按住键盘中Shift不放在工作区拖出一个圆角矩形，按键盘快捷键Ctrl+Enter转换为选区，设置远景色为蓝色，按键盘快捷键Ctrl+D取消选区，如图2所示。效果图如图3所示

3、接着右击图层4，选择混合选项，进入到图层样式，分别勾选投影、外发光、内发光、斜面与浮雕、光泽、渐变叠加选项，设置图层样式各项的值，参考下面的设置值，然后点击确定按钮，如图4、5、6、7、8、9所示，

效果图如图10所示

4、选择图层4，复制一个图层4副本并给图层4副本添加蒙版，如图11所示。

5、单击工具箱中的横排文字工具 ，输入school，然后在工具选项栏上设置字体参考图12，如图12所示

6、在图层控制面板新建一个图层或者（按快捷键Shift+Ctrl+N），接着在工具箱中选择钢笔工具，在属性栏中设置钢笔为路径，接着再工作区绘制出一个不规则的外形，按键盘快捷键Ctrl+Enter转换为选区，设置远景色为白色，按键盘快捷键Ctrl+D取消选区，并设置不透明度为20%。如图13所示。调整后的效果图如图14所示

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte/forum-51-1.html

篇7：PS制作蓝色立体按钮

这篇教程教的PS爱好者们用PS制作蓝色立体按钮，教程难度一般，制作出来的按钮很漂亮，教程的重点是希望大家掌握PS对立体感的表现，好了，先来看看最终的效果图：

FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=71

具体的制作步骤如下：

第一步：用圆角矩形工具画一个外形，大小凭自已决定，这层是外形1，如图：

然后按Ctrl+T变形，按感觉调整，如下：

接下来把这个外形复制一层，放在外形1的上面，然后把这层（外形1副本）Ctrl+T缩小点，

如下：

给外形1设置图层样式，如下：

把外形1副本复制26层，然后合并，方法如图：

给外形1副本28设置图层样式，如下：

给刚才合并共26个图层后的那个图层设置图层样式，如下：

最终效果如下

FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=71

篇8：PS制作金属质感按钮教程

FEVTE编注：更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区，地址：bbs.fevte/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

具体的制作步骤如下：

1、画圆用角度渐变作出明暗变化

2、制作拉丝纹随便在渐变图层上新建一个图层画方型并填灰色滤镜-杂点-添加杂点选中下层的圆形选区,滤镜-模糊-径向模糊然后直接用这个选区做剪切蒙版,就做好啦～也可以根据整个图再调节下曲线，让纹理更明显一点

3、将拉丝纹的图层正片叠底，80不透明度，覆盖在渐变层上，

PS制作金属质感按钮教程

，

或者，导出拉丝纹的图层以贴图形式加在渐变层上，这样以后也可以用。4、再覆盖上明暗的图层强化渐变效果

FEVTE编注：更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区，地址：bbs.fevte/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131