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

哦草萌の659

哦草萌の659

2016-03-18 05:47

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

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

  先看效果图。

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

Photoshop设计网页按钮

  效果如下图所示。

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

Photoshop设计网页按钮

  效果如下图所示。

Photoshop设计网页按钮

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

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

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

Photoshop设计网页按钮

展开更多 50%)
分享

猜你喜欢

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

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计制作金属感蓝色的网页按钮教程

Photoshop设计制作网站深蓝色金属感导航教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计制作网站深蓝色金属感导航教程

s8lol主宰符文怎么配

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

Photoshop制作金属质感蓝色下载按钮

PS PS基础
Photoshop制作金属质感蓝色下载按钮

Photoshop设计金属质感的网页按钮

PS PS基础
Photoshop设计金属质感的网页按钮

lol偷钱流符文搭配推荐

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

Photoshop制作金属边框的蓝色透明按钮

PS PS基础 PS效果
Photoshop制作金属边框的蓝色透明按钮

Photoshop设计蓝色质感的网页下载按钮

PS PS基础
Photoshop设计蓝色质感的网页下载按钮

lolAD刺客新符文搭配推荐

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

Photoshop绘制杂色质感椭圆极光网页按钮教程

Photoshop绘制杂色质感椭圆极光网页按钮教程

PS利用图层样式制作清爽的播放器按钮教程

PS利用图层样式制作清爽的播放器按钮教程
下拉加载更多内容 ↓