当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 制作金属边框的蓝色透明按钮

Photoshop
Photoshop 漂亮的立体火焰字
Photoshop 暗背景男生磨皮及美化
Photoshop 照片怀旧橙黄色
Photoshop 美女半身像转仿手绘效果
Photoshop 模特光滑的黄铜质感肤色
Photoshop 漂亮的抽象光束翅膀
photoshop 简单鼠绘卡通人物头像
photoshop 鼠绘逼真的室外人像
Photoshop 人物换上漂亮的睫毛和双眼皮
Photoshop 美女加上另类个性妆饰
Photoshop 制作创意的水做物体
Photoshop 漂亮的心形图案水晶字
Photoshop 儿童照片可爱的红紫色
photoshop 巧用通道选区快速给人物美白
photoshop 滤镜制作子弹穿过物体后的痕迹
Photoshop 人物照片加上超炫的高光特效
photoshop 合成漂亮的动物海报
Photoshop 漂亮的彩色气球
Photoshop 流线高光字效果
Photoshop 照片梦幻的青色调

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-19   浏览: 204 ::
收藏到网摘: n/a

来源:FEEDBB 作者:不详
本教程的按钮构成部分不多,总共为两大部分,金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层,加上图层样式效果就出来了。制作过程比较简单。
最终效果

1、将背景色填充为黑色。前景色设为 #0090ff ,用“形状工具”在画布中央画一个圆。
 
2、对这个圆应用下面的图层属性:

3、最终,你得到这样的效果:
 
4、用“矩形”工具,画出下面的形状,确保矩形之间的间距是一样的;

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

6、在重复第五步2次。
 
7、按CTRL + T,调整到合适的大小和位置,设置透明度为10%;



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

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

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

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

12、新建一个图层,置于球的图层的下面,颜色选白色,创建一个比球更大的圆。
 
13、对这个圆应用下面的图层属性:

14、最后,对这个圆执行“描边”,宽度为1px,颜色为白色,最终效果如下: