1. 首页
  2. 高级教程

在photoshop中创建逼真的高质感收音机高级教程

需要的素材

The following assets were used during the production of this tutorial.


Step 1

我们先在Photoshop中,创建一个新文档,大小为650*500px分辨率为72像素/英寸

96a3be3cf272e017046d1b2674a52bd3 PS教程教你在photoshop中创建逼真的高质感收音机

Step 2

打开图层样式,并设置渐变叠加。

a2ef406e2c2351e0b9e80029c909242d PS教程教你在photoshop中创建逼真的高质感收音机

Step 3

下面开始制作木纹的材质,设置前景色和背景色分别填充#a96d51#e5a889的颜色。创建新新图层,填充前景色。然后到工具栏选择 “滤镜>渲染>纤维”,“差异16”,“强度为55”,然后点击确定。

e45ee7ce7e88149af8dd32b27f9512ce PS教程教你在photoshop中创建逼真的高质感收音机

如图调用自由变换工具(Ctrl键+ T),设置参考点中间偏左的位置,调整大小,位置,这样纹理更加密集。

7d0665438e81d8eceb98c1e31fca80c1 PS教程教你在photoshop中创建逼真的高质感收音机
751d31dd6b56b26b29dac2c0e1839e34 PS教程教你在photoshop中创建逼真的高质感收音机

现在用自由变换工具,调整木材大小,并与背景垂直。

faeac4e1eef307c2ab7b0a3821e6c667 PS教程教你在photoshop中创建逼真的高质感收音机

Step 4

复制这一层(Ctrl键+ J),像下面的图片的位置。

d72d187df41e10ea7d9fcdc7f5909205 PS教程教你在photoshop中创建逼真的高质感收音机

再次复制图层,旋转90度,水平显示。

fad6f4e614a212e80c67249a666d2b09 PS教程教你在photoshop中创建逼真的高质感收音机

为了让几个木纹更好的拼接融合,要使用多边形套索工具(L)和进行选择,如下图所示,然后按Delete清除。

0a8005f5594bd67041f88c6196192646 PS教程教你在photoshop中创建逼真的高质感收音机

打开图层样式面板,并运用阴影。

d3d9446802a44259755d38e6d163e8201 PS教程教你在photoshop中创建逼真的高质感收音机
6512bd43d9caa6e02c990b0a82652dca1 PS教程教你在photoshop中创建逼真的高质感收音机

复制这一层,然后垂直翻转(编辑>变换>垂直翻转),编辑阴影,改变角度为-90度,并将其向下移动完成下面边框的制作。

c20ad4d76fe97759aa27a0c99bff67101 PS教程教你在photoshop中创建逼真的高质感收音机

最后,选择所有边框编进一个组。

c51ce410c124a10e0db5e4b97fc2af391 PS教程教你在photoshop中创建逼真的高质感收音机

Step 5

在木框图层下面创建一个新图层,选择使用矩形选框工具(M),并填充#E6E6E6颜色。

aab3238922bcc25a6f606eb525ffdc561 PS教程教你在photoshop中创建逼真的高质感收音机

创建图层在刚刚新建的那个层之上,创建剪贴蒙版( Ctrl键+ Alt + G键),填充这个图层 黑色。复位前景色和背景色为黑色和白色(快捷键D),添加杂色。改变混合模式为柔光,不透明度设置为50%。

9bf31c7ff062936a96d3c8bd1f8f2ff31 PS教程教你在photoshop中创建逼真的高质感收音机
c74d97b01eae257e44aa9d5bade97baf1 PS教程教你在photoshop中创建逼真的高质感收音机
70efdf2ec9b086079795c442636b55fb PS教程教你在photoshop中创建逼真的高质感收音机

Step 6

在这一步,我们将为收音机添加扬声器。添加新层之上,用椭圆选框工具(M)进行选择,并填充颜色。

6f4922f45568161a8cdf4ad2299f6d231 PS教程教你在photoshop中创建逼真的高质感收音机

图层填充为0%,并应用下面的图层样式。

1f0e3dad99908345f7439f8ffabdffc41 PS教程教你在photoshop中创建逼真的高质感收音机
98f13708210194c475687be6106a3b841 PS教程教你在photoshop中创建逼真的高质感收音机
3c59dc048e8850243be8079a5c74d0791 PS教程教你在photoshop中创建逼真的高质感收音机
b6d767d2f8ed5d21a44b0e5886680cb91 PS教程教你在photoshop中创建逼真的高质感收音机

Ctrl键+单击图层缩略图创建选择,去“选择>修改>收缩 值为2px。创建新层,填充#c4c4c4颜色

37693cfc748049e45d87b8c7d8b9aacd1 PS教程教你在photoshop中创建逼真的高质感收音机

下载并安装l Metal Mesh Patterns-Pack 1 by ~Axertion. 打开图层样式, 应用斜面和浮雕,渐变叠加,图案叠加(使用 Hex Metal Mash pattern)

