优艾设计网

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

作者:佚名   出处:

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

 

效果图:

 

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

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

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

(2)使用“钢笔”工具在视图中绘制形状图层。

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

(3)接着为“形状 1”图像添加“渐变叠加”和“斜面和浮雕”样式效果,使其呈现立体效果。

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

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

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

 4)继续为其添加“内阴影”、“描边”、“投影”样式效果,将播放器底座制作出来。

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

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

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

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

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

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

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

 

  6)接着为其添加“内发光”和“描边”效果。

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

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

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

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

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

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

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

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

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

 9)使用“圆角矩形”工具绘制形状并对其加以调整。

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

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

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

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

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

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

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

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

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

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

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

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

 

13)使用“椭圆”工具绘制正圆形状图层,为其添加“渐变叠加”和“外发光”样式效果。

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

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

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

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

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

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

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

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

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

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

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

 

17)继续使用“钢笔”工具绘制形状图层,参照上述所示方法,为其添加不同的图层样式效果。

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

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

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

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

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

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

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

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

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

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

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

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

21)使用“圆角矩形”工具绘制形状并加以调整。

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

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

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

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

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

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

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

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

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

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

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

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

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新技巧

技巧排行榜