Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)

作者:佚名 出处: 本期教程中我们将设置图层样式中的外发光和斜面与浮雕图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置斜面与浮雕中的方法选项制作而成的。具体的制作方法各位

画笔工具的颜色动态参数设置(3)

(9)新建图层,绘制图像。 (10)设置画笔调板。 (11)设置饱和度抖动选项。

作者:佚名   出处:
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图

本期教程中我们将设置图层样式中的“外发光”和“斜面与浮雕”图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置“斜面与浮雕”中的“方法”选项制作而成的。具体的制作方法各位网友可跟随教程同步制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(1)

(1)运行Photoshop CS5,随意做一个背景。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(2)

(2)设置前景色,使用“椭圆”工具进行绘制。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(3)

(3)为“形状 1”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(4)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(5)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(6)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(7) 
4)使用“椭圆”工具绘制出“形状 2”。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(8)

(5)复制“形状 2”,将“形状 2 副本”缩小。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(9)

(6)为“形状 2 副本”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(10)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(11)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(12)

(7)使用“自定义形状”工具绘制出环形。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(13)

(8)使用“钢笔”工具和“直接选择”工具对“形状 3”进行修改。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(14)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(15)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(16)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(17)
9)为“形状 3”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(18)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(19)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(20)

(10)使用“圆角矩形”工具绘制出“形状 4”并添加与“形状 3”一样的图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(21)

(11)新建“图层 1”,使用“矩形选框”工具绘制选区并填充黑色。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(22)

(12)执行“滤镜”→“渲染”→“镜头光晕”命令。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(23)

(13)设置“图层 1”的混合模式为“颜色减淡”,并移动其位置。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(24)

(14)复制“图层 1”三次,移动其位置,完成按钮制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(25)
15)使用相同方法绘制出不同按钮,完成实例制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(26)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(27)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(28)
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(29)
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(30)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(28)
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(29)
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(30)作者:佚名   出处:
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图

本期教程中我们将设置图层样式中的“外发光”和“斜面与浮雕”图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置“斜面与浮雕”中的“方法”选项制作而成的。具体的制作方法各位网友可跟随教程同步制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(1)

(1)运行Photoshop CS5,随意做一个背景。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(2)

(2)设置前景色,使用“椭圆”工具进行绘制。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(3)

(3)为“形状 1”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(4)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(5)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(6)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(7) 
4)使用“椭圆”工具绘制出“形状 2”。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(8)

(5)复制“形状 2”,将“形状 2 副本”缩小。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(9)

(6)为“形状 2 副本”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(10)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(11)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(12)

(7)使用“自定义形状”工具绘制出环形。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(13)

(8)使用“钢笔”工具和“直接选择”工具对“形状 3”进行修改。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(14)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(15)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(16)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(17)
9)为“形状 3”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(18)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(19)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(20)

(10)使用“圆角矩形”工具绘制出“形状 4”并添加与“形状 3”一样的图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(21)

(11)新建“图层 1”,使用“矩形选框”工具绘制选区并填充黑色。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(22)

(12)执行“滤镜”→“渲染”→“镜头光晕”命令。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(23)

(13)设置“图层 1”的混合模式为“颜色减淡”,并移动其位置。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(24)

(14)复制“图层 1”三次,移动其位置,完成按钮制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(25)
15)使用相同方法绘制出不同按钮,完成实例制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(26)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(27)

作者:佚名   出处:
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图

本期教程中我们将设置图层样式中的“外发光”和“斜面与浮雕”图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置“斜面与浮雕”中的“方法”选项制作而成的。具体的制作方法各位网友可跟随教程同步制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(1)

(1)运行Photoshop CS5,随意做一个背景。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(2)

(2)设置前景色,使用“椭圆”工具进行绘制。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(3)

(3)为“形状 1”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(4)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(5)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(6)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(7) 
4)使用“椭圆”工具绘制出“形状 2”。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(8)

(5)复制“形状 2”,将“形状 2 副本”缩小。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(9)

(6)为“形状 2 副本”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(10)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(11)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(12)

(7)使用“自定义形状”工具绘制出环形。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(13)

(8)使用“钢笔”工具和“直接选择”工具对“形状 3”进行修改。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(14)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(15)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(16)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(17)
9)为“形状 3”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(18)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(19)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(20)

(10)使用“圆角矩形”工具绘制出“形状 4”并添加与“形状 3”一样的图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(21)

(11)新建“图层 1”,使用“矩形选框”工具绘制选区并填充黑色。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(22)

(12)执行“滤镜”→“渲染”→“镜头光晕”命令。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(23)

(13)设置“图层 1”的混合模式为“颜色减淡”,并移动其位置。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(24)

(14)复制“图层 1”三次,移动其位置,完成按钮制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(25)
15)使用相同方法绘制出不同按钮,完成实例制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(26)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(27)

Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(28)
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(29)
Photoshop CS5教程:制作灰色暗调金属风格按钮特效(3)插图(30)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部