平面插画——如何从零开始画线性插画风景?看大师的设计思路总结!

插画造型的三个基本要素是什么:点、线、面;

点的像,在几何学中,只有位置,没有面积。但在实际的构图练习中,点要在图中看到,并且有大小不同的面积。至于一个点的大小,要看画面的整体大小和其他元素的对比。点在作文中有集中和吸引注意力的作用。点的连续性会产生线的感觉,点的集合会产生面的感觉,点的大小不同会产生深度的感觉,几个点会产生虚面的效果。

线在造型中的位置非常重要,因为曲面的形状是由线定义的。也就是一个形状的轮廓。不同的台词表达不同的想法。粗线强,细线锐。线条的粗细可以产生远近关系,线条有很强的指向性。竖线有庄重感和上升感;横线有一种静止宁静感;斜线有运动感和速度感;曲线有一种自由流动和柔软的感觉。

曲面有长度,有宽度,没有厚度,是物体的曲面。它由线条定义,具有一定的形状。脸是几何的,有机的,偶然的。脸分为两类:一类是真实的脸,一类是想象的脸。固体表面是指具有确定的形状并且可以实际看到的表面;虚面是指不真实存在但能被我们感觉到的东西,是由点和线密集机动而成的。

点阵型的形式,体型越小,越能给人点的感觉。不同大小和密度的混合排列使它成为一种分散点的形式。大小相同的点按照一定的方向有规律地排列,给人的视觉留下一种线性的感觉,并按照一定的轨迹和方向由大变小,产生一种优美的节奏感。把点排列成大小不一,密的和散的都有,会产生层次感。

线条的形式是点的运动轨迹、刻面线条(等距密集排列)、变密度线条(不同距离排列)、透视空间视觉效果、粗细变化空间视觉效果、虚实空间、虚幻线条(改变原有标准线条排列)、立体线条、不规则线条。

面的形式:面体现了饱满、厚重、完整、稳定的视觉效果,几何面表现出规则、稳定、合理的视觉效果,自然面,不同形状的物体以面的形式出现,给人更生动、厚重的视觉效果,写意面;面部的有机形态导致了面部形态的柔和、自然、抽象,面部形态的偶然,面部形态的自由、活泼、哲学,以及更加理性的人文特征。

如何从零开始画线性插画风景?看大师的设计思路总结!如果我们一直在研究线条,就会发现线条不仅可以代表我们在普通日常生活中看到的标志性个体,还可以代表更大更复杂的景观。但后者会比较困难,尤其是线条比较粗的话,不可能更好的表现细节(比如表现云或者飘在空中的柳絮)。当时有点卡在这个思路里,没有进步。

过了两天,突然凭空有了灵感,想到了简化之路。尽量简化方法,虽然看起来粗糙,但是已经进入了一个新的层次。我觉得不应该只是创造风景,而是传达。所以景物是用线条和色块的组合一步步发展起来的。

灵感的来源

所以我有这组作品的镜像。这组作品以粗线条和景物为主,重点表现的是“色彩”(渐变组合)。

提示:

这个操作讲究的是设计思维的过程,不涉及软件的具体细节操作。如果对软件操作不熟悉,可以搬到这里看这个AI简单快捷的操作视频。

△四种得到形状的方法:拼、减、切、画。

参考照片不等于抄袭照片。

位置的绘制需要非常一般化。因为我们这里的方案是把景物画在一个小小的长方形盒子里,其实空间非常有限。所以台词的设定会趋于简单。

简化是一个非常重要的想法,你可以从照片开始你的研究。当然,我在创作的时候,并不是只借用了一张照片,而是把几张照片组合起来作为参考。

参考照片中的布局、构图、透视再提炼出最基本的造型。

如果有兴趣,可以看下面这个视频:

△灵感是怎么来的?参考照片的一些技巧

构建基本线条

如果细节不繁琐,简化的图案可以用网格表示。当然,这取决于你的习惯。

步骤01

打开AI,新建一个1600*1600px的文档。在此文档中绘制一个圆角矩形,然后在此圆角矩形中进行布局。首先,用几条线勾勒出最大的基本形状。外框线30px,内线可以稍微降低到25px,然后再降低到20px。

线条粗细的设定原则是让线条遵循一定的节奏感,比如5的倍数。

模式就像搭积木一样搭起了整个画面。

第二步

继续用积木的逻辑填充左边建筑的画面。这时候要学会跳出“技术”的思维层面,这是我在教学经验中反复向学生强调的:我们不是在学习如何画这个物体,比如我们在这里画一个小镇的风景。我们学到的是背后的创造性思维。

这里我引用丰子恺在《理解绘画》一书中的一句话:

“图画就像数学和体育一样。人生不一定要画苹果香蕉花瓶茶壶。原来只是通过这种研究来训练人的眼睛,使之正确灵敏,真实美好。」

