Photoshop制作简洁的网页按钮

程_程

程_程

2016-02-16 05:17

下面图老师小编要向大家介绍下Photoshop制作简洁的网页按钮,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

先看效果图。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

效果如下。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

新建图层,再画一个小的白色圆角矩形,图层不透明度50%。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

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

下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

添加蒙版黑白直线渐变,图层不透明度80%左右,输入白色文字,效果如下。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

如果你觉得蓝色不好看,想换个颜色,那就添加一个色相/饱和度调整层。

Photoshop制作简洁的网页按钮,PS教程,图老师教程网

颜色随心换,只要你喜欢,本ps教程结束,其它效果如下。

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

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基础
Photoshop制作清新的立体网页按钮

Photoshop制作立体绚丽的网页按钮

PS PS基础
Photoshop制作立体绚丽的网页按钮

lolAD刺客新符文搭配推荐

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

Photoshop调出手机照片经典怀旧色调

Photoshop调出手机照片经典怀旧色调

Photoshop给古典美女线稿上色教程

Photoshop给古典美女线稿上色教程
下拉加载更多内容 ↓