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

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

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

【 tulaoshi.com - PS 】

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

  先看效果图。

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

Photoshop设计网页按钮

  效果如下图所示。

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

Photoshop设计网页按钮

Photoshop设计网页按钮

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

  效果如下图所示。

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

延伸阅读
标签: PS PS基础
先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 3、创建一个新图层,使用圆角矩形工具制作一个小一点的白色矩形,你可以使用自由变换调整它的大小和位置,如图所示。 4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几...
这是一篇photoshop特效教程,主要为大家介绍使用photoshop中的图层样式功能制作一款精美的不锈钢文字,希望大家喜欢,先看效果图。 1、新建文档600x450像素,双击背景转为普通层,添加样式。 2、点击新建按钮,保存这个样式。 背景如下。 3、前景色#999999输入文字4x4,选择设置数...
来源:PS联盟 作者:Sener 按钮分为两个大的部分来制作:中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同,只需要找出相应的高光部分并渲染出来即可。 最终效果 1、新建一个800 * 600像素的文档,背景填充暗紫色:#752874,如下图。 图1 2、先来制作中间的蓝色水晶部分,需要完成的效果如下图。 图2 3、新建一个组,选择椭圆选...
来源:一起PS吧 作者:不详 水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 最终效果 1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 2、底部矩形样式。 3、上部...
标签: PS PS教程
本文由 中国 龟爬树(邓志峰) 原创,转载请保留此信息!   1、新建一个150X150像素的透明文档,用矩形选择工具选取一个方形区域,并填充白色,如下图 2、点击右键设置图层样式如下图 渐变叠加 描边 3、再新建一个6X6像素的文档,用铅笔工具画斜线如下图: 4、现在选择菜单项,编辑--定义图案,取...

经验教程

532

收藏

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