分享

扁平化小清新图文教程-进阶篇| 附PSD

 Doublelyl 2016-11-26

作者:FabioSasso     翻译:设计e周韩锐老师


 各位官老爷大家好,我是韩锐最近频繁更新是不是有一些不习惯呢?没基础的看  简单8步教你用PS和AI画一张扁平化的小清新图形|附PSD源文件 上一篇已经谈过了分享这两篇文章的初衷,废话少说。今天给大家分析的是作FabioSasso的一篇文章。同时这里还给大家准备了本次教程的PSD源文件获取方式在文末

 


 

我现在也在尝试去学如何做的一些东西。我最近一直在频繁关注复古的/未来感的/几何感的图解风格。这种图解是受了Justin MezzellMetthew LyonsDan Matutina作品的启发。我看到James White也在对这种风格做同样的研究。在我的例子中我会试着分享一个简单容易的方法,并用AIPS去实现这个风格。由于这是我的第一次尝试,请耐心听我讲完,如果你有好的建议能改进它,可以告诉我。

 

在这个教程里我会演示如何运用AIPS去创作一个既复古又具有未来感的图解。我不会在如何创作这些形态上说太多的细节,因为这更像是一个简单的攻略,看看我如何制作出这个图解。



步骤1

打开AI开始制作这个作品。从我开始学的时候我就用了一个既有的图示作为参考,这样我就能准确理解并且给这个图解一个我想要的风格。既然这样,那么那些消失的点,透视和非常有几何感的形态就是一个秘密。我一开始做所有的东西都是用灰色。一旦我有了基本的操作对象我就会改为有色模式。


步骤2

另一个重要的事是理解色彩调色板,这会给我带来我想要的效果。有一次我拿到了一个Justin Mezzell的图解并且尝试使用他用过的一些颜色,看看我能不能也达到同样的效果。

步骤3

在附过颜色之后就可以开始给图片添加一些维度。首先最重要的就是使用硬阴影。大多数的这种设计都是受了旧的广告和建筑图解的影响,这些图上常常会有很多重阴影。制作最基本的阴影我在混合模式里用的是正片叠底,填充值为10%。我还给玻璃窗加了一些框架以达到一个立体的效果。



步骤4

为了提高一点现实感我加了一点微妙的倾斜度,你可以从下面这张图中清楚地看到。倾斜部分的颜色我用的是白色和黑色,正片叠底的透明度值是10%

 

 

步骤5

我用了基本的圆形和探路工具把云层组合成一个物体。之后我用了同样程度的倾斜度。一旦有了基本的云,就可以开始不停地复制然后改尺寸和角度。

 

步骤6

汽车的制作方法也是完全一样的,只是一些有棱角的形态,完全不用曲线。基于这点我又进一步理解了一些几何感的图解,因此我开始偏离我作为参考的原始图解。注意玻璃窗上的反射,这也是我在Justin  Mezzell 的作品里受到的一个很好的触动。

 

 


步骤7

现在可以用PS添加一些效果了,把这个作品从AI里复制粘贴到PS里。我给这个尺寸用的是2800X1800的分辨率。

 



步骤8

我总是把矢量作为智能物体粘贴,这样就可以常常在不破坏任何东西的前提下扭曲他们了。那么第一步就是找到滤镜>滤镜画廊>漫反射光。用下面的值给这个图片增加一些纹理。




步骤9

复制这个图层然后点开滤镜>滤镜画廊>画笔描边>成角线条,使用下图的值。这个想法是为了添加一些笔刷的变形。这个过程最好是手绘,但是在教程里我们就直接用滤镜吧。

 



步骤10

降低这个图层的透明度,在混合模式下把成角线条值改为80%

 


步骤11

用笔刷工具(B)里较软的笔刷,绘制一个淡淡的橘色的点来制造一点夕阳的效果。我在混合模式里用了叠加,值是100%

 


步骤12

复制这个AI里的图层然后找到滤镜>扭曲>铜板雕刻,用精细点。

 



步骤13

找到图像>调整>降低饱和度。然后把混合模式改为颜色减淡。你会得到如下图所示的一张图片。

 



步骤14

点开图像>调整>色阶。减少白色输入色阶到100或者再多点。这步的目的是隐藏光的颗粒感。

 

 


步骤15

你可以用橡皮工具(E)在光的图层上擦除一些区域来减弱光的亮度。我试着在比较亮的区域隐藏光线然后在暗的区域让它更明显些。

 

 


结语

你也可以在之前的步骤里这样做,给暗的光线制作一个新的图层,与比较亮的光线的图层并存。这可以让它看起来好一些也更真实一些。这样你的设计就差不多完成了,正如我所说,这是我第一次尝试做这样的事情。我仍然也在学习,要是你喜欢的话可以把这个图转走并且把它做得更完美。如果你成功了就和我们分享一下吧,我们很愿意看看你的想法。




【版权声明】作者:FabioSasso     翻译:设计e周韩锐老师

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多