PS绘制立体风格的收音机photoshop教程

PS绘制立体风格的收音机-photoshop教程

PS,绘制,立体风格,收音机,photoshop,PS教程,,教程

sS_逆

实物图—

教学步骤—

步骤 01 背景创作

1. 创建文档，大小800*600px,分辨率72。创建矩形宽800*高600，填充颜色#ddbab4。

2.创建空白层，用白色柔光画笔拍两下，自由变换大小，将其调整合适。图层名字改为背景光。

3.创建空白层，填充#000000，给图层添加蒙版，用柔光画笔在将蒙版中间擦除，目的给背景暗角进行加深，混合模式改为柔光。给图层命名为暗角加深。注意调整图层顺序。

步骤 02 收音机绘制

先分析收音机机身，然后拆分细化。可以将外框和机身部分拆分来做，首先做外框部分。

机身外框

1.创建圆角矩形，将调节圆角属性的锁释放，圆角就不会被同时调节。填充颜色#ffd7c1。

2.⑴点圆角矩形图层，按钢笔工具添加锚点。在圆角矩形顶中心添加锚点。按住ctrl键拖动该锚点往上移动15个像素(可建立参考线移动)，调节两边锚点，使其上方圆滑，避免出现棱角。给图层命名为【外框】。

⑵给圆角矩形添加图层样式-斜面浮雕，增加体积感。

⑶用钢笔工具，选择形状绘制收音机底部体积部分。填充颜色#1d0a04。将图层命名为【收音机底部】。

⑷因为外框是金属，首先给它添加暗部。创建圆角矩形，宽415像素、高111像素、圆角为40像素，填充颜色#260c04。使其与外框居中。羽化8.4像素，建立剪贴蒙版，作用于外框图层，命名为金属暗部。

⑸复制暗部-1，命名为外框反光。鼠标拖动羽化指针，羽化0.5像素。填充颜色#af816c。

⑹复制外框层，命名为机身-深色底。Ctrl+t自由变换，注意左右和上下与外框的距离。添加图层样式-渐变叠加。

⑺接下来给外框金属做出质感，和加强质感。给外框添加反光做出体积感，用钢笔工具勾出形状，羽化0.5像素，填充颜色d7a48d。如果一层效果不明显，可复制多层，注意调整羽化值。

⑻会发现金属暗部颜色不够深，给暗部加深。原始图可以看出左侧暗部形状很明确，右侧则是暗部自然过渡，分别底部左右侧分开做。

·直接复制金属暗部层，改变形状颜色，填充#0f0401。同时按住alt+ctrl+G建立剪贴蒙版，作用于，添加蒙版，擦除两边多余的地方。

·左侧用钢笔工具勾出形状，羽化0.4像素，填充颜色#31160b，注意：钢笔勾出的形状可能会跑出外框，点该图层，同时按住alt+ctrl+G建立剪贴蒙版，使其只作用于【外框图层】。

·右侧创建图层，命名右侧暗部加深，选择柔光画笔，前景色改为#31160b，轻拍两下，同样建立剪贴蒙版作用于【外框图层】，建立蒙版，柔光画笔调整不透明度和流量，擦出自然柔和的过渡。

⑼收音机外框边的体积感做出来，直接用形状工具直线或者矩形，填充颜色#a57965，添加蒙版，用柔光画笔，调整不透明度和流量，将头尾擦除。羽化0.3像素。

⑽左右侧高光提亮，用矩形形状工具，填充颜色#ffeae1，建立蒙版，用柔光画笔过渡。

羽化1.6像素，ctrl+alt+G建立剪贴蒙版，作用于【外框图层】。右侧同理。

大概做出这样的效果。除【机身深色】图层外，将外框部分图层编组，命名为【外框】。

机身部分

1.复制机身-深色图层，命名为【机身】。清除图层样式，ctrl+T自由变换图形。填充颜色#fefaef。注意机身与下方外框的距离。接下来给图层添加图层样式。

2.这里我们会发现，机身底部也有体积感。

复制【机身深色】图层，清除图层样式，按键盘上键，往上移动2下。给图层添加图层样式-内阴影。数值如图所示下，图层填充改为【0】。命名为机身体积。

