马克笔上色练习,从版式设计角度构图

经过前面两种训练之后提高难度,在手绘的基础上加入更多的颜色搭配,同时也尽量从版式设计的角度来思考构图,活用空间和留白,让元素(图形、字体等)之间搭配得更加协调,从而强调设计感。
2013年有一部很棒的电影叫作《白日梦想家》,电影中有一段主角用滑板赶路的镜头非常惊艳——在冰岛空旷的公路上,看着周边的风景,一路滑到底。这张《滑板少年》就是看完这部电影之后的感触,虽然形象跟主角完全不一样,但这更多的是我心里真实的想法。

马克笔上色练习,从版式设计角度构图

《滑板少年》
工具准备:马克笔专用纸;铅笔、橡皮(用于快速打稿);针管笔(勾线用)、马克笔(上色用);白色高光笔(用于点缀)
练习要点:从版式设计的角度解决构图问题
练习时间:三小时
画幅:A4

1.草图阶段

首先,我们还是从草图入手大概地画出人物的动态,然后做一个简单的版面规划。先采用居中构图的形式,将人物置于画面中部,再在画面四周用方框标记出大概的版心位置,之后画面元素的摆放尽量根据版心来设置。在版心顶部、左下角和右下角,标记出摆放文字的区域,可以摆放电影中出现的信息,比如小图标、个人签名等元素。所有出现在画面中的东西,都可以归纳为版式元素并进行有规则的编排。这张稿子的绘画过程,是先采用手绘来完成人物部分,而背景中的文字排版则采用PS来完成。
接着,先抛开四周的版式元素,对人物的草图进行更加深入的刻画,添加自己的设计想法并完善画面细节。人物动态基本保持不变,但是人物的服装、配饰等都可以自由选择和搭配,在这里,我选择了半封闭的头盔(其实是懒于画头发)、衬衫、七分裤和滑板鞋,配饰仅选用了连接头盔的软管和腰包。

马克笔上色练习,从版式设计角度构图

马克笔上色练习,从版式设计角度构图

最后,我们再根据前面规划好的版面空间,在各个方框的位置,将文字信息逐个画上去,按照字体大小以不同的节奏进行简单的排版。其实字体排版部分,在手绘的练习中并不是特别重要,毕竟后期可以直接用计算机来完成,效率更高且效果更好。
画面上部最重要的信息是片名,所以占的比重最大。在片名中根据文字层级将主角的名字进行放大处理,其余信息缩小后居中。左下角摘取了电影中的台词和配乐的名称作为信息露出,右侧则是作品完成的时间信息。这几个部分,都根据优先级做了字体的大小变化,以更好地强调节奏感。

背景部分,直接用一个圆形作为装饰,这是为了在人物和字体之间形成视觉缓冲。从视觉设计的角度讲,人物部分细节最多,是最抓人眼球的(引起感官刺激);文字部分占的面积较小,但有足够的信息供人阅读(信息传达);背景部分不能抢了主次关系,只作为辅助出现(强调色彩感和设计感)。这样根据版式设计原理处理的画面,层级关系明确,信息传达精准,不会出现元素混乱、喧宾夺主的情况

马克笔上色练习,从版式设计角度构图

2.线稿和重色

线稿部分跟前文中的案例差不多,由于后期上色的需要,适当地减少了角色身上的细节。这样做是为了将上色区域尽量完整地保留起来,便于大笔头的马克笔涂抹。如果需要增加小线条,可以放到最后的调整中,避免彩色笔触因为擦过重色而变脏。
从勾线到涂黑色部分都跟前文中的步骤一样,就不再做过多地阐述了。在这里,其实已经不难看出,文字的位置刚好在背景中形成了一方框,而角色正好在这个方框的中间。同时,文字被挡住了一部分,跟角色之间形成了比较明确的前后位置关系。这种遮挡手法,一般在杂志封面的排版中运用得比较广泛。再看文字的节奏感,从上到下的字号分别是小→大→小的顺序,同时字形结构也是斜体→正体→斜体的顺序,这样在视觉上就形成了明确的节奏变化,虽然采用的是同一种字体,但已经有了足够的层级关系。

马克笔上色练习,从版式设计角度构图

马克笔上色练习,从版式设计角度构图

3.上色完稿

我们确定好重色部分之后,可以用马克笔简单地铺上底色。底色可以根据物体的固有色来决定,也可以根据不同的画面节奏来具体安排。比如,本例中画面的色调就遵循了从上到下由暖到冷再到暖的节奏,暖色和冷色相互交织,以强调色彩节奏感。
确定好固有色之后,我们可以利用马克笔同色叠加的特性,将固有色靠近重色的部分稍微加深一些,这样可以让固有色和重色之间过渡得更自然一些。当然,方头的马克笔或多或少会留下笔触的痕迹,所以动作一定要快,在墨水未完全干透之前将颜色叠加上,叠加的次数越多,颜色也就越深。
最后,在角色的小臂上用针管笔画出装饰图案,且为了让画面上下呼应产生节奏感,腿部也可以适当地加上一些装饰图案,这样整个画面就有了大色块和小细节的对比。由于角色的动作是站在滑板上努力寻找平衡的动态,因此文字则需要采用比较粗、比较稳重的字体。选择好适合的字体后,再到计算机中排版,到这里这张练习稿就完成了。
简单地讲,从版式设计的角度来思考构图,可以帮助我们快速找到画面排版的方向和节奏,更可以让我们在练习的过程中,不断地学习和巩固平面设计的基础知识,慢慢地找到适合自己的画面表达技巧,从而形成自己独特的风格。设计不分家,插画和平面设计本就是一体的,两者融会贯通,互相结合地思考问题、表达想法,也是能快速提高自己眼界和知识的好方法。

马克笔上色练习,从版式设计角度构图

马克笔上色练习,从版式设计角度构图

马克笔上色练习,从版式设计角度构图

手绘练习进阶,双色插画手绘过程

正片叠底上色法和通道抠图的方法