查看原文
其他

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

娅一、无我、大希 研习设 2022-10-16


研习设订阅号

设计干货  杜绝注水


戳一下看视频版






Hi,大家好,我是娅一。



我们平常做海报和包装的时候

会对陌生感和趣味性有要求


不然一张随处可见的普通照片

会让你精心编排的海报黯然失色



那这里就绕不开图形化设计了。本期我和无我、大希老师一起,为大家解构下水果图形化的几种方法,希望可以给大家带来更多灵感。建议大家观看顶部视频,有更详细的解读。






本节所有图形,

都是在PS里完成的,

使用的笔刷,

都会在文末送给大家。



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


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



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




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






最简单快速的办法是把照片变为有形状的色块。比如这几张,都是用形状和不同的色彩让人辨识出图形的一种形式。

书封&海报上的应用

包装上的应用



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

来自Dominic Kesterton



来自MARU WORK



可以加渐变来丰富画面👇

来自Lucia Pham




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

增加描边。

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




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



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

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



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




下面是无我老师用这个图形做的海报。





不过这种简单图形也比较常见

如果想让图形看起来更加有细节

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


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

来自Ryo Takemasa



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



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




笔触笔刷比柔边圆笔刷多了更多细节

细节增加了

图形的可塑性就变强了

所以这次无需用描边线条来提升辨识度

可以直接通过蒙版来为图形塑性




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

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



下面我们来解构下这种风格。

回到我们的桃子,依然是先变成色块。

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


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

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




叠加完笔触可以看到,作为一个桃子,它现在的辨识度不够,因此我们需要增加一些细节,体现出水果天然的特点,比如桃子沟。

用选区勾勒出桃子沟的边缘,Ctrl+I反转选区,在外部沿着边缘在蒙版上用同样的笔刷适当擦除一部分。

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




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

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

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

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

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


比如给这枚桃子加上叶子来点缀




这样一枚平涂肌理桃子就画完了。


判断一枚图形能否主导版面是要相对整体来看的,当你觉得一个主体图形在版面里比较平淡的时候,就可以用增加图形数量或者给图形增添细节的方法来让主体凸显起来。


下面是无我老师用这枚桃子做的海报。



举一反三:


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

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

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


色块+肌理+蒙版






我们再来看看这系列来自日本多摩美术大学的作品👇,虽然也是平涂加噪点,但这组作品在视觉上要比刚才的水果更立体。

日本多摩大学毕业作品



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


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



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


我们可以观察下水果自身的花纹



它像阴影,也像水果花纹。这种不明确就让阴影和高光抽象了起来。同时结块的粉状肌理也让画面呈现出一种非常质朴清新的图形感。


它像水果,但它又不是你所熟悉的那个水果。




图形化的奥妙就在于:

让熟悉的事物带给你陌生感



回到我们的桃子:

这个案例用到的斑驳笔刷

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



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

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

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


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


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


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

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




这种风格的图形

非常适合用在需要体现出手工、匠心

新鲜纯粹等特质的产品上



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



下面看看大希老师和无我老师对这个图形的一些应用。










能不能更进一步,

让他既真实,

又有图形化的新奇感呢?


看下这两张作品:

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



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



在照片的基础上叠加笔触

也可以实现不错的图形化效果




那现在我们来解构下多摩大学的这张作品



我们可以观察到,他的图形风格比较清新淡雅,没有较明显的明暗关系,而且整体都有种噪点化的质感,正是这种质感、纹理突显桃子的结构,也增强了画面的图形感。



回到我们的桃子。

首先我们可以看到这张照片很模糊,虽然影响不大,但严谨起见,我在https://bigjpg.com/这个网站上把照片简单处理了下。

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



观察下我们的照片:


作为一个现实生活中的桃子,它有对比强烈的暗部,所以首先,要进行照片的处理(详细操作建议观看文章顶部的视频)





弱化照片暗部

然后处理整体的色调与质感



1.降低对比度


吸取桃子中间色调,

柔边圆笔刷刷在桃子暗部。

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


2.添加杂色


滤镜—杂色—添加杂色

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

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


3.添加肌理感


给桃子添加色调分离的滤镜,

数值为6,

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


4.改变色调


添加渐变映射滤镜,

为符合原风格我用了原图配色,

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



现在这个桃子的基础部分就处理好了,接下来给它上笔触。这是一个不断涂抹调整的过程,会比较繁琐,在这里我给大家总结下主体思路。





笔触打底主要是起到过渡作用

避免后期纹理衔接生硬



1.一层桃子花纹

画笔名称:1号

画笔模式:溶解

图层模式:变暗

图层透明度:40%




2.晕染桃子暗部

画笔名称:2号

画笔模式:溶解

画笔流量:20~30%

图层透明度:40%



3.花纹周边过渡

画笔名称:1号

画笔模式:正常

图层模式:变暗

图层透明度:40%



4.自然饱和度


数值:-30


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





这里我需要强调一点:


这里看似只分了两个图层

但实际上是多个图层叠加而成


因为我们的笔刷并不能一笔就画出理想中的桃子纹理

需要用蒙版适当擦除纹理的边缘使其过渡自然

同时擦出内部的斑驳感


这需要不断的调整和尝试

调整到自己满意为止



1.大纹理层

画笔名称:1号

画笔模式:溶解

画笔流量:40~50%

图层模式:变暗



2.竖条纹层

画笔名称:2号

画笔模式:溶解

画笔流量:20~30%

图层模式:变暗




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






接下来我们看看大希老师对这个图形的一些应用。








今天我们了解了一些图形化设计的绘制流程,

是不是发现都很简单呢


图形化设计的类型是非常多的

本期我们只能做到开阔大家的思路

大家也可以使用不同的笔刷来试试看

说不定会创作出更加新奇有趣的图形


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





桃子笔刷链接:

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

密码:z4jx







往期教程导读:





由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存