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

云设计 2020年5月23日23:04:51155 2504字阅读8分20秒

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

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

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

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

一.轮廓                                                                                   

 

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

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

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

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

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
4.  唱臂旋钮:用椭圆工具分别绘制48px和32px的圆组成同心圆,并将其作为旋钮凹槽和旋钮置于右上方,色值请参考第2步。

PS技能-确认过眼神,这个黑胶唱片机有点萌
5.  唱针:用圆角矩形工具先绘制长54px宽34px的大矩形(圆角为6px)作为唱针,再绘制长32px宽20px的小矩形(圆角6px)作为唱针唱臂的连接体,相连在一起,并向右旋转90度,置于唱片上。

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
二.质感                                                                                   

 

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

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
注意:CC之前的版本需要三次转换为智能对象

 

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

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

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

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

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

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

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

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
旋钮部分与唱盘同样也是凹槽,因此同样适用2层内阴影功能(色值参考唱盘)。

PS技能-确认过眼神,这个黑胶唱片机有点萌
3.  而唱片拉丝质感的打造,是需要重点讲解的部分。

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
(2).    在PS上方菜单栏中,点选滤镜菜单中的“杂色”选项,选择“添加杂色”功能,在弹出的窗口中选择“平均分布”,数量设置为20.13%(记住点选“单色”选项,否则会有很多彩色颗粒)。 

PS技能-确认过眼神,这个黑胶唱片机有点萌
(3).    得到充满杂色的图层后,再次点选滤镜菜单中的“模糊”命令,选择“径向模糊”,默认的“10”数量就好,确定后得到了拉丝质感。

PS技能-确认过眼神,这个黑胶唱片机有点萌
(4).    得到的拉丝感觉不是很明显,这里我们选择滤镜菜单中的“锐化”滤镜,选择“进一步锐化”即可。

PS技能-确认过眼神,这个黑胶唱片机有点萌
(5).    我们将图层拷贝到唱片图层的上方,建立剪切蒙版;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
7.  唱臂的金属质感打造也是需要重点讲解的部分。

 

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

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

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

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
    旋钮                         唱臂                           唱针

 

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

PS技能-确认过眼神,这个黑胶唱片机有点萌
10.    写实风格的黑胶唱片机至此完成~

PS技能-确认过眼神,这个黑胶唱片机有点萌
教程讲解很详细,希望大家都能认真练习。

文章末尾固定信息
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
云设计
  • 本文由 发表于 2020年5月23日23:04:51
  • 转载请务必保留本文链接:https://www.aokumo.cn/385201.html