Photoshop制作高光胶囊效果的网页按钮

板石牛板筋

板石牛板筋

2016-02-16 06:54

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop制作高光胶囊效果的网页按钮懂PS的网友们快点来了解吧!

先看效果图。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

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

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

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

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

建新层,画一个小的圆角矩形,颜色#f7bdd6。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

高斯模糊一下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

添加外发光样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

不透明度改为80%,效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

建新层,同样方法作出下图所示的白色高光,不透明度80%左右。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

建新层,画一个小的白色圆角矩形。

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

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

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

效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

合并除背景外所有层,复制一个挪到底部,ctrl+T垂直翻转,高斯模糊一下,然后添加黑色文字,效果如下。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

复制几个,改变颜色,其它效果。

Photoshop制作高光胶囊效果的网页按钮,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作高光胶囊效果的网页按钮

PS PS基础
Photoshop制作高光胶囊效果的网页按钮

Photoshop制作红色高光质感网页按钮

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作红色高光质感网页按钮

s8lol主宰符文怎么配

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

Photoshop制作高光质感开关按钮

PS PS基础
Photoshop制作高光质感开关按钮

Photoshop制作金色高光按钮教程

PS
Photoshop制作金色高光按钮教程

lol偷钱流符文搭配推荐

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

Photoshop制作非常高档的金色高光按钮

PS PS基础 PS效果
Photoshop制作非常高档的金色高光按钮

Photoshop制作高光音乐播放按钮

PS PS基础
Photoshop制作高光音乐播放按钮

lolAD刺客新符文搭配推荐

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

Photoshop绘制卡通老鼠插画教程

Photoshop绘制卡通老鼠插画教程

Photoshop打造抽象商务背景教程

Photoshop打造抽象商务背景教程
下拉加载更多内容 ↓