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

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

ps绿色按钮教程(3)

11、最后添加斜面与浮雕,参数设置如下图。 12、整体按钮的分叉投影,其实就是将按钮设定在一个组之下,给组一个羽化的三角遮罩,就成为类似分叉的投影了。 13、下面制作下一个图层的内容,左上角的斜标相对来说就


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

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

先看看最终效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)为“形状 1”图层添加图层样式。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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



作者: 791650988

为您推荐