Photoshop cs5制作灰色质感的播放器界面(2)

Photoshop cs5制作灰色质感的播放器界面(3) 作者:佚名 出处: 效果图: (1)运行Photoshop CS5,随意制作一个背景。 (2)使用钢笔工具在视图中绘制形状…

Photoshop cs5制作灰色质感的播放器界面(3)

作者:佚名 出处: 效果图: (1)运行Photoshop CS5,随意制作一个背景。 (2)使用钢笔工具在视图中绘制形状图层。 (3)接着为形状 1图像添加渐变叠加和斜面和浮雕样式效果,使其呈现立体效果。 4)继续为其添加内阴影、描


作者:佚名   出处:
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)

Photoshop cs5制作灰色质感的播放器界面(2)插图(6)
 4)继续为其添加“内阴影”、“描边”、“投影”样式效果,将播放器底座制作出来。

Photoshop cs5制作灰色质感的播放器界面(2)插图(7)

Photoshop cs5制作灰色质感的播放器界面(2)插图(8)

Photoshop cs5制作灰色质感的播放器界面(2)插图(9)

Photoshop cs5制作灰色质感的播放器界面(2)插图(10)

Photoshop cs5制作灰色质感的播放器界面(2)插图(11)

(5)复制“形状 1”图层,删除其图层样式并调整大小和形状。

Photoshop cs5制作灰色质感的播放器界面(2)插图(12) 
  6)接着为其添加“内发光”和“描边”效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(13)

Photoshop cs5制作灰色质感的播放器界面(2)插图(14)

Photoshop cs5制作灰色质感的播放器界面(2)插图(15)

(7)更改该图层的图层填充度。

Photoshop cs5制作灰色质感的播放器界面(2)插图(16)

(8)复制“形状 1 副本”图层,更改其形状和图层样式。

Photoshop cs5制作灰色质感的播放器界面(2)插图(17)

Photoshop cs5制作灰色质感的播放器界面(2)插图(18)

Photoshop cs5制作灰色质感的播放器界面(2)插图(19)
 9)使用“圆角矩形”工具绘制形状并对其加以调整。

Photoshop cs5制作灰色质感的播放器界面(2)插图(20)

(10)更改“形状 2”的图层填充度,为其添加“渐变叠加”和“描边”样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(21)

Photoshop cs5制作灰色质感的播放器界面(2)插图(22)

Photoshop cs5制作灰色质感的播放器界面(2)插图(23)

Photoshop cs5制作灰色质感的播放器界面(2)插图(24)

(11)复制“形状 2”,调整其大小和形状。

Photoshop cs5制作灰色质感的播放器界面(2)插图(25)

(12)更改其“渐变叠加”参数选项,添加“内发光”样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(26)

Photoshop cs5制作灰色质感的播放器界面(2)插图(27)

Photoshop cs5制作灰色质感的播放器界面(2)插图(28) 
13)使用“椭圆”工具绘制正圆形状图层,为其添加“渐变叠加”和“外发光”样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(29)

Photoshop cs5制作灰色质感的播放器界面(2)插图(30)

Photoshop cs5制作灰色质感的播放器界面(2)插图(31)

(14)复制“形状 3”图层,删除“外发光”样式,更改“渐变叠加”样式参数选项。

Photoshop cs5制作灰色质感的播放器界面(2)插图(32)

(15)使用“椭圆选框”工具绘制选区,为其添加图层蒙版,屏蔽选区内图像。

Photoshop cs5制作灰色质感的播放器界面(2)插图(33)

Photoshop cs5制作灰色质感的播放器界面(2)插图(34)

(16)复制“形状 3 副本”图层,删除图层蒙版,缩小其形状并更改其“渐变叠加”样式参数选 项。

Photoshop cs5制作灰色质感的播放器界面(2)插图(35)

Photoshop cs5制作灰色质感的播放器界面(2)插图(36) 
17)继续使用“钢笔”工具绘制形状图层,参照上述所示方法,为其添加不同的图层样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(37)

(18)下面开始制作播放器的上部分,在“装饰 2”图层组的上方绘制形状,并为其添加不同的图层样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(38)

Photoshop cs5制作灰色质感的播放器界面(2)插图(39)

Photoshop cs5制作灰色质感的播放器界面(2)插图(40)

Photoshop cs5制作灰色质感的播放器界面(2)插图(41)

Photoshop cs5制作灰色质感的播放器界面(2)插图(42)

Photoshop cs5制作灰色质感的播放器界面(2)插图(43)

(19)在“形状 5”图层的下方绘制形状图层。

Photoshop cs5制作灰色质感的播放器界面(2)插图(44)

(20)将“形状 5”图层的图层样式效果复制到“形状 6”图层中并加以调整。

Photoshop cs5制作灰色质感的播放器界面(2)插图(45)
21)使用“圆角矩形”工具绘制形状并加以调整。

Photoshop cs5制作灰色质感的播放器界面(2)插图(46)

(22)接着为其添加“渐变叠加”、“外发光”和“投影”效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(47)

Photoshop cs5制作灰色质感的播放器界面(2)插图(48)

Photoshop cs5制作灰色质感的播放器界面(2)插图(49)

(23)将“形状 3”及其副本图层复制,调整其图层顺序。

Photoshop cs5制作灰色质感的播放器界面(2)插图(50)

(24)调整复制图层的位置、大小和图层样式效果设置。

