PS制作质感按钮教程

2016-04-05 15:16 21 1 收藏

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

【 tulaoshi.com - ps鼠绘 】

PS制作质感按钮教程

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

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

  打开photoshop,新建空白文档。

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

  选择圆角矩形工www.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)。

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160405/2124735.html

延伸阅读
PTulaoshi.ComS鼠绘圆形质感按钮教程 PS鼠绘圆形质感按钮教程 以上,如若有错别字,还请海涵。 photoshop教程最终效果:
PS绘制质感红色Logo按钮的详细教程 (1)photoshop教程运行Photoshop CS5,打开素材文(www.tulaoshi.com)件红背景.psd文件。 (2)设置前景色,选择圆角矩形工具,设置并绘制。 (3)对形状 1进行自由变换操作。 (4)为形状 1添加图层样式投影效果。 PS绘制质感红色Logo按钮的详细教程(2) (5)新建图层 1,并...
【PS文字特效】PS制作石头质感效果教程 本教程将教大家如何制作一个石头般质感的字体,主要使用的是滤镜,外加一个纹理搭配,过程很简单,希望大家喜欢。 最终效果图: 背景纹理教程 第一步: 新建一个画布,设置前景色为:Tulaoshi.Com#265649 背景色为:#322d2f。拉一个径向渐变。 -把我们提供的字体下...
先看效果图 新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。 新建图层画一黑色正圆。 添加图层样式。 效果如下。 复制一层,清除图层样式,将此层缩小。 再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。 复制这个白色层,添加蒙版黑白斜线渐变。 不透...
PS绘制漂亮玻璃质感按钮 先来看看制作出的效果吧! 下面是具体的制作步骤: 一、新tulaoshi建一个文档,大小为700*500像素,使用圆角矩形工具绘制一个圆角的长方形,新建一个图层,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:按钮背景 ,效果如下图: 二、复制此图层,命名为高光,改变填充为白色填...

经验教程

587

收藏

64
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部