- 商业插画设计思维魔方:形色构成+构图+色彩+光影+造型语言+插画后期+原创思维+综合训练
- 飞屋睿编著
- 2623字
- 2025-02-25 01:24:19
2.1 插画起形
互联网上有很多关于插画构图的文章,这些文章总结了很多可以直接套用的构图“公式”。即使看了这些文章,很多人也依然对如何构图感到十分困惑,因为插画中的对象未必会和构图的形式完全契合,这时我们需要进一步思考,从而选择合适的构图方式。
2.1.1 从线条开始
构图要从基础的画面结构开始,其中线条是可以进行快速表现的视觉要素。我们可以将线条细分为边框线和主结构线,通过改变线条的形态,可以在较短的时间内找到插画的构图方向。
◎边框线
任何插画都是建立在不同尺寸的画布上的,画布的边框线就是我们接触的第一个会对构图产生影响的线条。常见的边框线位于垂直或水平方向上,多呈现为矩形,另外也有圆形或其他异形的边框线。

◎主结构线
如果把画面中的元素看成一个整体,那么这个整体可以分解成不同的块面,整体的外轮廓可以简化成一条主要的线,这条线引导出主要的画面结构布局,这就是主结构线。主结构线通常可贯穿整个画面,或可作为画面元素的轮廓线的一部分,又或可直接穿过主要元素。
主结构线的概念听起来似乎很复杂,但较简单的主结构线只是一条曲线或者一条直线。在规划构图方式的时候,从线条开始是基本的创作手法,主结构线就像构图过程中的第一个指路牌,告诉你该画面接下来的走向。

2.1.2 快速构图方式
插画的构图往往没有太多规则,但有可以参考的范例。这也可以说“构图”是一种公式,但这种公式是比较灵活、松散的,是可以随时变动的。构图是一种动态的行为,本小节总结了4类适用于大多数场景的构图方式,更复杂的细分构图只会给创作增加负担。
◎十字形构图
十字形构图是经常会用到的、扩展性很强的构图方式。十字形构图会在垂直方向或水平方向上布局视觉元素,主结构线以平直的形态为主,是非常简易、清晰的构图方式。很多的构图方式都是从十字形构图变形而来的,如L形构图、X形构图、T形构图等。
如下图所示,该构图方式是十字形构图,整体画面给人一种稳定、宽阔的感觉。

十字形构图的灵活性让它成为非常容易见到的构图方式之一。下面是常用的几种十字形构图的变体,可以通过手绘草图的方式快速表现出来。

◎S形构图
S形构图是用弧线来引导视线的构图方式,如蜿蜒的小路、溪流、女性的身体线条等都可以看作S形构图。S形构图中的对象并不一定会形成一个完整的“S”,因此很多初学者在一开始无法辨认出插画中S形的主结构线。但由于这类构图仍然具有S形的蜿蜒曲折的特点,因此画面的主旋律是柔和的。
如下图所示,S形构图的婉转、流畅的特点,使得画面主体看起来十分可爱、开朗。

S形构图也有多种不同的表达方式,和十字形构图类似,其画面布局灵活,可以进行延展,主要具有流畅、柔和、引导视线等特点。

◎中心式构图
与前面两类构图方式不同,中心式构图通常会省略场景,只表现对象本身。这类构图涉及的插画场景比较简单,不会铺满整个画面,更适合表现单一的对象或元素。如下图所示,左侧的画面以人物作为主要创作对象,没有对背景进行过多的绘制;而右侧的画面背景中增加了抽象图案,因此变得复杂,画面的焦点则被分散了。

中心式构图非常适合初学者练习。很多初学者在一开始学插画时,往往会因为喜欢大场景所表现出的感染力而主动尝试大面积铺排对象,但由于基本功不扎实,整个场景的构造有很大的问题。因此,笔者建议初学者先学习表现主体对象,再慢慢地延伸表现出背景、空间及整个场景。
◎散点式构图
在插画中,散点式构图用得相对较少,通常和其他的构图方式搭配使用。例如,作为背景与其他对象结合,或者作为装饰性图案出现在插画中等。

提示
插画构图讲究的是灵活,规划好主结构线的同时可以从下面两点进行变通,以防止陷入为了迎合结构而放弃形式的探索。
第1点:打破构图方式中传统的主结构线,如在S形构图中断开弧线的走向并进行处理。
第2点:构图方式之间相互结合。例如,十字形构图偏重直线结构,S形构图偏重弧线结构,但在实际构图时,这两种构图方式完全可以综合运用,使画面的感染力更强。
尽管有方式可以指导构图,但插画设计仍然需要以形式美为前提。尤其是插画中出现人物对象时,人物的姿态、着装等都会因构图方式的不同而进行相应的调整和改变。
2.1.3 制造焦点
画面中的焦点即视觉中心,焦点在画面中往往起到画龙点睛的作用。很多插画都不乏丰富而感性的细节,局部看起来都很美,但整体却缺少鲜明的视觉焦点。
焦点一般出现在画面的显要位置,即创作插画时主要描绘的对象,如人物面部、主体植物、主要动物等。焦点区域通常用一个圆进行表达,这个圆不可以太大,否则会失去焦点;也不可以太小,否则不能吸引观者的视线。如下图所示,不论是十字形构图还是S形构图,焦点都位于主结构线上。

在构图的时候,当画面中只有一个焦点且想要重点突出焦点时,常用的构图方式就是环绕式构图及放射式构图。环绕式构图即画面中的其他构图主线从焦点元素展开,进行圆圈式环绕。放射式构图即画面中的其他主线从焦点元素开始向画面周围发散。这两种方式都具有较强的向心效果。

如下图所示,画面运用了环绕式构图的方式来强化焦点区域,焦点区域位于人物的面部、脖子,以及旁边的红色花朵,白色小鸟的身体为环绕焦点的元素,让画面呈现戏剧化的表现效果。

案例:盆栽
该案例绘制的是盆栽,希望读者通过对画面的构图和布置的练习,体会十字形构图和S形构图的运用技巧。

扫码看视频
01 画出十字形构图的主结构线,然后根据盆栽的外形特点,沿着主结构线画出草图。利用花瓶垂直拉伸的特点突出十字形构图的纵向表现效果,同时横向画出其他的盆栽。

02 利用Photoshop中的“画笔工具”平涂出右侧花瓶的形状,然后利用同样的方法画出植物。

提示
平涂即利用画笔均匀地涂抹出一个没有色彩变化的色块。
03 平涂出剩下的形状,注意在主结构线的辅助下保证形状之间的关联性,利用叶片的飘逸感打破主结构线的稳定感。

案例:植物
01 植物的主形体可以直接采用S形,画出S形结构线,沿着S形结构线画出叶片的结构线,利用线条来安排叶片的位置。

02 在原有结构线的基础上,利用平涂的方式绘制叶片,叶片的形态可以多种多样且具有弧度,使叶片看起来更舒展、活泼。在叶片周围增加暖色调的圆点作为装饰,使画面更丰富。

提示
虽然在草图中没有规划圆点,但这是来自绘制过程中的灵感,只要沿着主结构线排布其他元素,就不会破坏整体的S形结构。
03 为了让前景更突出,可以为植物增加一个背景,背景的形状虽然比较抽象,但是仍然应沿着主结构线的S形方向进行绘制。

练一练
用不同的布局结构安排相同的元素,并依据不同的构图方式和结构线类型,画出更多的植物造型。