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

白羊黑桃开

白羊黑桃开

2016-03-18 05:51

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop制作红色高光质感网页按钮,手机电脑控们准备好了吗?一起看过来吧!
最终效果



1、新建一个800 * 600 像素的文本,选择渐变工具,颜色设置如图1,拉出图2所示的线性渐变作为背景。


图1


图2

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)2、新建一个图层,用椭圆选框工具在画布的中间位置拉出图3所示的正圆选区。选择渐变工具,颜色设置如图4,拉出图5所示的tulaoshi径向渐变。拉好渐变后暂不要取消选区。


图3


图4


图5

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)3、新建一个图层,把选区向下移一个像素后填充深灰色:#424242,填色后再把选区向下移动几个像素,按Ctrl + Alt + D 羽化6个像素如图7,然后按Delete 删除,效果如图8。


图6


图7


图8

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)4、同上的方法再制作顶部的高光带,选择的颜色为:#AEAEAE,如图9,10。

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


图10

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)5、新建一个图层,在原正圆的中心位置再拉出图11所示的正圆选区,选择渐变工具,颜色设置如图12,拉出图13所示的径向渐变。


图11


图12


图13

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)6、新建一个图层,按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层,用钢笔勾出图14所示的选区,羽化15个像素后填充颜色:#0F0F0F。


图14
7、新建一个图层,用钢笔勾出图15所示的选区,羽化15个像素后填充白色,把图层不透明度改为:20%,效果如图16。


图15


图16

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)8、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充颜色:#323232,图层不透明度改为:50%。


图17

12下一页
展开更多 50%)
分享

猜你喜欢

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

PS PS基础 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 CS5设计网页放射灯光高级按钮效果

Photoshop CS5设计网页放射灯光高级按钮效果

Photoshop设计网页蓝色圆形音乐水晶按钮

Photoshop设计网页蓝色圆形音乐水晶按钮
下拉加载更多内容 ↓