手残党的福音!一篇教程让你get四种手绘风格!

举报 2021-08-11

1628501278587483.jpg


我们平常做海报和包装的时候,会对陌生感和趣味性有要求,不然一张随处可见的普通照片,会让你精心编排的海报黯然失色。

那这里就绕不开图形化设计了。

本期为大家解构下水果图形化的几种方法,希望可以给大家带来更多灵感。



1628501860631491.gif


1628501916975471.png





本节所有图形,都是在PS里完成的,

使用的笔刷,都会在文末送给大家。





首先我们来看下这两张海报,哪张会让你更加有“陌生感”?

1628502103802912.png

相信大家都会选择右边的海报是吧。



图形化适合传递气质,提升想象空间,被广泛的应用于包装设计上,让同质化的水果看起来不一样,在提升美观度的同时增加记忆点,强化品牌印象。

1628502387202507.png



本期我们就以这枚桃子为例,聊聊几种简单易行的图形化设计的思路,希望可以给大家带来更多灵感。

1628502451875319.gif

1628502487765831.png

1628502517847292.png



篇幅_画板 1.jpg


最简单快速的办法是把照片变为有形状的色块。

比如这几张,都是用形状和不同的色彩让人辨识出图形的一种形式。

1628502834138758.png

书封&海报上的应用



1628502891493558.png

包装上的应用



可以在形状色块的基础上加描边来提升辨识度。

1628502958214498.png

来自Dominic Kesterton



1628503041415518.png

来自MARU WORK



可以加渐变来丰富画面。

1628503093773482.png

来自Lucia Pham



15.gif

把我们的桃子去底变为色块(形状不规则或复杂的水果建议简化下外形轮廓)。



16.gif

增加描边。



17.gif

用柔边圆笔刷增加渐变。现在桃子看起来有图形感了。



1628574322765502.png



那就可以选择放很多个来丰富画面,只需要参考下现实生活中的水果包装(比如箱子、纸袋、或者平铺展示),让水果合理的连成片即可。

1628574513805819.png



这里我简单演示下加上上面的纸袋的效果,只用到了色块和描边。

1628574558839991.png

到这个程度这个图形就算OK了。



21.gif

用重复构成来增加主图形面积。



下面是我们用这个图形做的海报。

1628574676448042.gif

不过这种简单图形也比较常见,如果想让图形看起来更加有细节,

可以考虑用笔触增加一些肌理。



1628574836570183.jpg


我们来看一些肌理运用的作品:

1628574896593430.png

来自Ryo Takemasa




本质上都是简单的平涂,再叠加上一层笔触,渐变和肌理就都有了。

我们可以这样理解,这里的笔触替代了之前的渐变,把柔边圆笔刷替换成了笔触笔刷,用法都是一样的。



25.gif


笔触笔刷比柔边圆笔刷多了更多细节细节增加了,图形的可塑性就变强了,

所以这次无需用描边线条来提升辨识度,可以直接通过蒙版来为图形塑性。



首先来观察下Ryo Takemasa画的这枚苹果,圆形的水果有很多,是什么能让你分辨出这是一枚苹果呢?

是上面的凹陷与果柄。增加这种小细节,会让扁平图形也具有辨识度。

26.gif



下面我们来解构下这种风格。回到我们的桃子,依然是先变成色块。

27.gif



然后在桃子的顶部叠加下笔触,这个案例我只用到一种笔刷:油墨印污笔刷。

28.gif

刷的时候可以多去调整一下笔刷的位置,

尽量刷的随机一点,让纹理看起来更自然。



叠加完笔触可以看到,作为一个桃子,它现在的辨识度不够,因此我们需要增加一些细节,

体现出水果天然的特点,比如桃子沟。

1628575255363450.jpg

用选区勾勒出桃子沟的边缘,Ctrl+Shift+I反转选区,

在外部沿着边缘在蒙版上用同样的笔刷适当擦除一部分。



30.gif

这样一条沟的感觉就出来了,桃子的辨识度高了起来。



之前讲形状色块的时候说过,

想让简单的图形能在版面里“hold住全场”,

可以用增加图形数量的方法。

除此以外,也可以选择为主体图形增添更多细节,

来让图形更有“主角光环”。



31.gif

比如给这枚桃子加上叶子来点缀,这样一枚平涂肌理桃子就画完了。



判断一枚图形能否主导版面是要相对整体来看的,当你觉得一个主体图形在版面里比较平淡的时候,

就可以用增加图形数量或者给图形增添细节的方法来让主体凸显起来。

下面是我们用这枚桃子做的海报。

1628575501210300.gif



举一反三:

使用色块+肌理+蒙版的组合,

下面的图形都是可以画出来的,

大家可以用不同的笔刷尝试下。



1628575565834544.png1628575609366966.png










色块+肌理+蒙版



1628575805107050.jpg


我们再来看看这系列来自日本多摩美术大学的作品,

虽然也是平涂加噪点,但这组作品在视觉上要比刚才的水果更立体。

1628575890642590.png

日本多摩大学毕业作品



一、因为增加了阴影和高光的色彩数量。

二、因为这里的噪点肌理并非直上直下的刷一笔,而是添加在了阴影或高光处,营造了立体的体积感。

虽然视觉上立体起来了,但这系列的作品并不会给人很写实的感觉,整体是偏艺术美的,有很强的图形感,因为他的阴影高光和水果自身的花纹连成了一片。

37.gif