Photoshop cs5制作灰色质感的播放器界面(2)插图(51)

(25)最后将隐藏装饰图层组显示,并对其他图层加以调整,完成实例的制作。

Photoshop cs5制作灰色质感的播放器界面(2)插图(52)

Photoshop cs5制作灰色质感的播放器界面(2)插图(53)




作者:佚名   出处:
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)

Photoshop cs5制作灰色质感的播放器界面(2)插图(6)
 4)继续为其添加“内阴影”、“描边”、“投影”样式效果,将播放器底座制作出来。

Photoshop cs5制作灰色质感的播放器界面(2)插图(7)

Photoshop cs5制作灰色质感的播放器界面(2)插图(8)

Photoshop cs5制作灰色质感的播放器界面(2)插图(9)

Photoshop cs5制作灰色质感的播放器界面(2)插图(10)

Photoshop cs5制作灰色质感的播放器界面(2)插图(11)

(5)复制“形状 1”图层,删除其图层样式并调整大小和形状。

Photoshop cs5制作灰色质感的播放器界面(2)插图(12) 
  6)接着为其添加“内发光”和“描边”效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(13)

Photoshop cs5制作灰色质感的播放器界面(2)插图(14)

Photoshop cs5制作灰色质感的播放器界面(2)插图(15)

(7)更改该图层的图层填充度。

Photoshop cs5制作灰色质感的播放器界面(2)插图(16)

(8)复制“形状 1 副本”图层,更改其形状和图层样式。

Photoshop cs5制作灰色质感的播放器界面(2)插图(17)

Photoshop cs5制作灰色质感的播放器界面(2)插图(18)

Photoshop cs5制作灰色质感的播放器界面(2)插图(19)
 9)使用“圆角矩形”工具绘制形状并对其加以调整。

Photoshop cs5制作灰色质感的播放器界面(2)插图(20)

(10)更改“形状 2”的图层填充度,为其添加“渐变叠加”和“描边”样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(21)

Photoshop cs5制作灰色质感的播放器界面(2)插图(22)

Photoshop cs5制作灰色质感的播放器界面(2)插图(23)

Photoshop cs5制作灰色质感的播放器界面(2)插图(24)

(11)复制“形状 2”,调整其大小和形状。

Photoshop cs5制作灰色质感的播放器界面(2)插图(25)

(12)更改其“渐变叠加”参数选项,添加“内发光”样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(26)

Photoshop cs5制作灰色质感的播放器界面(2)插图(27)

Photoshop cs5制作灰色质感的播放器界面(2)插图(28) 
13)使用“椭圆”工具绘制正圆形状图层,为其添加“渐变叠加”和“外发光”样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(29)

Photoshop cs5制作灰色质感的播放器界面(2)插图(30)

Photoshop cs5制作灰色质感的播放器界面(2)插图(31)

(14)复制“形状 3”图层,删除“外发光”样式,更改“渐变叠加”样式参数选项。

Photoshop cs5制作灰色质感的播放器界面(2)插图(32)

(15)使用“椭圆选框”工具绘制选区,为其添加图层蒙版,屏蔽选区内图像。

Photoshop cs5制作灰色质感的播放器界面(2)插图(33)

Photoshop cs5制作灰色质感的播放器界面(2)插图(34)

(16)复制“形状 3 副本”图层,删除图层蒙版,缩小其形状并更改其“渐变叠加”样式参数选 项。

Photoshop cs5制作灰色质感的播放器界面(2)插图(35)

Photoshop cs5制作灰色质感的播放器界面(2)插图(36) 
17)继续使用“钢笔”工具绘制形状图层,参照上述所示方法,为其添加不同的图层样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(37)

(18)下面开始制作播放器的上部分,在“装饰 2”图层组的上方绘制形状,并为其添加不同的图层样式效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(38)

Photoshop cs5制作灰色质感的播放器界面(2)插图(39)

Photoshop cs5制作灰色质感的播放器界面(2)插图(40)

Photoshop cs5制作灰色质感的播放器界面(2)插图(41)

Photoshop cs5制作灰色质感的播放器界面(2)插图(42)

Photoshop cs5制作灰色质感的播放器界面(2)插图(43)

(19)在“形状 5”图层的下方绘制形状图层。

Photoshop cs5制作灰色质感的播放器界面(2)插图(44)

(20)将“形状 5”图层的图层样式效果复制到“形状 6”图层中并加以调整。

Photoshop cs5制作灰色质感的播放器界面(2)插图(45)
21)使用“圆角矩形”工具绘制形状并加以调整。

Photoshop cs5制作灰色质感的播放器界面(2)插图(46)

(22)接着为其添加“渐变叠加”、“外发光”和“投影”效果。

Photoshop cs5制作灰色质感的播放器界面(2)插图(47)

Photoshop cs5制作灰色质感的播放器界面(2)插图(48)

Photoshop cs5制作灰色质感的播放器界面(2)插图(49)

(23)将“形状 3”及其副本图层复制,调整其图层顺序。

Photoshop cs5制作灰色质感的播放器界面(2)插图(50)

(24)调整复制图层的位置、大小和图层样式效果设置。

Photoshop cs5制作灰色质感的播放器界面(2)插图(51)

(25)最后将隐藏装饰图层组显示,并对其他图层加以调整,完成实例的制作。

Photoshop cs5制作灰色质感的播放器界面(2)插图(52)

Photoshop cs5制作灰色质感的播放器界面(2)插图(53)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部