Photoshop制作金属边框的蓝色透明按钮

筱宇夏冷

筱宇夏冷

2016-02-02 17:03

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop制作金属边框的蓝色透明按钮的教程,热爱PS的朋友们快点看过来吧!
本教程的按钮构成部分不多,总共为两大部分,金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层,加上图层样式效果就出来了。制作过程比较简单。
最终效果

1、将背景色填充为黑色。前景色设为 #0090ff ,用“形状工具”在画布中央画一个圆。

2、对这个圆应用下面的图层属性:

3、最终,你得到这样的效果:

4、用“矩形”工具,画出下面的形状,确保矩形之间的间距是一样的;

5、对这个矩形应用“滤镜-扭曲-球面化”。

6、在重复第五步2次。

7、按CTRL + T,调整到合适的大小和位置,设置透明度为10%;

8、创建一个圆形选区,填充为白色,如下图所示;

9、对这个图层应用图层蒙版,将前景色背景色分别设为黑色和白色,选取线性渐变工具,从圆的底部拖向圆的中间偏上位置,这样圆的下半部就变成透明了,最后设置透明度为10%;

10、重复第9步,不过这个圆要比刚才那个要稍微大一些,位置也稍微偏下一点,透明度设为15%;

11、复制第9步制作的那个圆,执行“垂直翻转”。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)12、新建一个图层,置于球的图层的下面,颜色选白色,创建一个比球更大的圆。

13、对这个圆应用下面的图层属性:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)14、最后,对这个圆执行“描边”,宽度为1px,颜色为白色,最终效果如下:

展开更多 50%)
分享

猜你喜欢

Photoshop制作金属边框的蓝色透明按钮

PS PS基础 PS效果
Photoshop制作金属边框的蓝色透明按钮

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

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

s8lol主宰符文怎么配

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

Photoshop制作精致的带金属边框的水晶按钮

PS PS基础 PS效果
Photoshop制作精致的带金属边框的水晶按钮

Photoshop制作透明边框

电脑网络
Photoshop制作透明边框

lol偷钱流符文搭配推荐

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

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

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作漂亮的蓝色透明玻璃按钮教程

Photoshop设计制作金属感蓝色的网页按钮教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计制作金属感蓝色的网页按钮教程

lolAD刺客新符文搭配推荐

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

Photoshop制作简单的水晶导航按钮

Photoshop制作简单的水晶导航按钮

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

Photoshop制作漂亮的左侧导航按钮
下拉加载更多内容 ↓