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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

百度了一张星空图。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

添加渐变和内发光。

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

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

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

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

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

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

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

组合。

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

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

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

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

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

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

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

添加渐变和内发光。

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

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

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

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

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

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

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

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

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

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

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

现在科学了。

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

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

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

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

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

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

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

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

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

中场休息,看下半成品。

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

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

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

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

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

旋钮上面的小把手。

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

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

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

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

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

按钮的凹槽。

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

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

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

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

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

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

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

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

旋钮的凹槽。

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

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

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

旋钮的渐变设置。

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

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

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

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

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

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

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

插孔的雏形。

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

插孔的金属部件。

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

插孔里的卡簧。

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

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

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

凹槽里的凹槽。

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

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

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

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

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

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

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

只有一盏等亮着。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

把它复制到录音机上。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

大功告成!

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

这是最后完成的大图 。

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

【优设五月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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

收藏 12
点赞 2

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。