Photoshop制作漂亮前卫的web按钮

夜袭金城

夜袭金城

2016-02-16 06:59

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Photoshop制作漂亮前卫的web按钮,无聊中的都看过来。

先看效果图。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

建新层,画一黑色箭头。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作漂亮前卫的web按钮

PS PS基础
Photoshop制作漂亮前卫的web按钮

Photoshop制作漂亮的黑色质感按钮

PS PS基础 PS效果
Photoshop制作漂亮的黑色质感按钮

s8lol主宰符文怎么配

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

Photoshop制作漂亮的左侧导航按钮

PS PS基础 PS效果
Photoshop制作漂亮的左侧导航按钮

Photoshop制作漂亮的绿色水晶导航按钮

PS PS基础 PS效果
Photoshop制作漂亮的绿色水晶导航按钮

lol偷钱流符文搭配推荐

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

Photoshop制作漂亮的蓝色圆形水晶按钮

PS PS基础 PS效果
Photoshop制作漂亮的蓝色圆形水晶按钮

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

PS PS基础 PS效果
Photoshop制作漂亮的蓝色透明玻璃按钮

lolAD刺客新符文搭配推荐

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

Photoshop绘制Twitter小鸟图标教程

Photoshop绘制Twitter小鸟图标教程

Photoshop为城市建筑图片调出暗红色调

Photoshop为城市建筑图片调出暗红色调
下拉加载更多内容 ↓