Photoshop CS5样式教程:制作多彩的水晶胶囊按钮

作者:佚名 出处: 本期教程中我们将设置图层样式效果来制作一个胶囊状的水晶按钮效果,制作中主要使用了外发光、内发光、渐变叠加等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。 (1)运行Photoshop CS5,创建一个背景。 (2)新建图层并命名为按钮,选择圆

Photoshop制作非常精致的蓝色水晶按钮

水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对


作者:佚名   出处:
Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图

本期教程中我们将设置图层样式效果来制作一个胶囊状的水晶按钮效果,制作中主要使用了“外发光”、“内发光”、“渐变叠加”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。

 

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(1)

(1)运行Photoshop CS5,创建一个背景。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(2)

(2)新建图层并命名为“按钮”,选择“圆角矩形工具”,单击工具选项栏中的“路径”按钮,创建路径并将路径载入选区。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(3)

(3)选择“渐变工具”填充选区,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(4)

(4)为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(5)

(5)单击“内发光”项目,设置其各项参数

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(6)

(6)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(7)
7)新建图层并命名为“左半部”,按下键的同时单击“按钮”图层,将“按钮”图层其载入选区,并为选区填充前景色。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(8)

(8)选择“椭圆选框工具”创建选区,执行“选择”→“反向”命令,并删除选区内容,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(9)

(9)新建图层并命名为“中部”,选择“椭圆选框工具”绘制选区并填充前景色

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(10)

(10)新建图层并命名为“下高光”,按下键的同时单击“按钮”图层,将“按钮”图层载入选区,选择“渐变工具”填充选区。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(11)

(11)按下组合键,执行“自由变换”命令,调整后效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(12)
12)更改图层混合模式为“叠加”,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(13)

(13)新建图层并命名为“上高光”,选择“圆角矩形工具”,单击工具选项栏中的“路径”按钮,创建路径并修改路径。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(14)

(14)将路径载入选区并填充前景色。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(15)

(15)为“上高光”图层添加“渐变叠加”图层样式,并设置其各项参数。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(16)

(16)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(17)
17)创建图层组命名为“胶囊按钮”,并将“按钮”、“左半部”、“中部”、“下高光”、“上高光”拖入该图层组中。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(18)

(18)参照制作“胶囊按钮”图层组的方法,制作出“上按钮”、“下按钮”图层,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(19)

(19)将“图层”调板中隐藏的“装饰”图层组显示,完成本实例的制作。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(20)

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(21)

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(22)




作者:佚名   出处:
Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图

本期教程中我们将设置图层样式效果来制作一个胶囊状的水晶按钮效果,制作中主要使用了“外发光”、“内发光”、“渐变叠加”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。

 

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(1)

(1)运行Photoshop CS5,创建一个背景。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(2)

(2)新建图层并命名为“按钮”,选择“圆角矩形工具”,单击工具选项栏中的“路径”按钮,创建路径并将路径载入选区。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(3)

(3)选择“渐变工具”填充选区,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(4)

(4)为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(5)

(5)单击“内发光”项目,设置其各项参数

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(6)

(6)按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(7)
7)新建图层并命名为“左半部”,按下键的同时单击“按钮”图层,将“按钮”图层其载入选区,并为选区填充前景色。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(8)

(8)选择“椭圆选框工具”创建选区,执行“选择”→“反向”命令,并删除选区内容,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(9)

(9)新建图层并命名为“中部”,选择“椭圆选框工具”绘制选区并填充前景色

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(10)

(10)新建图层并命名为“下高光”,按下键的同时单击“按钮”图层,将“按钮”图层载入选区,选择“渐变工具”填充选区。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(11)

(11)按下组合键,执行“自由变换”命令,调整后效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(12)
12)更改图层混合模式为“叠加”,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(13)

(13)新建图层并命名为“上高光”,选择“圆角矩形工具”,单击工具选项栏中的“路径”按钮,创建路径并修改路径。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(14)

(14)将路径载入选区并填充前景色。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(15)

(15)为“上高光”图层添加“渐变叠加”图层样式,并设置其各项参数。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(16)

(16)按下“确定”按钮,关闭“图层样式”对话框,更改图层混合模式为“颜色减淡”,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(17)
17)创建图层组命名为“胶囊按钮”,并将“按钮”、“左半部”、“中部”、“下高光”、“上高光”拖入该图层组中。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(18)

(18)参照制作“胶囊按钮”图层组的方法,制作出“上按钮”、“下按钮”图层,效果如图所示。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(19)

(19)将“图层”调板中隐藏的“装饰”图层组显示,完成本实例的制作。

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(20)

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(21)

Photoshop CS5样式教程:制作多彩的水晶胶囊按钮插图(22)



作者: 791650988

为您推荐