PS制作质感按钮教程

夕颜0524

夕颜0524

2016-04-05 15:16

今天图老师小编要跟大家分享PS制作质感按钮教程,精心挑选的教程简单易学,喜欢的朋友一起来学习吧!

PS制作质感按钮教程

PS制作质感按钮教程 图老师教程

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

  打开photoshop,新建空白文档。

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

  选择圆角矩形工m.tulaoshi.com具,创建按钮的的主要形状,半径为5 px。

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

PS制作质感按钮教程(2)

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

tuLaoShi.com

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

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

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

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

PS制作质感按钮教程(3)

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

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

  添加文字,字体为Arial(Bold,14pt)。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
展开更多 50%)
分享

猜你喜欢

PS制作质感按钮教程

电脑网络
PS制作质感按钮教程

PS制作金属质感按钮教程

电脑网络
PS制作金属质感按钮教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS制作黄色质感水晶按钮教程

电脑网络
PS制作黄色质感水晶按钮教程

PS制作蓝色质感按钮

电脑网络
PS制作蓝色质感按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS制作灰色金属质感按钮

电脑网络
PS制作灰色金属质感按钮

PS质感水晶按钮

电脑网络
PS质感水晶按钮

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

国外PS大神合成超炫机器人

国外PS大神合成超炫机器人

Photoshop合成超酷的海怪袭击场景教程

Photoshop合成超酷的海怪袭击场景教程
下拉加载更多内容 ↓