二维码 购物车
部落窝在线教育欢迎您!

确认过眼神,这个黑胶唱片机有点萌

 

作者:Charlotte Chen来源:部落窝教育发布时间:2018-11-09 16:36:34点击:1531

分享到:
0
收藏    收藏人气:1人
版权说明: 原创作品,转载必须注明来自www.itblw.com(部落窝教育)和原作者。


编按: Charlotte Chen作者发表的文章都是一些很有风格的图标虽然说是小小的一个,但用处却不小。这样的图标随便放在那里都是一个很好看的配件。而且如果你跟着教程做一遍真的会收获很多,特别是经验还不是很足的同学们。我们先一起来看看吧!


写实风格图标作为一个历史悠久的风格,自乔帮主的iPhone4问世便火遍设计界,计师们刻画了一系列脍炙人口的精美作品。比如追波上dribbble的设计大神Paco,下图截取他早年的部分作品,放在扁平化图标大行其道的今日,依旧令人啧啧称道。而写实图标的练习,不仅可以大幅度提升我们对PS这款工具的熟练程度,对于光影造型能力也会显著提升。


今天,我们便一起绘制一个写实风格的黑胶唱片机,最终效果图见下:


.轮廓

和以往一样,我们首先打造出唱片机的外形(建议大家先绘制一个十字参考线)。

1.  唱片机外壳:使用圆角矩形工具绘制出一个边长320px,圆角为60px的圆角矩形,色值为#f2f8ff

 


 

2.  唱盘、唱片及封面:使用椭圆工具绘制一个234px半径的圆放置于外壳中央作为唱盘,填充色#ddedff(如图1);同时复制一层,ctrl+T进入自由变换模式,再同时按住ShiftAlt(同心圆缩放快捷键)缩小至206px半径作为唱片,填充色#ffffff(如图2);再以相同的步骤得到一个半径px的圆作为封面,填充色#ffb1b1(如图3,这里随便填充个颜色来区分,后期再修改)。

  

          图1                  2                   3


3.  唱盘金属球:同样的步骤绘制更小的半径16px的同心圆,填充色#ffffff


 

4.  唱臂旋钮:用椭圆工具分别绘制48px32px的圆组成同心圆,并将其作为旋钮凹槽和旋钮置于右上方,色值请参考第2步。

 


 

5.  唱针:用圆角矩形工具先绘制长54px34px的大矩形(圆角为6px)作为唱针,再绘制长32px20px的小矩形(圆角6px)作为唱针唱臂的连接体,相连在一起,并向右旋转90度,置于唱片上。


 

6.  唱臂:唱臂如果单纯用形状工具的话很难描绘出等宽的造型,因此这里只能用路径形式绘制。绘制路径作为唱臂,设置描边宽度12px,色值为#cdcdcd。将旋钮和唱针相连,唱片机的形状打造步骤至此完成。


 

.质感

唱片机中的质感主要分为外壳、金属以及唱片的拉丝质感。(为看清质感,我们加一层较深的背景色)

1.  唱片机外壳,我们使用图层样式中内阴影功能打造(假设光源来自上方)。

注意:CC之前的版本需要三次转换为智能对象

(1).    内阴影1:填充色#ffffff,作唱片机顶部的高光部分,参数见第二张图;

(2).    内阴影2:填充色#c8d9ee,作背光面的阴影部分,参数见第三张图;

(3).    内阴影3,填充色#ffffff,作背光面的反光部分,参数见最后一张图。

   

 

注意:图层样式中凡是涉及角度的选项中都会有“使用全局光”选项,点上这个会默认所有图层样式一个方向,一般不要勾选!

 

2.  由于唱盘部分是个凹槽,因此这里同样选用内阴影功能进行刻画,色值为# a1c3ea,一层为90度,一层为-90度,其他参数一致

  


旋钮部分与唱盘同样也是凹槽,因此同样适用2层内阴影功能(色值参考唱盘)。

  


 

3.  而唱片拉丝质感的打造,是需要重点讲解的部分。

(1).    首先,我们Ctrl+N,新建一个240*240的项目,填充色#121212


 

(2).    PS上方菜单栏中,点选滤镜菜单中的“杂色”选项,选择“添加杂色”功能,在弹出的窗口中选择“平均分布”,数量设置为20.13%(记住点选“单色”选项,否则会有很多彩色颗粒)。

 


 

(3).    得到充满杂色的图层后,再次点选滤镜菜单中的“模糊”命令,选择“径向模糊”,默认的“10”数量就好,确定后得到了拉丝质感。


 

(4).    得到的拉丝感觉不是很明显,这里我们选择滤镜菜单中的“锐化”滤镜,选择“进一步锐化”即可。


 

(5).    我们将图层拷贝到唱片图层的上方,建立剪切蒙版;

 


 

(6).    打造唱片光泽:在此图层上方新建一个矩形,用直接选择工具选取右下角锚点向上拖动一个宽   度的距离。居中对齐,并建立剪切蒙版,设置不透明度20%

  


 

(7).    属性面板中设置5.7像素的羽化值,即得到一个光泽。拷贝光泽图层,旋转一定角度。两个光泽层让光泽更真实。

  


 

4.  封面的质感就很简单了,与外壳一样,套2层内阴影分别作高光和阴影,色值分别为# ffafaf# 9e2424(将原本封面随便填充的色值改为# db4c4c);

  


 

5.  金属小球的质感有个很简单的办法:首先增加由色值#adadad# 5a5a5a的渐变叠加,然后再用椭圆工具绘制一个圆形,填充#ffffff。用直接选择工具拖动圆形的锚点改变形状,做为高光。同样的方法在绘制一个白色圆并进行形状编辑,设置45%的不透明度,做为反光。

   


 

再对金属小球刻画两层投影(色值为#7a1d1d)制造更强的立体感:

投影1:最接近小球的投影,更暗更实;

投影2:散射状,相比1来说暗度和实度偏低

 

  

 

6.  唱针的打造同样简单,两层内阴影分别做高光和阴影,色值分别为#ffffff#84a8d3;唱针和唱臂的连接头可以用同一个样式,这里可以偷懒,直接右键唱针图层选择“拷贝图层样式”,粘贴图层样式到连接体图层即可。

   


 

7.  唱臂的金属质感打造也是需要重点讲解的部分。

首先我们将唱臂改为#ffffff作为底色,

在之前的教程中,我们知道金属明暗对比非常强烈,高光、反光及阴影的表现更强,存在明显的分界线。因此,这里可以直接拷贝一层唱臂,描边改为8px,并换个较深的色值#151515建立剪切蒙版;再拷贝一层填充#7a7a7a,加上1.4像素的羽化值,建立剪切蒙版;再拷贝一层,描边改为3px,填充#fffff,建立剪切蒙版。

  

 

8.  刻画旋钮、唱臂以及唱针的投影,色值均为#6e98c8,参数分别如下:

  

              旋钮                  唱针                 唱臂                           

9.  最后一步,刻画唱片机整体的投影,色值均为#6591d2,两个投影的参数分别如下:

 

 

10.    写实风格的黑胶唱片机至此完成~


 

教程讲解的还是很详细,希望大家都能认真练习一下


 

相关文章推荐:

PS教程:MBE风格游戏机绘制

手把手教你绘制轻质感线性图标——红色百事