PS高手教程!手把手教你临摹一枚超写实的录音机图标 - 优设-UISDC

PS高手教程!手把手教你临摹一枚超写实的录音机图标

2015/06/25 19915评论区

photoshop-realistic-radio-icon-1

编者按:今天这个教程适合有基础的同学进阶练习,原作者是追波大神,效果逼真到翻天,这篇临摹教程也特别用心,光截图打字就花了三个多小时,强烈推荐同学们马起来练习 >>>

昨天在某个网站看到一位高手临摹国外大师的一张ICON,效果逼真。一整夜我都手痒痒得无法入睡,早上起来也打算来一个,不过这样那样的琐事之后又是午后,估计整个下午应该能完成~

他说是临摹Dribbble里一位大神的作品,我也去Dribbble找了一圈,果然看到这位大神的作品。

1syj20150620

效果是真的好,让我不仅手痒痒,而且还牙痒痒,我决定来临摹这个放音机~

下面开始临摹过程,为了效率起见,我不打算详细解说使用那些样式或者滤镜之类的话~

就像平时我们临摹一幅美术作品一样,你不可能把画纸直接铺在原作上直接描出来,那样是描红而不是临摹。临摹就是练习你的观察能力和表现能力,不知道我这么说对不对。

我右键了那幅作品之后,粘贴,然后CTRL+ALT+C把画布横向放大200%,在右边临摹这个放音机,而不是亦步亦趋的照着原作画,一成不变的复制没有一点意义~

2syj20150620

下载的原图很小,我不得不放大一下,不然一些细节根本显示不了。

3syj20150620

放大过后的图根本看不清什么细节,这里要靠自己的想象力了~

4syj20150620

下面我要先做它的背景,就如你看到的那样,背景的效果有点像渐变,但它不是单纯的渐变,有点类似用大号画笔描出来的效果,色彩之间的过度非常的柔和。用什么办法比较简单?最后我想到一个办法。新建一个画布,非常小的画布。4X3像素。你没看错!确实是4X3~

5syj20150620

然后参考原图的颜色在这个小画布上用小号画笔点出一些颜色。

6syj20150620

接着是一个石破天惊的技巧,放大这个小画布,放大400倍!我好想得到了跟原作成本的效果的背景图~

7syj20150620

拷贝,粘贴,真的不用在意它是不是跟原作一模一样,一点意思都没有~

8syj20150620

百度了一张星空图。

9syj20150620

左上角和右下角的星星效果合乎我的要求,粘贴上去之后放大那个部位就行了,然后把图层模式改为“变亮。

10syj20150620

跟原作相比星星的数量是多了一点,用色阶来减少星星的数量,色阶真是好用。

11syj20150620

那些太显眼的星星可以选择擦除,减低透明度,效果不错。

12syj20150620

背景下半部分的颜色要深好多,先不用去处理那个阴影,用加深工具处理一下。

13syj20150620

用矢量矩形画一个放音机的上半部分机箱。

14syj20150620

添加渐变和内发光,我觉得原作有些内发光,有没有,当然还有深色的描边,我打算先不去处理。

15syj20150620

把这个矩形复制一层,清除掉图层样式之后往下移动,变换。

16syj20150620

添加渐变和内发光。

17syj20150620

接着制作那个描边,按住SHIFT+CTRL左键这两个矩形得到选择框,新建一层填充任意颜色,在图层样式里添加描边。

18syj20150620

箱体的结合处有个凹陷的效果,我用画笔结合SHIFT模拟了这个效果。

19syj20150620

用钢笔个矢量椭圆工具画半个拾音器,另外一半我只要复制过去就行。

20syj20150620

组合。

21syj20150620

复制过来之后照样合并它们。

22syj20150620

我是直接复制了箱体下半部分的渐变,之后稍微减低透明度,看着还不错。

23syj20150620

同样用钢笔画一个形状,复制,合并。

24syj20150620

添加渐变和内发光。

25syj20150620

还有镜面效果,用多边形套索工具或者钢笔画一个选区,填充稍深点的颜色,用添加蒙版的方式去掉多余的步伐.别去用吸管去采原作的颜色,既然我是临摹,态度就要认真,再三要求大家。

26syj20150620

左下角有些模糊的效果,用羽化为100的椭圆选区工具圈出左下角,高斯模糊一下,如果不够的话多重复几次。

27syj20150620

用矢量矩形工具制作下面的一个部件,我不知道这个叫什么,结合“直接选择工具”重新编辑一下它的现状。

28syj20150620

还有边上也有个小零件,给他们添加一样的图层样式。

29syj20150620

现在我看着这些大小总有点别扭,总觉得结构有问题,果然,当我给它们加了一条录音带之后我就找到问题所在了,有些部件的现状跟录音带不在一条直线上,幸亏我一直用矢量工具,这样修改起来也很方便。

30syj20150620

现在科学了。

31syj20150620

当这个拾音器所有部件都差不多完成后我新建了一个层做它们的阴影,拾音器上面的LOGO可以放在最后来完成。

33syj20150620

继续下面的按键面板,注意到面板层里的面板吗?它是用来限制面板的底边不出现图层样式里的效果。

32syj20150620

凹陷的显示屏,是显示屏吗?我画了圈的部分起码调了有三分钟。

34syj20150620

有些地方的阴影是图层样式无法实现的,庆幸的是PS里有最强大的工具—画笔。

35syj20150620

中场休息,看下半成品。

36syj20150620

开始面板上的按键和旋钮,简单的斜面和浮雕,这是旋钮的凹槽。

37syj20150620

我一直在纠结这个旋钮的效果,原图根本看不出什么效果,最后决定凭自己想象。

38syj20150620

旋钮上面的小把手。

39syj20150620

我故技重施 又建立了一个层来强化它的阴影效果。