用在这里,就是通过画小镇和建筑的过程来训练你的线条建模能力。这种能力既符合建筑的造型,又使其看起来美观自然。

步骤03

继续往下就是再次优化我们的造型。优化形状时需要注意两个方面:

形状关节是否闭合?

整体造型统一吗?

这些都是宏观和微观的方向。然后适当调整增删的形状。

步骤04

添加细节通常是框架工作的最后一步。这时候我们就要切换另一个角度了:一开始我们把线条的作用看成是建立轮廓。这时候就需要以线条作为细节的描述了。比如拿一个苹果举例,你就明白了。线条的两个作用:素描和绘画,在这里都能体现出来。

所以这里添加的细节(窗户、门、海浪、海鸟等。)都是用来形容线的。

至此,我们的等高线完成了。这个时候,你可以延长他们的出现。

在许多标志设计中,这一步实际上可以结束了,因为大多数平面风格的标志只需要一个轮廓,颜色可以是随机的单色。

彩色框架

建立色彩框架,其实就是找一个观察色彩的角度。利用两种颜色之间的关系演变成颜色数组。在下面的视频中,您可以了解更多关于颜色阵列的信息。

△彩色阵列:初学者用的彩色框架图

步骤01

基于以上理论,我得到了这个颜色数组。我们的颜色从这里开始。主色确定为蓝色(灵感来自我们的照片),副色为粉色和薄荷绿。

第二步

当然,颜色数组的作用并不是让我们使用所有的颜色,而是根据实际情况进行简化。不断尝试关键颜色,找到最佳组合。

使用形状生成器工具来着色和分配主色。

步骤03

继续用上一个颜色薄荷绿。这时候大家要注意颜色的细微变化。当单一颜色出现时,一切看起来都很完美。一旦加入第二种颜色,情况就变得复杂了。

这也和我们平时的生活一样。一个人独处的时候,一切都好,两个人就会有人际关系。让人头疼又开心的复杂关系,带来的是更多的活力和跌宕起伏。

我们看到虽然我们用的是二次色,但是在一些色块上也带来了更多的色彩变化,这一点用颜色数组就可以轻松做到。

步骤04

第三种颜色是红色,我们可以在图形中继续使用。

步骤05

主色控制在三种,其余颜色可以在现有颜色的基础上进行微调,如调整颜色的明度或饱和度,以获得更细腻的变化。

这里注意白色的使用。

光影渐变

感谢光,我们看到了不同的颜色。按照这个道理,想要获得更丰富的光感,渐变也是一个非常重要的着色元素。

步骤1

在使用渐变之前,我的建议是先做好平涂。平涂是建立整体色彩平衡,然后根据光照条件进行微调。

而对于渐变,我们需要有所克制,只需选择其中一种颜色,然后在这个狭窄的颜色范围内进行微调。比如这里我们用一个渐变的红色来做一些细微的红色变化。

第二步

然后给建筑添加阴影,阴影的外观按照“美与真”的原则进行排列。这里很多人可能会问什么是“美与真”的原理。以下也是出自丰子恺《悟道画》的描述:

图片既有观赏性,又有实用效果。欣赏是美的,实用是真的,所以画图练习一定要兼顾“真”和“美”。具体来说:比如画一瓶花的时候,要仔细观察花、叶、瓶的形状、大小、方向、颜色,以免画错。这才是“真正”的功夫。同时也要巧妙协调,巧妙安排,使之恰当。这时候,功夫的“美”方面。

知道了这个原理,我们会在实践中努力平衡画面的两个元素。

制作阴影需要注意三点:

找到光源

阴影颜色的配置

你不必完全现实

这三点可以在下面的视频中详细演示:

△线条插图添加阴影的三步法技巧

完成后的效果如下:

斑点高光

在创作的最后一步,我们在这里加入了一个小细节,这也是突然想到的点睛之笔,给画面增加点亮点。

步骤1

在平面构图中,一个点可以是一个点,也可以是一个小方块。在这张图片中,我们使用白色小方块来突出图片。

一张有点状高光的图片会让画面更生动。

最终效果:

后记:背后的想法

在写这篇文章的时候,我整理了三个视频,可能会给初学者更多启发。之前一直纠结是做视频还是写文章。我原本以为文章和视频是获取我所需要的东西的最佳途径。但是后来手术过程发现两条路不能并行。我只能在文章中插入更多我认为值得发展的部分。

视频是文章的补充,文章是视频的补充。虽然现在大家都说没时间看文字,视频更直接,但我总觉得用文字更容易查询和记录我潜心研究的东西。视频和文章都不能互相替代。

插画专业的内容是什么?“插画专业的课程内容主要包括2D设计、3D设计、基础绘画、数字基础、人物插画、透视、插画技术、艺术与文化、素描、色彩、插画基础、平面构成、色彩构成、印刷、插画与平面设计、商业插画、写实手绘与CG、插画角色设计、手工绘本、环境插画与插画。