Photoshop设计制作金属感蓝色的网页按钮教程

2016-03-18 05:47 1 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Photoshop设计制作金属感蓝色的网页按钮教程,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - PS 】

  这是一篇photoshop按钮制作教程,教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果,大家一起来动手制作吧。

  先看效果图。

Photoshop设计网页按钮

  1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。

Photoshop设计网页按钮

  2、分别添加投影、描边这两个图层样式。

Photoshop设计网页按钮

Photoshop设计网页按钮

  效果如下图所示。

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

Photoshop设计网页按钮

  3、创建一个新图层,使用圆角矩形工具制作一个小一点的白色矩形,你可以使用自由变换调整它的大小和位置,如图所示。

Photoshop设计网页按钮

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

  4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几种图层样式,如图所示。

Photoshop设计网页按钮

Photoshop设计网页按钮

Photoshop设计网页按钮

  效果如下图所示。

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

Photoshop设计网页按钮

  5、新建一个图层,按下Ctrl键单击白色矩形图层的缩略图载入选区,并填充黑色,然后用钢笔工具制作出下图所示的路径,然后按Ctrl+Enter把选区转化为路径,再添加一个图层蒙版,如图所示。

Photoshop设计网页按钮

  6、设置图层混合模www.Tulaoshi.com式为“柔光”,不透明度为70%,如图所示。

Photoshop设计网页按钮

  8、背景填充黑色,然后使用文字工具输入一些文字,并为文字图层添加外发光图层样式,如图所示。

Photoshop设计网页按钮

  9、多复制几个按钮,并添加不同的文字,最终效果如下图所示。

Photoshop设计网页按钮

来源:https://www.tulaoshi.com/n/20160318/1873747.html

延伸阅读
最终效果图 1、首先启动功能强大的Photoshop,新建一个合适大小的画布,并且将背景色设置为灰色。如图1所示。 2、接着使用圆角矩形工具,将半径设置为(图老师整理)10像素,绘制出一个圆角矩形。如图2所示。 3、选择渐变工具,打开渐变编辑器,模拟真实金属的光泽,设置黑白灰的渐变。如图3所示。 4、按下C...
来源:一起PS吧 作者:不详 水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 最终效果 1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 2、底部矩形样式。 3、上部...
标签: PS PS基础
先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 3、创建一个新图层,使用圆角矩形工具制作一个小一点的白色矩形,你可以使用自由变换调整它的大小和位置,如图所示。 4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几...
标签: PS PS基础
先看看效果图 打开photoshop,新建空白文档。 为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工具,创建按钮的的主要形状,半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。 现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258)。 ...
这是一篇photoshop特效教程,主要为大家介绍使用photoshop中的图层样式功能制作一款精美的不锈钢文字,希望大家喜欢,先看效果图。 1、新建文档600x450像素,双击背景转为普通层,添加样式。 2、点击新建按钮,保存这个样式。 背景如下。 3、前景色#999999输入文字4x4,选择设置数...

经验教程

233

收藏

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