Photoshop制作精美的网页按钮教程

马勒彼得草

马勒彼得草

2016-02-16 07:03

今天图老师小编给大家精心推荐个Photoshop制作精美的网页按钮教程教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

先看效果图。

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

效果如下图所示。

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

效果如下图所示。

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

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

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

Photoshop制作精美的网页按钮教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作精美的网页按钮教程

PS PS基础
Photoshop制作精美的网页按钮教程

Photoshop制作精美的皮制日历图标教程

PS PS教程
Photoshop制作精美的皮制日历图标教程

s8lol主宰符文怎么配

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

Photoshop制作好看的网页按钮教程

PS PS基础
Photoshop制作好看的网页按钮教程

Photoshop制作精美的中秋吉祥结教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精美的中秋吉祥结教程

lol偷钱流符文搭配推荐

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

Photoshop制作精美的金色立体音符教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精美的金色立体音符教程

Photoshop制作精美的水彩动物头像教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精美的水彩动物头像教程

lolAD刺客新符文搭配推荐

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

Photoshop调出人物健康的黝黑肤色效果

Photoshop调出人物健康的黝黑肤色效果

Photoshop合成后天中水淹城市效果

Photoshop合成后天中水淹城市效果
下拉加载更多内容 ↓