3.复制机身体积，命名为【机身-反光】，往上移动一下，这里可不用清除图层样式，直接改变图层样式的数值。

4.复制【机身】图层，清除图层样式。图层填充改为【0】。命名为机身-反光2，给图层添加图层样式-内阴影。

5.给机身添加高光。选择钢笔工具，勾出形状，填充颜色#fdfbf4，羽化1.6像素。混合模式【滤色】，不透明度51%。命名为高光-右。

6.复制【高光-右】，重命名为【高光-左】。按住shift键鼠标移动到左边(也可以键盘左右键移动)，ctrl+T自由变换，右键出现选项，选择水平变换后，按enter键确定，调整位置。

7.钢笔工具绘制顶部高光，命名为高光-顶，填充颜色#ffffff，羽化1.2像素，混合模式-滤色，不透明度90%。

8.钢笔工具绘制下部高光，主要是提亮。命名为【高光-下】，填充颜色#f6f1e3，羽化4.6像素，混合模式-柔光，不透明度90%。将高光组合成图片组，命名为【机身-高光】

大致效果如图所示，将机身部分图层组合成图片组，命名为：机身。

音箱

1.创建圆角矩形150*19像素，圆角8.5像素。命名为【音箱条-1】。

2.音箱素材直接在网上找贴图，然后给图层滤镜-锐化-USM锐化，让质感更明显。Ctrl+alt+G建立剪贴蒙版，让贴图只作用于音箱条。

3.钢笔工具绘制音箱的内部体积，命名为【内部体积】。填充颜色#6d5f45

4.复制音箱条，清除图层样式，命名为【音箱条-高光】，注意图层顺序。添加图层样式-描边，数值如下。图层填充改为0。

这里将音箱条图层组成组，分别复制3组。摆放好位置。

绿色指示灯

1.创建圆角矩形43*15像素，圆角7像素，填充为0。给图层添加图层样式-投影。给图层命名为指示灯外框。

2.复制【指示灯外框】，清除图层样式，图层填充改为【0】。添加图层样式-描边，这层命名为【指示灯高光过渡】。

3.复制图层【指示灯高光过渡】。改变不透明度和描边大小。

4.复制【指示灯外框】图层，置于【指示灯外框】图层下，清除图层样式。填充颜色#bfb6a4，目的将周围压暗。

5.复制【指示灯外框】图层，清除图层样式，命名为【体积】。置于【指示灯外框 拷贝】下。Ctrl+T自由变换，同时按住shift+ctrl键，等比缩放，比外框大一点便可。给图层添加图层样式-投影，增加指示灯的厚度体积感。图层填充改为【0】。

6.创建圆角矩形，39*13像素，圆角6像素，填充颜色#50fe51。给图层添加图层样式-斜面与浮雕。

7.创作左右两边稍暗的。用钢笔工具抠出形状，填充颜色#32e62c，羽化1.6像素，命名为【绿加深右】，Ctrl+alt+G建立剪贴蒙版。复制【绿加深右】图层，改名为【绿加深左】，ctrl+T自由变换，右键点水平翻转，调整位置，建立剪贴蒙版。

8.给指示灯绿条添加高光，用钢笔工具抠出形状，羽化0.6像素，填充颜色#ddfbdb。给图层命名为【绿条高光】。

9.最后给指示灯添加高光。左右两侧高光用钢笔工具抠出形状，填充颜色#ffffff，羽化0.4像素。顶部高光用矩形形状工具，高度为1像素，调整羽化值和不透明度，高光强度弱可复制多层加强效果。将所有指示灯相关图层成组，命名为【指示灯】

音量和开关调控钮

1.选择椭圆形状工具，创建椭圆，40*40像素。填充颜色#000000。给图层添加图层样式，数值如下。命名为【音量调控】。

2.创建27*27像素的椭圆形状，填充颜色#c79a78。命名为【金属调控】，给图层添加图层样式-斜面浮雕。

3.复制【金属调控】图层，清除图层样式，图层填充改为【0】，添加图层样式-内阴影。

4.创建椭圆形状，大小贴合阴影的形状。图层填充改为【0】，添加图层样式-内阴影，不透明度改为80%，命名为【内凹暗面】。

5.同理，创建椭圆形状，图层填充改为【0】。命名为【内凹阴影】，添加图层样式。

6.创建椭圆形状，形状较扁。命名为【内凹圆】。

7.再创建椭圆形状，命名为【内凹圆-1】。

8.复制【内凹圆-1】，重命名为【内凹-反光】，添加图层样式-内阴影，填充改为【0】

9.选择椭圆形状工具，创建18*18像素的正圆，命名为【材质】。填充#000000。添加图层样式。

10.网上找关于皮革的素材，建立剪贴蒙版，如果建立剪贴蒙版不显示图层样式效果。【材质】图层的图层样式-混合选项，勾选【将剪贴图层混合成图片组】。

11.会发现材质部分整体偏亮，创建空白图层，用柔光画笔，调整画笔大小，与材质图层圆大小一致，前景色为#00000，在空白图层拍几下，以达到加深效果，适当调整图层不透明度。将相关图层成组，给组命名为【音量调控】。复制【音量调控】组，重新命名为【开关调控】往右移动。

图案与文字

形状、钢笔工具与文字工具，分别创作指示灯和音量开关调控的图案与文字。

金属齿轮调针

1.选择椭圆形状工具，创建134*134像素的圆，填充颜色#1e0000。

2.⑴接下来做金属齿轮部分。打开AI，选择椭圆工具创建宽度和高度为300px的圆。填充颜色#C79A78

⑵长按宽度工具，出现各种工具选项，选择晶格化工具。然后双击晶格化工具出现调整工具栏，调整好数值后确定，在圆的中心点一下。

⑶选择【直接选择工具】会出现调整圆角的点。点选调整圆角大小。然后直接将形状拖至PS，形状自动生成未智能对象。

3.给齿轮命名为【金属齿轮】，注意放置的位置和形状的大小。添加图层样式。

4.复制【金属齿轮】图层，重命名为【金属齿轮反光-1】，清除图层样式，填充改为【0】，给图层添加描边。放置【金属齿轮】图层下。

5.复制【金属齿轮反光-1】，重命名为【金属齿轮反光-2】，清除图层样式，填充改为【0】，给图层添加图层样式-内阴影。置于【金属齿轮反光-1】下。如果反光不明显，可适当往下移动1像素。

6.复制【金属齿轮】图层，清除图层样式，填充改为【0】。命名【金属齿轮光】，添加图层样式-内阴影。调整图层的大小，让【金属齿轮光】小于金属齿轮。效果不明显，可再复制一层，叠加效果。

7.选择椭圆工具，创建118*120的圆。填充改为【0】。命名为【齿轮凹面1】

8.复制【齿轮凹面1】，清除图层样式，图层填充改为【0】。命名为【齿轮凹面2】

9.复制【齿轮凹面2】命名为【齿轮凹面3】。

10.复制【齿轮凹面3】，命名为【齿轮凹面4】。

这里把齿轮凹面的暗部反光投影都做出来了。大致效果如图所示。

11.创建椭圆形状，填充颜色#000000，ctrl+T自由变换，将圆上方适当压扁，把凹面的暗部反光显出来。

12.接下来做金属齿轮的高光，用钢笔工具勾出形状，填充颜色#ffffff，混合模式改为滤色，不透明度改为80%，羽化0.3像素，命名为【金属齿轮高光左】。复制【金属齿轮高光左】，不透明度改为50%。

·右侧高光比左侧高光稍微弱，复制左侧的高光图层，羽化0.7像素，不透明度改为60%。效果较弱，再复制一层，调整不透明度和羽化值。

13.创建100*100像素的圆，与【金属齿轮】齿轮居中。填充颜色#171416。添加图层样式-斜面和浮雕。给图层命名为【调针】。

14.复制【调针】图层，清除图层样式，填充改为【0】。

15.用钢笔工具，勾出形状，填充#fff1f1。混合模式改为滤色，不透明改为60%。羽化1.1像素。命名为【调针高光】。

16.复制【调针高光】，命名为【调针反光】。填充#73220d,图层样式改为绿色，不透明度改为25%，羽化0.5像素。

17.复制【调针反光】，调整好位置，给图层命名【调针顶部反光】。填充颜色#ff3e03，混合模式改为滤色，不透明度25%，羽化0.5像素。

18.选择椭圆形状工具，创建82*82像素的圆，与调针图层居中对齐。这里主要是要椭圆的路径来创作文字。按T键，鼠标移动到椭圆路径上点，键入文字，按住ctrl键，将文字往圆内拖。

19.网上找金色油漆素材贴图，建立剪贴蒙版，赋予文字层。

20.创建46*46像素的圆，与调整图层居中对齐。填充颜色#814c33。给图层命名为【铜调针】这里我们要给铜调针做布尔运算。

21.点选【铜调针图层】，选择【圆角矩形形状】工具，长按上方的矩形图标，选择【合并形状】。画出铜调针形状，按快捷键【A】进入【直接选择工具】，选择该圆角矩形，按住【ALT键】拖动圆角矩形进行复制，调整好位置。

再次运用布尔运算，选择【椭圆工具】，选择【减去顶层形状】。内圆要与外圆居中对齐，不然会出现边的粗细变化。

选择【圆角矩形工具】，同样选择【减去顶层形状】。

最后我们得到了【铜调针】的形状。Ctrl+T自由变化，旋转好角度放置。然后给其添加图层样式。

22.复制【铜调针】，清除图层样式，填充改为【0】。命名为【铜调针1】，给图层添加图层样式。

23.用钢笔工具勾出铜调针上方的体积感，命名为【上方体积】，填充颜色#200a04。图层放置【铜调针】图层下方。

24.复制【上方体积】图层，清除图层样式，重命名为【上方体积反光】。添加图层样式。图层放置【上方体积】图层下。

25.用钢笔工具，勾出右侧的体积感，命名为【上方体积1】，填充颜色#000000。

26.用钢笔工具勾出铜调针下方的投影。命名为【投影】，羽化1.0像素，填充颜色#180702。

27.给铜调针下方添加体积感，命名为【下方体积】同样用钢笔工具勾出形状，填充颜色#000000。要注意图层的顺序位置。

28.将拐角地方压暗，创建空白图层，用柔光画笔，前景色为#000000，在暗面处拍几下。再创建另一空白图层，前景色为#592816，在下方暗面处拍几下，然后分别建立剪贴蒙版，作用于【铜调针】图层。

29.给【铜调针】整体调亮和压暗，做出拐角体积感和高光，需要特别细心去创作。这里是创建空白图层，命名为【调整层】，用柔光画笔工具，在空白图层上压暗和调亮。这里需要多个图层便于后期调整。

30.选择椭圆形状工具，创建37*37像素的圆，填充颜色#000000，与同调针形状居中对齐。命名为【铜调针暗部】。

31.复制【铜调针暗部】同时按住shift+ctrl键，调整圆的大小。命名为【材质】，添加图层样式-斜面和浮雕。

32.将音量调控的皮革贴图复制，建立剪贴蒙版。发现整体偏亮，与音量调控的材质层做法相同。创建空白图层，选用柔光画笔，前景色为#000000，调整画笔大小，在空白图层轻拍加深整体颜色，使中间有凹陷下去的感觉。

33.最后，会发现金属齿轮光影效果太弱，齿轮的高光和齿轮高光角的高光等。创建空白图层，用画笔工具，将暗部加深，高光加强。命名为【暗部调整层】和【高光调整层】。

收音机脚

1.用钢笔工具画收音机的脚，命名为【收音机-脚】。添加图层样式-渐变。复制【收音机-脚】移动到左边。

金属把

两边的金属把，将其划分为一个个形状。

1.用钢笔工具，勾出形状。添加图层样式。

2.钢笔工具勾出第二层形状，填充颜色#c1947d，添加图层样式。

3.矩形形状工具画出第三层形状，添加图层样式。

4.圆角矩形建第四层形状。添加图层样式。拷贝第三层矩形形状的图层样式，粘贴图层样式给第四层形状。

5.将第四层形状复制一层

6.用钢笔工具勾出第五层形状，添加图层样式。

7.钢笔工具勾出第六层形状，填充颜色#9b6f66。放置第五层形状图层下。

8.最好是齿轮形状，同样是钢笔选择形状勾出来。添加图层样式。如位置太远，可多加几个色块调整。

9.选择形状的直线工具画。

10.最好创建空白图层，用画笔工具，给手把暗部和高光增强质感。

