Photoshop CS5样式教程:制作金属机械风格按钮特校(2)

Photoshop CS5样式教程:制作金属机械风格按钮特校(3) 作者:佚名 出处: 本期教程中我们将设置图层样式效果来制作一个表面为金属效果的按钮,制作中主要使用了为图层应用多…

Photoshop CS5样式教程:制作金属机械风格按钮特校(3)

作者:佚名 出处: 本期教程中我们将设置图层样式效果来制作一个表面为金属效果的按钮,制作中主要使用了为图层应用多次图层样式效果的方法,具体的方法读者可跟随教程同步制作并逐步了解 先看看最终效果图 (1)运行Ph


作者:佚名   出处:
Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图

本期教程中我们将设置图层样式效果来制作一个表面为金属效果的按钮,制作中主要使用了为图层应用多次图层样式效果的方法,具体的方法读者可跟随教程同步制作并逐步了解

先看看最终效果图

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(1)

(1)运行Photoshop CS5,随意制作一个背景图片。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(2)

(2)选择“圆角矩形”工具设置并绘制。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(3)

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

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(4)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(5)

(4)新建“图层 1”并与“形状 1”图层合并。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(6)

(5)为合并后的“图层 1”添加图层样式。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(7)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(8)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(9)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(10)

(6)选择“矩形选框”工具绘制出选区。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(11)

(7)复制选区内容到“图层 2”并删除其图层样式。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(12)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(13) 
8)执行“图像”→“调整”→“色相/饱和度”命令。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(14)

(9)选择“减淡”工具设置并擦出高光。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(15)

(10)选择“画笔”工具,选择方头画笔并设置。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(16)

(11)新建“图层 3”,设置前景色为“白色”,在视图中绘制。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(17)

(12)为“图层 3”添加图层样式。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(18)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(19)

(13)显示“组 1”图层组,完成实例制作。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(20)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(21)

 

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(22)




作者:佚名   出处:
Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图

本期教程中我们将设置图层样式效果来制作一个表面为金属效果的按钮,制作中主要使用了为图层应用多次图层样式效果的方法,具体的方法读者可跟随教程同步制作并逐步了解

先看看最终效果图

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(1)

(1)运行Photoshop CS5,随意制作一个背景图片。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(2)

(2)选择“圆角矩形”工具设置并绘制。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(3)

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

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(4)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(5)

(4)新建“图层 1”并与“形状 1”图层合并。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(6)

(5)为合并后的“图层 1”添加图层样式。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(7)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(8)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(9)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(10)

(6)选择“矩形选框”工具绘制出选区。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(11)

(7)复制选区内容到“图层 2”并删除其图层样式。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(12)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(13) 
8)执行“图像”→“调整”→“色相/饱和度”命令。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(14)

(9)选择“减淡”工具设置并擦出高光。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(15)

(10)选择“画笔”工具,选择方头画笔并设置。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(16)

(11)新建“图层 3”,设置前景色为“白色”,在视图中绘制。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(17)

(12)为“图层 3”添加图层样式。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(18)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(19)

(13)显示“组 1”图层组,完成实例制作。

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(20)

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(21)

 

Photoshop CS5样式教程:制作金属机械风格按钮特校(2)插图(22)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部