PS教程:教你创建写实的质感收音机 - 优设网 - UISDC

PS教程:教你创建写实的质感收音机

2014/01/07 34287评论区

创建逼真写实的高质感收音机

逼真的淡雅木质收音机,看上去就很特想把它画出来,难道童鞋们不想占为己有吗?以上就是最终效果图咯,感兴趣的童鞋趁过年放假学一学吧!

如果觉得难度大了点,那么你也可以看看这些:
PS+AI制作精致可爱的毛线风格图标
利用ILLUSTRATOR设计时尚漂亮的LOGO
手把手教你用ILLUSTRATOR创建精细的信封

素材下载:
Metal Mesh Patterns-Pack 1
Lobster font

教程开始:

Step 1

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

创建逼真写实的高质感收音机

Step 2

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

创建逼真写实的高质感收音机

Step 3

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

Step 4

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

Step 5

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 6

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 7

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

创建逼真写实的高质感收音机

添加图层样式

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 8

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 9

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 10

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 11

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 12

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

Step 13

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 14

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 15

复制图层编辑图层样式

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 16

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

创建逼真写实的高质感收音机

创建逼真写实的高质感收音机

创建逼真写实的高质感收音机

使用文字工具添加文字。

创建逼真写实的高质感收音机

Step 17

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 18

下面用Lobster字体,添加名称

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

Step 19

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

创建逼真写实的高质感收音机
创建逼真写实的高质感收音机
创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

Step 20

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

创建逼真写实的高质感收音机

设置不透明度为35%。

创建逼真写实的高质感收音机

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

创建逼真写实的高质感收音机

结论

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

创建逼真写实的高质感收音机

译文地址:960px

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量61万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/realistic-high-quality-radio

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里