图形+海报+文创?图形设计【全流程】攻略

图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略





Hi,大家好,我是娅一。

首先想给大家分享一位美国艺术家的作品。


图形+海报+文创?图形设计【全流程】攻略


被誉为「艺术顽童」的Keith Haring出生于1958年的宾夕法尼亚。


成长于那个反叛年代的他,经常以破坏公物的理由被逮捕。原因是Keith Haring热衷于地铁涂鸦。


图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略

外国网友为Haring的主角们创作的致敬动图


这些街头涂鸦给他带来了麻烦,却也在80年代让他名声大噪。他喜欢用一个个符号化的小人来呈现生死、爱情、性、战争和外星人。浓浓的波普风,热闹而充满童趣。


夸张的动作、漫画一样的视觉语言,让你一眼就能认出“Keith Haring”。

图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略

   < 左右滑动查看更多 >   


那我们该如何借鉴Keith Haring的风格呢?想要借鉴他的风格,首先要分析作品的特点,我总结为如下几点:


图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略



通过分析,可以很快的利用这些元素拼凑出一个画面。但这么做就属于纯粹的模仿了,因为不论风格还是主体都会和原作者的作品太像了。


那我们该如何合理的借鉴Keith Haring的风格,又能创造出属于我们自己的作品呢?首先要看看哪些属于风格的借鉴,哪些属于思路的借鉴:


图形+海报+文创?图形设计【全流程】攻略


图形+海报+文创?图形设计【全流程】攻略



思路上的借鉴是不能直接照搬的,我们要用Haring的思路,创造出一个我们自己的主体先。


比如「小人儿与动物的结合」。Haring很喜欢使用狗头,除此以外还有哪些动物可以拿来用呢?我首先想到了《美人鱼》里的“半人鱼”。


图形+海报+文创?图形设计【全流程】攻略



图形+海报+文创?图形设计【全流程】攻略





画一个鱼头

两条人腿

图形+海报+文创?图形设计【全流程】攻略


图形+海报+文创?图形设计【全流程】攻略



加上Haring

喜欢用的

折角明显的

手部造型




为了方便排版,

可以把它横过来。

这样看起来,

它好像在游泳~

图形+海报+文创?图形设计【全流程】攻略


图形+海报+文创?图形设计【全流程】攻略


接下来添加一点

「戏剧性的造型」

腿是不是可以

缠绕在一起呢?

这样更有游泳

的感觉了!




换成四条腿,

又变成了

另一个主体

图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略



也可以考虑去掉

鱼尾,让它

“四不像”

的更彻底一点



添加一点

「戏剧性的造型」

把腿变成

螺旋状吧

图形+海报+文创?图形设计【全流程】攻略



那这些主体可以出现在一个什么样的故事场景里?比如最后这个螺圈腿的家伙,相对会更有特点和细节,我把它单独置入海报,并围绕这个主体,赋予它一个故事情境。




图形+海报+文创?图形设计【全流程】攻略



一个小孩兴奋的说:看!爸爸!那是个什么鬼!


可以看到,上图中已经添加了「风格要素」,包括Haring超级喜欢用的「地面点元素」,以及手写爆炸签。接下来需要丰满下构图,添加些相关的元素,比如鱼鳍、UFO。


图形+海报+文创?图形设计【全流程】攻略

在UFO照射下变异的鱼?


继续添加一点简单的小装饰丰富空间。




图形+海报+文创?图形设计【全流程】攻略



这其实是苍蝇?~


接下来就是灵魂一步:Haring超级爱用的点缀线,会立刻为画面赋予动感!


图形+海报+文创?图形设计【全流程】攻略


因为色彩本身的“重量”,上色以后整体感觉和线稿会有不同。为了让色彩有呼应,我额外添加了一只苍蝇和两个小石块。第一张海报就完成了~

图形+海报+文创?图形设计【全流程】攻略


单独的主体可以围绕它搭建场景。双主体的话,围绕的就是两个主体的互动了。互动的方式有很多,这里我采用了最简单的一种方式:直接上下排列,用文字把两个主体关联起来。




图形+海报+文创?图形设计【全流程】攻略



“游泳和走路哪个更快点?”


上面的爆炸签还蛮复杂的,为了不让主体显的单调,给两条鱼添加一些点缀。




图形+海报+文创?图形设计【全流程】攻略




接下来就是加装饰线了。千万不要小瞧这些线的作用,它们可以让你的作品瞬间完整起来。


图形+海报+文创?图形设计【全流程】攻略


涂上高饱和度的色彩,第二张图形海报也完成了~

图形+海报+文创?图形设计【全流程】攻略


第二张是典型的上中下结构。这种简单清晰的结构很利于增强图形整体的形式感和符号感。


图形,顾名思义,“图”指内容,“形”指形式。形式感是图形之所以被叫做「图形」的一个重要原因。上下结构、左右结构这种最简单的构图有时候比复杂的构图更容易体现出形式感。


图形+海报+文创?图形设计【全流程】攻略


以上思路也适用于其他风格的图形创作。下面给大家分享5个简单好用的图形延展方法,在这个过程中利用简单的结构强化形式感。





图形+海报+文创?图形设计【全流程】攻略



比如可以把图形「拉伸」或「挤压」,让它的形状更极端~

图形+海报+文创?图形设计【全流程】攻略

用简单的上下结构添加手绘字母,并让字母符合图形的特点:压扁字母让它像一条线,或者弯曲字母让它像一个圆。

图形+海报+文创?图形设计【全流程】攻略

现在整体是这样的形状:

图形+海报+文创?图形设计【全流程】攻略


重新整理一下,沿用主海报的风格添加一些装饰线。整理的时候根据图形伸缩的特点适当简化,比如压缩之后四条腿变的密集,可以改为了两条腿。


图形+海报+文创?图形设计【全流程】攻略

     我的手被延长了哦!


  我的腿被缩短了哦!





图形+海报+文创?图形设计【全流程】攻略



这位美人鱼的螺圈腿很有辨识度。

图形+海报+文创?图形设计【全流程】攻略


如果它的腿??更长,这种特征就更明显了:




图形+海报+文创?图形设计【全流程】攻略



顺着这种细长的特征,在脚下添加字母。




图形+海报+文创?图形设计【全流程】攻略




在下方多留一些空间,强化细长的特征。




图形+海报+文创?图形设计【全流程】攻略




整理,添加颜色和装饰线:


图形+海报+文创?图形设计【全流程】攻略


还可以单独提取鱼头。用拉伸变形的方法,让鱼头更胖或者更瘦。

图形+海报+文创?图形设计【全流程】攻略

依然使用上下结构添加辅助元素~

图形+海报+文创?图形设计【全流程】攻略


鱼刺是不是

能用

字母替换呢?

↓↓↓

图形单调的话,

用装饰线丰富,

以及添加重复元素。

↓↓↓

图形+海报+文创?图形设计【全流程】攻略


迎合整体的形状,框选出想表达的区域:


图形+海报+文创?图形设计【全流程】攻略


重新整理并添加颜色。

图形+海报+文创?图形设计【全流程】攻略

还能提取哪些特征呢?

图形+海报+文创?图形设计【全流程】攻略

比如鱼刺、游泳缠绕的鱼腿(拉长版),以及添加了装饰线特征的眼珠。虽然鱼刺没有直接出现在画面里,但它依然可以作为鱼不同形态时的特征为我们所利用。


图形+海报+文创?图形设计【全流程】攻略



添加辅助元素:文字或装饰线。中间缠绕的鱼腿现在风格特征较弱,我添加了装饰线来强化。


图形+海报+文创?图形设计【全流程】攻略


迎合整体的形状,框选出想表达的区域:


图形+海报+文创?图形设计【全流程】攻略


重新整理并上色。

图形+海报+文创?图形设计【全流程】攻略





图形+海报+文创?图形设计【全流程】攻略



对称也是一种简单有效的形式感。可以多尝试下哪种对称组合更有特点。

图形+海报+文创?图形设计【全流程】攻略


重新整理轮廓。记得在整理的过程中根据图形特征简化。这个图形四脚张开有一种往外的推力,所以我在两边对称的排列字母,强化整体的张力。

图形+海报+文创?图形设计【全流程】攻略


框出它的形状:

图形+海报+文创?图形设计【全流程】攻略


添加色彩。

图形+海报+文创?图形设计【全流程】攻略





图形+海报+文创?图形设计【全流程】攻略



画面里其他有风格特点的辅助元素也可以拿来做图形延展。

图形+海报+文创?图形设计【全流程】攻略

比如从第一张海报里提取出了「小人儿」和「地面」两个元素。

图形+海报+文创?图形设计【全流程】攻略



对于比较散的图形,可以先框定一个形状,截取出想要的部分。


图形+海报+文创?图形设计【全流程】攻略



然后根据情况添加文字。比如第一个贴着地平面添加,会很有形式感。


图形+海报+文创?图形设计【全流程】攻略



重新整理并上色。「地面」被改为了蓝色,搭配上文字「A fish.」,现在它已经成功变成了一片海洋?~

图形+海报+文创?图形设计【全流程】攻略





图形+海报+文创?图形设计【全流程】攻略



这系列作品用的都是手绘字母,它们也是图形的一种,完全可以单独提取出来作为延展图形。

图形+海报+文创?图形设计【全流程】攻略

如果字签本身比较简洁,可以选择稍微复杂一点的外形衬托。

图形+海报+文创?图形设计【全流程】攻略


添加装饰:手写字和装饰线都是非常好用的辅助元素~

图形+海报+文创?图形设计【全流程】攻略


重新整理并上色:

图形+海报+文创?图形设计【全流程】攻略


图形+海报+文创?图形设计【全流程】攻略



把延展的图形都汇总一下:


图形+海报+文创?图形设计【全流程】攻略


对于包装或者文创来说,这些延展图形都是特别棒的素材。



图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略
图形+海报+文创?图形设计【全流程】攻略



总结一下今天分享的流程:


首先是如何借鉴?

如何创作主体?

然后是手绘海报的思路、

图形延展的思路,

以及应用。



今天的思路当然也可以用来创作其他风格的图形~文章的内容就到这里了,希望对你有帮助,想知道更多隐藏技巧,今天下午的研讨群见!



图形+海报+文创?图形设计【全流程】攻略



图形+海报+文创?图形设计【全流程】攻略





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


本篇文章来源于微信公众号: 研习设

视觉/平面

盒马小镇探索记

2022-6-22 20:11:37

视觉/平面

54个三角形27个国家!创意一个比一个绝!

2022-6-23 12:07:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索