photoshop中设计创建逼真的高质感收音机

所属栏目:PS其它设计 时间:2014-02-22 来源:网络 作者:不详 点击:

需要的素材

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中创建逼真的高质感收音机


请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: