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

作者:佚名 出处: 本期教程中我们将设置图层样式中的外发光和斜面与浮雕图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置斜面与浮雕中的方法选项制作而成的。具体的制作方法各位网友可跟随教程同步制作。 开始实例的学习之前,可以先

Ps实例教程-高光圆形按钮

先看效果图。 新建文档300×300像素,建新层,画一灰色正圆。 添加图层样式。 副标题 效果如下。 建新图层2画一正圆填充灰色。 添加图层样式。 副标题 效果如下。 建新层,画一个白色箭头。 副标题 添加图层样式。 效果如下。 建新层,调出图层2选区,白到

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部