1ff1de774005f8da13f42943881c655f1 PS教程教你在photoshop中创建逼真的高质感收音机
8e296a067a37563370ded05f5a3bf3ec1 PS教程教你在photoshop中创建逼真的高质感收音机
4e732ced3463d06de0ca9a15b61536771 PS教程教你在photoshop中创建逼真的高质感收音机
02e74f10e0327ad868d138f2b4fdd6f01 PS教程教你在photoshop中创建逼真的高质感收音机

Step 7

使用椭圆工具(U)填充灰色(#cfcece)如下面的图像

33e75ff09dd601bbe69f3510391521891 PS教程教你在photoshop中创建逼真的高质感收音机

添加图层样式

6ea9ab1baa0efb9e19094440c317e21b1 PS教程教你在photoshop中创建逼真的高质感收音机
34173cb38f07f89ddbebc2ac9128303f1 PS教程教你在photoshop中创建逼真的高质感收音机
c16a5320fa475530d9583c34fd356ef51 PS教程教你在photoshop中创建逼真的高质感收音机
6364d3f0f495b6ab9dcf8d3b5c6e0b011 PS教程教你在photoshop中创建逼真的高质感收音机
182be0c5cdcd5072bb1864cdee4d3d6e1 PS教程教你在photoshop中创建逼真的高质感收音机

Step 8

复制这个图层里,设置它的大小,增加新的图层样式,设置填充为0%。

e369853df766fa44e1ed0ff613f563bd1 PS教程教你在photoshop中创建逼真的高质感收音机
1c383cd30b7c298ab50293adfecb7b181 PS教程教你在photoshop中创建逼真的高质感收音机
19ca14e7ea6328a42e0eb13d585e4c221 PS教程教你在photoshop中创建逼真的高质感收音机
a5bfc9e07964f8dddeb95fc584cd965d1 PS教程教你在photoshop中创建逼真的高质感收音机
a5771bce93e200c36f7cd9dfd0e5deaa1 PS教程教你在photoshop中创建逼真的高质感收音机

Step 9

复制这一层,颜色为#c9c8c8,清除先前的层样式和应用阴影。请确保填图层填充“被设置为100%。”

d67d8ab4f4c10bf22aa353e27879133c1 PS教程教你在photoshop中创建逼真的高质感收音机
d645920e395fedad7bbbed0eca3fe2e01 PS教程教你在photoshop中创建逼真的高质感收音机
3416a75f4cea9109507cacd8e2f2aefc1 PS教程教你在photoshop中创建逼真的高质感收音机

Step 10

复制这一层,使其变小一点,并添加如下图层样式。

a1d0c6e83f027327d8461063f4ac58a61 PS教程教你在photoshop中创建逼真的高质感收音机
17e62166fc8586dfa4d1bc0e1742c08b PS教程教你在photoshop中创建逼真的高质感收音机
f7177163c833dff4b38fc8d2872f1ec6 PS教程教你在photoshop中创建逼真的高质感收音机
6c8349cc7260ae62e3b1396831a8398f PS教程教你在photoshop中创建逼真的高质感收音机

Step 11

再次复制图层层和应用斜面和浮雕,渐变叠加。

d9d4f495e875a2e075a1a4a6e1b9770f PS教程教你在photoshop中创建逼真的高质感收音机
67c6a1e7ce56d3d6fa748ab6d9af3fd7 PS教程教你在photoshop中创建逼真的高质感收音机
642e92efb79421734881b53e1e1b18b6 PS教程教你在photoshop中创建逼真的高质感收音机
f457c545a9ded88f18ecee47145a72c0 PS教程教你在photoshop中创建逼真的高质感收音机

Step 12

让我们添加指针。调用矩形工具(U),绘制小矩形,旋转,像图片所示的位置,添加内阴影和描边在图层样式面板,设置填充为0%。

c0c7c76d30bd3dcaefc96f40275bdc0a PS教程教你在photoshop中创建逼真的高质感收音机
2838023a778dfaecdc212708f721b788 PS教程教你在photoshop中创建逼真的高质感收音机
9a1158154dfa42caddbd0694a4e9bdc8 PS教程教你在photoshop中创建逼真的高质感收音机
d82c8d1619ad8176d665453cfb2e55f0 PS教程教你在photoshop中创建逼真的高质感收音机

使用横排文字工具(T)在四周添加频率。

a684eceee76fc522773286a895bc8436 PS教程教你在photoshop中创建逼真的高质感收音机

Step 13

现在是时候添加 电源/音量按钮。使用椭圆工具(U),设置填充为0%,并给这个层图层样式。

b53b3a3d6ab90ce0268229151c9bde11 PS教程教你在photoshop中创建逼真的高质感收音机
9f61408e3afb633e50cdf1b20de6f466 PS教程教你在photoshop中创建逼真的高质感收音机
72b32a1f754ba1c09b3695e0cb6cde7f PS教程教你在photoshop中创建逼真的高质感收音机
66f041e16a60928b05a7e228a89c3799 PS教程教你在photoshop中创建逼真的高质感收音机
093f65e080a295f8076b1c5722a46aa2 PS教程教你在photoshop中创建逼真的高质感收音机

Step 14

创建另一个圆(#b6b6b6),有小一些。添加图层样式。

072b030ba126b2f4b2374f342be9ed44 PS教程教你在photoshop中创建逼真的高质感收音机
7f39f8317fbdb1988ef4c628eba02591 PS教程教你在photoshop中创建逼真的高质感收音机
44f683a84163b3523afe57c2e008bc8c PS教程教你在photoshop中创建逼真的高质感收音机
03afdbd66e7929b125f8597834fa83a4 PS教程教你在photoshop中创建逼真的高质感收音机
ea5d2f1c4608232e07d3aa3d998e5135 PS教程教你在photoshop中创建逼真的高质感收音机

Step 15

复制图层编辑图层样式

fc490ca45c00b1249bbe3554a4fdf6fb PS教程教你在photoshop中创建逼真的高质感收音机
3295c76acbf4caaed33c36b1b5fc2cb1 PS教程教你在photoshop中创建逼真的高质感收音机
735b90b4568125ed6c3f678819b6e058 PS教程教你在photoshop中创建逼真的高质感收音机
a3f390d88e4c41f2747bfa2f1b5f87db PS教程教你在photoshop中创建逼真的高质感收音机
14bfa6bb14875e45bba028a21ed38046 PS教程教你在photoshop中创建逼真的高质感收音机

Step 16

用矩形工具(U)创建选择指针,类似像我们在步骤12中那样(记得设置填充为0%)。

7cbbc409ec990f19c78c75bd1e06f215 PS教程教你在photoshop中创建逼真的高质感收音机
e2c420d928d4bf8ce0ff2ec19b371514 PS教程教你在photoshop中创建逼真的高质感收音机
32bb90e8976aab5298d5da10fe66f21d PS教程教你在photoshop中创建逼真的高质感收音机

使用文字工具添加文字。

d2ddea18f00665ce8623e36bd4e3c7c5 PS教程教你在photoshop中创建逼真的高质感收音机

Step 17

最后电源LED指示灯。绘制小桔色(#fc973d)圆圈,并添加外发光,斜面和浮雕和描边

25ae8ded255f60e1bcbab46bd56f768f PS教程教你在photoshop中创建逼真的高质感收音机
ad61ab143223efbc24c7d2583be69251 PS教程教你在photoshop中创建逼真的高质感收音机
d09bf41544a3365a46c9077ebb5e35c3 PS教程教你在photoshop中创建逼真的高质感收音机
fbd7939d674997cdb4692d34de8633c4 PS教程教你在photoshop中创建逼真的高质感收音机
28dd2c7955ce926456240b2ff0100bde PS教程教你在photoshop中创建逼真的高质感收音机

Step 18

下面用Lobster字体,添加名称

35f4a8d465e6e1edc05f3d8ab658c551 PS教程教你在photoshop中创建逼真的高质感收音机
d1fe173d08e959397adf34b1d77e88d7 PS教程教你在photoshop中创建逼真的高质感收音机
f033ab37c30201f73f142449d037028d PS教程教你在photoshop中创建逼真的高质感收音机
43ec517d68b6edd3015b3edc9a11367b PS教程教你在photoshop中创建逼真的高质感收音机

Step 19

下面增加两个小“脚”,我们要完成我们的收音机。拿起圆角矩形工具(U)半径设置为5px颜色褐色(#c37b56)的矩形,只是上面背景层应用渐变叠加和斜面浮雕图层样式。

9778d5d219c5080b9a6a17bef029331c PS教程教你在photoshop中创建逼真的高质感收音机
fe9fc289c3ff0af142b6d3bead98a923 PS教程教你在photoshop中创建逼真的高质感收音机
68d30a9594728bc39aa24be94b319d21 PS教程教你在photoshop中创建逼真的高质感收音机

重复该过程,创建的另一只脚。

3ef815416f775098fe977004015c6193 PS教程教你在photoshop中创建逼真的高质感收音机

Step 20

我们快完成了!除背景图层,选择所有图层,复制它们,然后将它们合并到一层,将上述背景层,垂直翻转,向下移动。

93db85ed909c13838ff95ccfa94cebd9 PS教程教你在photoshop中创建逼真的高质感收音机

设置不透明度为35%。

c7e1249ffc03eb9ded908c236bd1996d PS教程教你在photoshop中创建逼真的高质感收音机

添加图层蒙版,设置前景色为黑色,并设置前景色到透明色的渐变屏蔽到底部的图案。

2a38a4a9316c49e5a833517c45d31070 PS教程教你在photoshop中创建逼真的高质感收音机

结论

就是这样。我希望你从本教程学到新的东西,我也希望你喜欢它,很开心!

2a1585a864d9e67627c6ae04c807a2c52 PS教程教你在photoshop中创建逼真的高质感收音机
来自:960px

原创文章,作者:admin,如若转载,请注明出处:https://www.ren3.cn/13448.htm

发表评论

电子邮件地址不会被公开。

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

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

QR code