PS按钮制作基础教程之制作黑色质感按钮
“ha真皮”通过精心收集,向本站投稿了9篇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按钮制作基础教程之制作黑色质感按钮】相关文章:
10.PS制作三维空间文字效果






文档为doc格式