【教程】漫画叙事组图表现教程

近年的建筑设计与表达经常会提到叙事性，漫画当然是叙事非常好的表达方式之一，首先我们简单聊一聊设计与表达的叙事性，这里引用张永和老师《线性城市》中的一组图文：

可以说张永和老师的这段图文较好的释义了“叙事建筑”与“叙事表达”。


今天就为大家来带一组漫画叙事表达的组图，故事开始之前，我们先来了解一下故事（设计）背景~


这份是一份竞赛图纸，赛题要求对两个生态圈（一座山跟一个公园）之间的一个城中村进行更新，同时体现生态多样性、展示对生态自然 动物的尊重。

我们的设计以蜜蜂为主线索展开。


蜜蜂具有非常重要的生态价值，竞赛基地解放村恰好具有优良的养蜂条件，当地的公益组织也正在推广城市养蜂（首尔目前已出现民间养蜂组织“Urban Bees Seoul”） 。


有鉴于此，设计通过“蜜蜂”这一媒介来制创造新的机遇，促进当地人群之间的交往，培养人们的生态意识，建立人、动物、自然之间的新型关系。


我们将蜜蜂与当地传统的手工业、创意产业结合推动经济增长，随着交流更加密切、生态逐渐蔓延、经济逐步增长，解放村将实现甜蜜幸福的美好生活愿景——SWEET LIFE。


在设计叙事过程中，我们虚构了一组故事主人公——老崔一家。


他们在时间和空间上串联了整个解放村的更新活化过程，通过对老崔家族的故事讲述，设计方案各个阶段的活动策划及空间干预将被循序渐进地呈现而出 ......


我们先来看整个故事的一个片段：

接下来我们会对一张图纸细致讲解作图过程，就是下面这一张啦：

这个小场景是在表达：我们进行的屋顶改造可以从上到下延展到街道层面上。同时，屋顶的植物跟生态系统也可以顺势延伸到地面层与人们产生新的互动关系。

话不多说，接下来进入我们的制图教程部分啦~

STEP 1

底图导出

最初的准备：建模，选取恰当的视角，这一部分大家应该都很熟悉了，我们就不多讲啦，直接进入第二部分：底图导出。这一步我们需要出3张图，分别是线稿图、阴影图、材质通道图，这里小编会对每张图进行讲解~

首先线稿图：

选择显示模式中的消隐模式，同时在线型编辑中只保留边线，其它线型全部关闭，如图2所示。随后选择适合的分辨率，导出这张图，我们便可以得到第一张线稿图。

得到的线稿图如下：

阴影图：


在消隐模式下，把所有线型关闭，同时打开太阳阴影，阴影显示调节到一个合适的时间，选择同线稿图一样的分辨率导出。我们便可以得到第二章阴影图。

得到的阴影图如下：

材质通道图：


在建筑设计显示模式下，把所有线性关闭，太阳阴影关闭，同时用油漆桶工具对模型里不同构件涂上不同的颜色，目的是方便我们后期进行选区，用途相当于V-ray中的材质通道。

得到的材质通道图如下：

STEP 2

材质填充

首先将这些底图都导入PS，线稿与阴影图层叠加模式选择正片叠底，材质通道图叠加模式选择正常，不需要时可以关闭。

开始材质处理：首先是要凸显我们设计中的加建部分，选中材质通道图层，用魔棒工具选中黄色的架子部分。

然后用矩形工具做一个我们需要的颜色材质，选中图层，Ctrl+J，复制出选区。

删除原矩形图层，关闭材质通道图层，我们将得到效果如图：

然后让我们打开阴影图层，大家会不会还是觉得画面还是太平淡了一些呢？

别急，接下来，我们将进行特殊阴影效果的制作：首先新建一个画布，设置大小为8mm×8mm：

关闭白色背景图层，在透明的画布上用画笔工具画一个“X”：

接下来将它设定为自定义图案：

然后我们回到原来的图中，选中影子图层，用魔棒工具选中影子的灰色。

选择油漆桶工具，选择图案，找到我们刚才自己制作的定义图案：

将其填充到选区，便可得到如图效果：

刚刚制作自定义图案的方法，大家可以自定义图案的大小，颜色，图案密度等，这里采用的是“X”图案，大家可以根据自己的需求、喜好来调整。

同样的方法可以得到地面的图案，这里小编选用的是点状填充：

STEP 3

后期调整

首先，利用钢笔工具或者画笔工具，对局部进行加深勾勒的效果。这样的处理可以加强漫画的效果。

接下来，进行人物的添加。因为整张图纸要展现漫画风格，同时我们整个设计的表达是老崔一家人的成长和变化，所以图面里需要展示每个人物的各个动作场景，为了解决这一问题，图纸里的人物都是手绘完成。


添加人物，并添加人物的影子，这里我们简化了人物的影子。

接着，添加蜜蜂素材，同时用画笔工具制作漫天的黄色的点点，来营造蜜蜂花粉满天的温馨效果。

接下来，制作植物素材。从网上找到适合的PNG植物素材导入：

按住Ctrl，点击植物图层，创建一个包含所有植物部分的选区（这个仅适用于带PNG格式的素材呦），将其填充为黄色：

接下来，利用魔棒再次创建一个包含所有植物部分的选区，鼠标右击选区内，选择描边，根据需要选择描边粗细：

全部处理好之后我们会得到如下的植物素材：

接下来，缩放调整，布置到图面的适合的位置就好啦：

最后，裁剪，调整构图：

这样一个小场景就制作好了，同理可以完成其它场景的制作。从制图过程可以看出，在漫画风的图纸中我们有很高的自由度，可以自制阴影图案，把控色彩等。


而漫画风格最主要的优势就在于可以引入时间线或者空间中人物的动线，更生动地讲述一个设计。


好啦，最后我们再来快速回顾一下完整的制图过程：

本文转自公众号LAC丨ArchStudio（ID：lacstudio）

作者：Eli/W ADG/E