如何从零开始绘制线性插画风景？来看高手的设计思路总结！

@飞屋睿UIdesign ：研究线条，会发现，线条除了表现我们普日常所见图标化个体以，可以表现更大更复杂风景。是后者会有定难度，如线条比较粗情况下，尤其法更好去展示细节（比如要表现云朵或者空漂浮柳絮等）。时我有卡在这个思路上没有进展。

两天，我突凭空有灵感，想到「简化」一条路。尝试用简化的方法，虽看来粗糙，但又进到新的面。我想我们不是要单单造，而是要传递。因此，用和块的组合，就样一步步展开。

灵感来源

是我有一组品大千之镜，一组品就是基粗+的方式来创，其中重点的表现是「」（渐变组合）。

提示：

本操作注重设思维的过程，不涉及到软件的具体详细操作，如果对软件操作疏的小伙伴，可以移到这里看看这简单的速手AI的操作视频。

△ 得形状的四种方法：拼、减、裁、画

参考照片不等于临摹照片

外景的绘制，需要非常概括化。由于这的规划是把景物画在一个圆矩形的框内，其实空间是有限的。因此线条的置也就要趋于简。

简是一个非重要的思路，你可照片开始研究。当然，我在创作的时候，止借鉴了一张照片，而是把多张照片进行结合参考。

参考照片里布局、构图、透视……然后提炼最基本形状。

如有兴趣你可以看下这支视频：

△ 灵感怎么来？参考照的几点技巧

构建基础线条

果在细节并不累赘的情况下，简化的图案以采用网来帮助表达。当取决你的习惯。

STEP 01

打开AI，新建一个1600*1600px的文档。在个文档中画出一个圆角矩形，在个圆角矩形当中谋篇局。首先用几个条把最大的基础形勾勒出来。外框条采用30px，而内部的条以稍微减小，变为25px，细以变为20px。

线条的粗细设置原则就让其遵循一的韵律感，比如都5的倍数。

图案犹如搭积木那样建立起整画面。

STEP 02

继续以搭积木的逻辑填满左建筑群的画面。这时我们学会跳出「技」的思维层面，这我的授课验当中也反复学强调：我们并不学会如何画这对象，比如这里我们绘制小镇风景。我们学会的背后的创作思维。

这引用一段丰恺在《认识绘画》这本书的话：

「图画就同数和体一样。人生一定要画苹果、香蕉、瓶、茶壶。原过是借这种研究来训练人的眼睛，使眼睛正确而又敏感，真而又美。」

用在这里，是过画小镇、筑过程来训练自己线条造型能力。而这个能力表现出来是既符合筑形，又能让它看起来美观自然。

STEP 03

继续往，就是把我们的形状再一次优。优形状有两个层面需要注意：

• 形状衔是否闭
• 整体的形状是否均匀

这是宏观和观的个方向。然后再适当调整增删形状。

STEP 04

增加细节一般后一的框架作。这时我们又切换一角度：刚始我们把线的作用看作建立轮廓，这时，需拿线当作细节的描绘担当。比如下面用一苹果作例子，就能理解了。线的两作用：勾勒描绘，这里就能体出。

因此这增加的细节（窗户、门、波浪、海鸟等）都是发挥线的描绘作用。

这一步的轮廓线就完成了。这可以将它扩展外观。

在多LOGO计当中，这一步其实就可以告一段落了，因为大部扁风格的LOGO都只需要一个轮廓，色彩可以是一个随机的色。

色彩框架

建立色彩框架，其实就是找一种观察色彩的角度。利用个色彩间的关系演化成一个色彩阵列。在下面这个视频中，你可以了解更多关于色彩阵列。

△ 色彩阵列：给初者的色彩框架图

STEP 01

依据上面的论，我获得了这个色彩阵列。我们的色彩就从这里开始。色确定为蓝色（这从我们的照片里获得了灵感），次色为粉色和薄荷绿。

STEP 02

当然，色彩阵列的作用并不是要让用上所有的色彩，仍然根据实际的情况去繁化简。在关键的色彩上进行不断的尝，找最好的组。

形状生成器工具来进行上色，把色进行分布。

STEP 03

继续运用上次色薄荷绿，这大家要注色彩的妙变化，在一色彩出现的候，起来一切都完美，一旦加入了第二种颜色情况就开始变复杂了。

这和我们平时生是一样的，一个人的时候么都好，两个人就会现人际系。复杂的人头疼人的系，就带来了更多的生机和起伏。

我们看到虽然我们次色，但在分色上带来了更多的色彩上的变，这是有了色彩阵列后可轻易做到的。

STEP 04

第种色彩是红色，我们可继续在图形中。

STEP 05

主要的色彩控制在三种，剩下的色彩可以继续在现有色彩基础上再调，比如调整色彩的度或者饱和度来获取更为细腻的变化。

注在这的色的运用。

光影渐变

由于有光，才得已见不同的色彩。根据这个真理，如果要想获得更为丰的光，渐变也是一个非常重要的上色要素。

STEP 1

在运用渐变前，的建议就是先做好涂的工作。涂是建立整体的色彩均衡，然后再根据光线的情况进行调。

而且对于渐变，我们需要克制，只需要取中一种色彩，然后在这个色彩较窄的范围进行微调。如在这里我们将红色上渐变，使红色产生一些微妙的变。

STEP 2

然后给建筑补上阴，阴的出现根据「美且真」的则来安排。这可能多人会问什是「美且真」则，下面同是出丰恺的《认识绘画》的一段描述：

图画兼有欣赏与实两种效果。欣赏是美的，实是真的，故图画练习必须兼顾「真」和「美」这两个条件。具体地说：譬如描一瓶，要仔细观察、叶、瓶的形状、大小、方向、色彩，使描错。这是「真」方面的功夫。同时又须巧妙地配合，巧妙地布置，使它妥帖。这时「美」方面的功夫。

了解了这个原则，在练习去试探画这两个要素平衡。

阴影的需要注意的是三点：

• 找到
• 阴影颜的置
• 不必完全写实

三点以通下面个视频中详细给大家演示：

△ 线条插画中增加阴影的三技法

完成后的效果如下：

点状高光

创作后一，这里我们增加了一小细节，也突然到的点睛之笔，给画面增加点状高光。

STEP 1

平面构中，一点可以一圆点，也可以一小方块。这画面当中，我们就利用白色的小方块制造画面的高光部分。

增加了点状高光的画面，就会让画面更加活泼。

最终效果：

后记：背后的思路

写这篇文章我整理出了三段视频，通过视频也许会给初学者多启发。我之一直纠结视频还写文章两条子，本文章+视频好的方式，各取所需。但后操作过程发两条办法并行。只能文章当中，穿插多我认得展的部分。

视频作为文章的补充，而文章作为视频的补充。虽然现在大家都说没间文字，视频也更加直，但是始终觉得潜心学习的西，用文字是更易于查询和记录的。视频和文章都无法取代彼此。