Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

方乐至上

方乐至上

2016-03-18 05:50

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程的教程,热爱PS的朋友们快点看过来吧!

先看效果图。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

新建文档1280x1024像素,背景白色,建新层,填充黑色,添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

建新层,画一个黑色圆角矩形。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度20%,填充75%。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,用矩形工具做如下选区,填充0082f0,去掉选区用柔角橡皮涂抹两端,产生渐隐的效果。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,画一黑色箭头。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

复制一层缩小,改变渐变叠加的颜色。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

建新层,用钢笔画出下图所示路径,转为选区填充黑色。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

添加图层m.tulaoshi.com样式。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

然后底部建新层做一个阴影,类似下图效果。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

用上述方法作出其它按钮,最终效果如下。

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

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

展开更多 50%)
分享

猜你喜欢

Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计漂亮华丽亮眼酷炫的网页按钮教程

Photoshop设计漂亮精致的网页按钮

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Photoshop设计漂亮精致的网页按钮

s8lol主宰符文怎么配

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

Photoshop设计华丽的立体钻石按钮

PS PS基础
Photoshop设计华丽的立体钻石按钮

PS网页设计:酷炫的黑色风格

PS PS基础 ps平面设计教程 ps去水印教程
PS网页设计:酷炫的黑色风格

lol偷钱流符文搭配推荐

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

Photoshop设计酷炫的荧光字效教程

PS PS基础
Photoshop设计酷炫的荧光字效教程

Photoshop设计橙色黑色RSS网页按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计橙色黑色RSS网页按钮教程

lolAD刺客新符文搭配推荐

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

Photoshop设计金黄色的3D立体按钮教程

Photoshop设计金黄色的3D立体按钮教程

Photoshop制作漂亮的蓝色透明玻璃按钮教程

Photoshop制作漂亮的蓝色透明玻璃按钮教程
下拉加载更多内容 ↓