40syj20150620

复制一个,打乱一下方向,增加真实感。

41syj20150620

按钮的凹槽。

42syj20150620

按钮的制作,我使用了等高线和光泽等高线来模拟它的金属效果。

43syj20150620

排列成型,那些文字上面的我都等到最后添加。

44syj20150620

工程浩大,我有点后悔了,不应该弄这么复杂的东西,可是骑虎难下。

我新建一个新画布来制作两边大点的旋钮。

45syj20150620

旋钮的凹槽。

46syj20150620

我江郎技穷,再次用光泽等高线来模拟金属效果,这个旋钮的底座。

47syj20150620

旋钮的渐变设置。

48syj20150620

制作旋钮上面的金属拉丝效果。

49syj20150620

又是一个凹槽,这里将会出现一大堆的东西。

50syj20150620

左边复制一个,下面红色的圆圈我是用来做麦克风的插孔的。

51syj20150620

插孔的雏形。

52syj20150620

插孔的金属部件。

53syj20150620

插孔里的卡簧。

54syj20150620

上面凹槽里的按钮,这是第一个。

55syj20150620

凹槽里的凹槽。

56syj20150620

中间的按钮我都是复制了周围的图层样式,减轻劳动强度。

57syj20150620

右边凹槽里的八个按钮一样的手法。

58syj20150620

按钮上面的显示灯,左边我只要复制过去就行了。

59syj20150620

只有一盏等亮着。

60syj20150620

由于自带字体很少,几乎没有 我PS里的字体都是默认的,所以我在网上找了一张这种液晶字体,裁了一部分。

61syj20150620

反色,把图层模式改为变亮,添加图层样式。

62syj20150620

用矢量矩形工具做一排,复制一层移到上面,CTRL+T稍微压扁一点,天气炎热,节省体力。

63syj20150620

选择其中几个矩形,CTRL+T再压扁一点。顺便做了中间的度量尺模样的东西。

64syj20150620

在尾巴位置加了一个三角形,我看不清楚原图里的现状,自己猜的。

65syj20150620

把这个显示内容合并成组,复制一组,CTRL+T垂直变换,减低透明度,添加蒙版,模拟底下的倒影。

66syj20150620

在显示屏里框出一个选区,选择大号画笔点去稍浅的灰色随意一挥,我都不清楚我想干什么,我只是想让这个显示屏显得丰富一点。

67syj20150620

把那些旋钮安排在该出现的地方。

68syj20150620

制作小旋钮的轨道,完成后复制一个到另一边。

69syj20150620

利用渐变制作旋钮下面的一个部件,完成后也复制一个到右边。

70syj20150620

修改一下渐变的角度,这难不倒你们 我知道的。

71syj20150620

像前面我制作旋钮一样,我新建一个画布来做录音带盘。

72syj20150620

用矢量椭圆工具画一个圆形,让它居中很重要。

73syj20150620

下面好办了 用各种工具制作一个录音带盘的雏形。

74syj20150620

进入通道,随便复制一个通道,反色,高斯模糊。

75syj20150620

调一下色阶 我们得到一个像模像样的录音带盘的外轮廓。

76syj20150620

在这个通道取得选区,回到图层新建一层填充任意颜色,添加图层样式。

77syj20150620

在录音带盘下面新建一个矢量椭圆形,添加图层样式,主要是渐变。

78syj20150620

在上面继续新建一层,重置前景色很背景色,填充白色。添加杂色,添加径向模糊,像刚才做旋钮一样,把这个层的模式改成叠加,加一个蒙版限制它的显示范围。

79syj20150620

再新建一个矢量椭圆形,添加图层样式。

80syj20150620

复制一层,清除掉图层样式,重新添加图层样式,完成后复制一层,CTRL+T缩小一点。

81syj20150620

鉴于时间的关系,我不再详细讲解这个录音带盘的制作过程,反正也就这么几个效果,如果有人喜欢我可以在以后单独做个详细的教程,这是完成图。

82syj20150620

把它复制到录音机上。

83syj20150620

用钢笔描边,我只简单的添加了阴影,录音带的效果非常的好。

84syj20150620

进入收尾阶段,底下的一个垫脚,同样给一点渐变之后复制到右边。

85syj20150620

做阴影我有自己的土办法,先用一个画笔点一下,然后CTRL+T。

86syj20150620

我感觉这个阴影还不够“虚”,高斯模糊了一些,再加一个蒙版让底部的阴影“硬”一些。

87syj20150620

左边的小面积阴影也用同样的手法处理,底下的直接用画笔刷一下就行了。

88syj20150620

机箱周围的几颗螺丝 复制到各个位置。

89syj20150620

录音带盘上的编号。PS里字体有限 最后找了这么个难看的数字 复制到另一个录音带盘把1改成2。

90syj20150620

给那些按钮和旋钮加上说明文就差不多, 可是我根本看不清楚那些字母是什么 ,最后找了一个英文网页, 随便给那些按钮什么的乱加字。反正是逮到什么加什么,谁会在意那些字母的含义。

91syj20150620

这里我放了一个杜比环绕音LOGO 杜比很牛啊。

93syj20150620

加上一些英语外教都不认识的英文。

94syj20150620

大功告成!

95syj20150620

这是最后完成的大图 。

96syj20150620

【优设五月PS教程人气榜】

Top 1:高手教你调出澄澈纯净色调!
《PS高手教程!后期如何调出画面文艺澄净的风格?》

Top 2:效果超级赞的时钟图标!
《PS图标教程!手把手教你绘制一枚幻彩绚丽的时钟》

Top 3:清新淡雅的图标教程一枚!
《PS新手教程!手把手教你绘制一枚淡雅的播放器图标》

作者:_projava_

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量97万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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