1628576070391083.gif

图形化的奥妙就在于:让熟悉的事物带给你陌生感。



回到我们的桃子:

1628576290364876.jpg

这个案例用到的斑驳笔刷,

会比噪点笔刷多了一种结块的质感。



依然在桃子沟的位置加蒙版,刷出阴影,显现基本结构;

1628576326929359.jpg



然后在桃子有可能出现阴影的区域适当加一点阴影。不要涂的太满。

1628576363355210.jpg



观察水果照片可以发现,水果沟的边缘的花纹会让水果看起来更好看。

42.gif



包括多摩大学的作品也有添加这样的细节。这种细节会让沟壑边缘看起来更圆润。

1628576433463259.jpg



那我们也给桃子添加上这样的花纹。

1628576506661125.jpg



然后在桃子可能出现高光的区域随意的刷一些高光,让笔触看起来薄厚不均,会更加有质朴的手工感。

1628576572417982.jpg

这样,这个桃子的案例就算完成了。



这种风格的图形,非常适合用在需要体现出手工、匠心、新鲜纯粹等特质的产品上。

1628576620716840.jpg

比如果酱这样的产品,可以体现出一种天然质朴的手工感。



下面看看我们对这个图形的一些应用。

1628576734225376.gif

1628576785830453.png

1628576965781862.png

1628576993973786.png

1628577272573331.png

能不能更进一步,让他既真实,又有图形化的新奇感呢?



1628577309447463.jpg


看下这两张作品:

1628577344428148.png

                              多摩大学毕业作品                                                         Tatsuro Kiuchi为Please做的封面



相比前面会更加写实。但对于绘画基础一般的朋友呢,也有迅速上手的办法:

在照片的基础上叠加笔触,也可以实现不错的图形化效果,那现在我们来解构下多摩大学的这张作品。

1628577442162984.png

我们可以观察到,他的图形风格比较清新淡雅,没有较明显的明暗关系,而且整体都有种噪点化的质感,

正是这种质感、纹理突显桃子的结构,也增强了画面的图形感。



回到我们的桃子。首先我们可以看到这张照片很模糊,虽然影响不大,但严谨起见,

我在https://bigjpg.com/ 这个网站上把照片简单处理了下。

1628577535945486.jpg

处理后轮廓清晰了一些,杂色干扰减少了。



观察下我们的照片:作为一个现实生活中的桃子,它有对比强烈的暗部,所以首先,要进行照片的处理。

1628577583688382.jpg



57.gif

弱化照片暗部,然后处理整体的色调与质感。



1628577671303376.gif

                 

               

               

                1.降低对比度

                吸取桃子中间色调,用柔边圆笔刷刷在桃子暗部。

                把图层样式调整为“明度”。




1628577751319068.gif

               

                

                2.添加杂色

                滤镜—杂色—添加杂色添加杂色

                里面的选项大家可以尝试看看,

                我选择了平均分布,数量为10。



1628577867167772.gif



                3.添加肌理感

                给桃子添加色调分离的滤镜,数值为6,

                让桃子的颜色略成块增加肌理。




1628577943368697.gif



                4.改变色调

                添加渐变映射滤镜,为符合原风格我用了原图配色,

                色彩和位置大家可以多尝试。




现在这个桃子的基础部分就处理好了,接下来给它上笔触。

这是一个不断涂抹调整的过程,会比较繁琐,在这里我给大家总结下主体思路。

62.gif

笔触打底主要是起到过渡作用,避免后期纹理衔接生硬。



1628578097644173.gif


               

                1.一层桃子花纹

                

                画笔名称:1号                画笔模式:溶解

                图层模式:变暗              图层透明度:40%




1628578219377639.gif


                

                2.晕染桃子暗部

               

                画笔名称:2号                画笔模式:溶解

                画笔流量:20~30%       图层透明度:40%




1628578272364953.gif


                

                3.花纹周边过渡

                

                画笔名称:1号                画笔模式:正常

                图层模式:变暗              图层透明度:40%




1628578319113174.gif


                4.自然饱和度

                

                数值:-30


                这样,笔触打底的阶段就完成了。



67.gif

这里我需要强调一点:

这里看似只分了两个图层,但实际上是多个图层叠加而成,

因为我们的笔刷并不能一笔就画出理想中的桃子纹理,需要用蒙版适当擦除纹理的边缘使其过渡自然,

同时擦出内部的斑驳感,

这需要不断的调整和尝试,调整到自己满意为止。



1628578443257844.gif


                

                1.大纹理层

                

                画笔名称:1号                画笔模式:溶解

                画笔流量:40~50%       图层模式:变暗




1628578481895853.gif


                2.竖条纹层

                

                画笔名称:2号                画笔模式:溶解

                画笔流量:20~30%       图层模式:变暗

                这样我们的桃子就完成了。




1628578549231628.jpg



接下来我们看看这个图形的一些应用。

1628578578372066.png

1628578596316485.png

1628578612850013.png



今天我们了解了一些图形化设计的绘制流程,是不是发现都很简单呢?

图形化设计的类型是非常多的,本期我们只能做到开阔大家的思路,大家也可以使用不同的笔刷来试试看,说不定会创作出更加新奇有趣的图形

快掏出你的PS去试试吧!期待你的作品。



桃子笔刷链接:

https://pan.baidu.com/s/1ZITpNpSJ1lj9ew79IPtsuA 

密码:z4jx



1628578689380061.jpg

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)