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

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

PS平面软件制作水晶立方体

本教程为酸枣网原创,转载著名出处.谢谢合作首先看看效果:教程开始:由于要做立方体,首先要注意的是透视要正确,我就用的3D画了一个BOX,这样透视就不绘有问题了,要是这个都有问题,那就是MAX公司的软件有问题,呵呵,首先打开这个BOX图片,用钢笔工具把每个面都钩出来,注意要


作者:佚名   出处:
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)
 4)继续为其添加“内阴影”、“描边”、“投影”样式效果,将播放器底座制作出来。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




作者:佚名   出处:
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)
 4)继续为其添加“内阴影”、“描边”、“投影”样式效果,将播放器底座制作出来。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



作者: 791650988

为您推荐