11.将相关图层成组，命名为【金属把1】，复制【金属把1】组，Ctrl+T自由变换，右键-水平翻转，水平移动至机身右侧，命名为【金属把2】。

提手

1.用钢笔工具，勾出提手的形状。填充颜色#f7d3bd，命名为【提手】。

2.用钢笔工具勾出暗面形状，填充颜色#402419，羽化0.5像素，添加蒙版，将拐角的地方用柔光画笔，调整不透明度流量，柔化一下边缘。命名为【暗面1】建立剪贴蒙版，让图层只作用于【提手】图层。

·复制【暗面1】，Ctrl+T自由变换，右键选择水平翻转，水平移动至左边，调整好位置，与右边对称。重命名为【暗面2】。

3.选择矩形形状工具，创建矩形，给图层命名【暗面3】。填充颜色#592611，建立剪贴蒙版，作用于【提手】图层。

4.同样用钢笔工具勾出【暗面4】，建立剪贴蒙版，填充颜色#402419。

5.下面给暗面添加高光和反光。选择矩形形状工具，创建宽度为1像素的长条矩形，羽化0.6像素，填充颜色#ae5632。命名为【反光1】

6.复制【反光1】，重命名为【反光2】，将羽化改为0像素。

7.复制【反光2】Ctrl+T自由变换，将宽度拉长1像素，Enter键确定。填充颜色#7f3518，添加蒙版，用柔光画笔调整不透明度和流量将顶部轻擦除，让过渡柔和。将图层重命名为【反光3】

8.钢笔工具勾出高光形状，将图层命名为【高光1】，填充颜色#fffdf4，添加蒙版，柔光画笔擦除拐角处，让过渡柔和。

9.复制【高光1】，重命名为【高光2】，长按钢笔工具-选择转换点工具点选路径出现路径锚点，按住Ctrl键移动锚点，通过锚点的调整，得出下图形状，添加蒙版，柔化拐角处的过渡。高光不明显，可以复制多层，增强效果。

10.将暗面图层和高光图层复制，移动至左边同样的位置。

11.给底部暗面添加高光和反光。钢笔工具勾出下图形状，填充颜色#b8846f，给图层命名为【顶部反光】

12.复制【顶部反光】图层，清除图层样式，图层填充改为【0】，添加图层样式-内阴影。重命名为【顶部反光1】

13.形状直线工具，创建1像素的形状，填充颜色#fefaf9。命名为【高光】。高光不明显，可以复制多层加强效果。

14.在反光底部，添加环境光颜色。创建直线形状，填充颜色#7f3518。命名为【环境光暗部】

15.最后将提手两侧和金属把融合，创建空白图层，用画笔工具绘制。暗部和亮部分开图层，整体效果弱，也可创建空白图层，用画笔增强暗部和高光。最后将提手图层成组，命名【提手】。

投影

1.选择椭圆工具，创建扁的椭圆，填充颜色#1c0b05，羽化4.2像素，混合模式改成正片叠底，不透明度改为30%。命名为【投影1】

2.复制【投影1】，自由变换将左右缩小，羽化改为2.9像素，不透明度改为40%。添加蒙版，将两侧较深的地方用柔光画笔过渡，给图层命名为【投影2】。

3.复制【投影2】自由变换将左右缩小，羽化改为3.8像素，不透明度40%。给图层命名为【投影3】。

4.复制【投影3】自由变换将左右缩小，羽化2.2像素，不透明度80%。给图层命名为【投影4】。

5.除收音机图层外，投影和背景图层隐藏，Ctrl+Alt+Shift+E盖印相机图层，右键图层，选择转化为【智能对象】，双击【智能对象】进入单独的收音机画布，添加图层样式-颜色叠加，颜色#000000，Ctrl+S保存(一定要保存)，Ctrl+W关闭单独的画布，回到原始的画布。给图层添加滤镜-模糊-动感模糊，数值如图所示。添加蒙版，将除提手外的其他擦除，不透明度改为20%。将投影图层成组，放置收音机组下。

复古收音机就完成了，创作步骤一定要细心思考注意细节。

处理后效果图—

结语—

PS教程制作步骤到这里就结束了，希望大家在练习步骤中多思考、理解创作思路和操作方法，活学活用。