欢迎来到个人简历网!永久域名:gerenjianli.cn (个人简历全拼+cn)
当前位置:首页 > 范文大全 > 实用文>PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

2023-04-07 08:31:37 收藏本文 下载本文

“ha真皮”通过精心收集,向本站投稿了9篇PS按钮制作基础教程之制作黑色质感按钮,下面是小编收集整理后的PS按钮制作基础教程之制作黑色质感按钮,供大家参考借鉴,欢迎大家分享。

PS按钮制作基础教程之制作黑色质感按钮

篇1:PS按钮制作基础教程之制作黑色质感按钮

本教程介绍非常实用的导航按钮的制作方法,

PS按钮制作基础教程之制作黑色质感按钮

。效果图看上去非常简单,不过还是有很多细节需要用心去处理,如果按钮的高光及倒影部分。教程只是一个提示,学会了就可以作者其它类似的效果。

最终效果

1、新建一个120 * 50的文档,背景填充颜色:#838383,选择圆角矩形工具,半径设置为10像素。然后拖曳出一个大小适当的圆角矩形,位置偏上,因为最后将添加投影。圆角矩形的颜色为:#111111。

2、双击形状图层或者通过右键菜单进入图层样式选项,参数设置如下图。

大致效果图。

3、新建一个图层,选择铅笔工具,设置铅笔大小为2像素,前景颜色设置为:#eee1cd,如下图所示画一条高光线。

双击或右键此图层进入图层样式选项,参数及效果如下图。

4、依然选中铅笔图层,点击图层下面的蒙蔽按钮,添加图层蒙版,然后选择渐变工具,颜色设置及渐变方式如下图,由中间向左拉出透明渐变,效果如下图,

5、选择钢笔工具,绘制下图所示的梯形,执行:滤镜 >模糊 >高斯模糊,此时被询问“是否栅格化图层”。选择“是”,然后输入数值:0.6。

6、按住Ctrl 的同时单击形状1,此时出现形状1的选区,按Ctrl + Shift + I 反选选区,然后按Delete 删除形状2图层的多余部分,效果如下图。用复制 + 水平翻转得到另一半的圆形,效果如下图。

6、按住Ctrl 的同时单击形状1,此时出现形状1的选区,按Ctrl + Shift + I 反选选区,然后按Delete 删除形状2图层的多余部分,效果如下图。用复制 + 水平翻转得到另一半的圆形,效果如下图。

7、在最顶部新建一个图层,按Ctrl + 单击形状1得到选区,然后选择菜单:编辑 >描边,参数设置如下图。

取消选区,然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为:55%,效果如下图。

篇2:PS按钮制作基础教程之制作宝石质感按钮

本教程介绍非常通透的宝石质感按钮的制作方法,

PS按钮制作基础教程之制作宝石质感按钮

。大致过程:先用选区工具做出想要的形状,调色后用一些图层样式做出纹理和质感效果。然后再加上高光和文字即可。

最终效果

1、打开下图所示的背景素材。

2、选择“椭圆”工具进行绘制。

3、双击图层缩览图,设置打开的“拾取实色”对话框。

4、执行“编辑”→“变换”→“变形”命令。

5、为“形状 1”添加“内阴影”图层样式效果。

6、设置“图案叠加”图层样式。

7、新建“图层 1”,选择“矩形选框工具”绘制选区,

8、设置渐变色,并填充选区。

9、新建“图层2”,设置渐变色并填充选区。

10、设置“图层2”的混合模式为“柔光”。

11、设置“图层1”的混合模式为“强光”。

12、选择“图层 1”图层,执行“图层”→“创建剪贴蒙版”命令。

13、为“图层 2”创建剪贴蒙板。

14、选择“椭圆”工具进行绘制。

篇3:PS制作质感按钮

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

具体的制作步骤如下:

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

添加图层样式。

效果如下。

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

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

添加图层颜色。

效果如下。

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

添加图层样式。

效果如下。

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

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

篇4:PS制作质感按钮

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

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

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

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

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

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

篇5:PS简单制作质感按钮

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

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/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.com/forum-51-1.html

篇6:PS按钮制作基础教程之制作灰色圆形质感按钮

本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序,

PS按钮制作基础教程之制作灰色圆形质感按钮

。另外按钮以水质质感为主,需要用图层样式控制好光感。

最终效果

1、新建一个大小适当的文档,背景填充灰色。

2、新建图层,选择“椭圆”工具进行绘制。

3、为“形状 1”添加图层样式“投影”效果。

4、更改“形状 1”的填充为“0%”。

5、新建图层,使用“椭圆”工具进行绘制,

6、为“形状 2”添加图层样式效果。

7、复制“形状 2”,重新设置其图层样式。

8、更改“形状 2 副本”的填充为“0%”。

9、新建图层,使用“选框”工具绘制出半圆选区并填充白色。

篇7:PS制作质感蓝色按钮

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

具体的制作步骤如下:

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

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

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

之后对椭圆进行高斯模糊

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

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

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

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

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

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

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

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

4.制作底部发光,

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

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

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

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

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

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

调整椭圆的透明度

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

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

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

篇8:PS制作玻璃质感按钮

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

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

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

篇9:PS制作水晶质感按钮

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

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/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.com/forum-51-1.html

【PS按钮制作基础教程之制作黑色质感按钮】相关文章:

1.PS按钮制作基础教程之制作青色水晶雪花按钮

2.PS绘制质感开关按钮

3.PPT制作动感按钮跟我来

4.PS按钮制作高级教程之制作蓝色水晶按钮

5.PS鼠绘水晶质感按钮教程

6.PS制作质感图标教程

7.PS制作黄金质感磨砂字

8.PS制作超酷文字效果

9.PS制作毛绒文字效果

10.PS制作三维空间文字效果

下载word文档
《PS按钮制作基础教程之制作黑色质感按钮.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度: 评级1星 评级2星 评级3星 评级4星 评级5星
点击下载文档

文档为doc格式

  • 返回顶部