一套必备的剖面图教程

文章作者：ArchDiary_G

剖面图是呈现方案很重要的一张图，甚至可以说是最重要的一张。它包括了很大的信息量：空间的竖向组织、空间中人的行为活动、建筑的结构构造、建筑与环境的关系等。几乎没有其他图纸能够在一张图上呈现出如此多的信息。这次就带来一张自绘的剖面表现，案例用的是迈耶的道格拉斯住宅。先来看成图，左侧是未经处理的线稿。

一般，我们会用CAD绘制得到一张如上面左图所示的线稿，我们接下来的处理的目的是什么？我想应该是更多、更直观地去呈现一些方案想表达的信息。先来分析纯线稿的表达有那些不足？① 空间的呈现缺乏立体感、纵深感，可读性比较差；② 缺少人物活化场景；③ 建筑与周围环境关系表达不充分。

接下来就围绕这些不足，来绘制这张剖面表现图。这次的教程以呈现绘图思路为主，过程中的PS操作就不过于细致地展开来讲了。需要用到的软件就只有PS。

01

土壤绘制

置入一张污渍贴图利用蒙版填充到土壤的区域。靠近地表的部分用黑色柔边笔刷刷一下，左下角用柔边橡皮才擦淡，使其更有层次感。

02

绘制光感

空间的立体感与纵深感，其实就是通过光与影来呈现的。影子大致有两种：直射光源投下的、相对轮廓分明的阴影，漫射光在空间边缘形成的软阴影。两者都是先创建一共需要绘制阴影的选区，用柔边笔刷绘制阴影，混合模式选正片叠底。

光线大致也有两种：太阳为光源的光线、灯具为光源的光线。前者的绘制方式与阴影的绘制方式基本一致，混合模式换成滤色即可。后者在这次的案例中没有涉及，可以直接用灯光笔刷绘制。

为避免光线、阴影的边缘过硬，可以后续添加一共高斯模糊的滤镜。

03

周围环境

环境包括树和天空。配景树的绘制是老套路，滤镜-渲染-树，渲染出3到5棵不断复制、调整大小即可，注意调节不透明度拉开层次。天空百度一张拖入，天空的选区要注意光源方向一致，不要太复杂太多云彩。拖入之后建议加个滤镜，这个大家可根据喜好选择，我这里用的是绘画涂抹。

这里注意一下蒙版的添加。蒙版黑色表示完全遮挡，白色表示完全不遮挡，灰色则表示半遮挡。剖面从窗户可以看到外面景色，所以窗户部分在蒙版上用灰色填充，呈现出一种半透明的效果。

04

配景人

剖面表达中强烈建议加入一些配景人物，一来可以活化场景、呈现空间中人的行为；二来人是空间尺度的重要参考标准。此外为进一步活化场景、平衡构图，还加入了飞鸟配景。

05

最终调整

这种材质、素材拼贴的表现图，最好在完成时用Camera Raw整体调色，使画面风格统一。这张图为了强调光线，还添加了滤镜-渲染-镜头光晕，顺着光线方向加了一个镜头光晕。

最后，添加文字，完成！

欢迎大家添加作者的微博、微信交流~  

-End-

一套普适的立面图教程

文章作者：ArchDiary_G

今天为大家带来一篇立面图表达教程，一张自绘的玛利亚别墅立面，不是网红图临摹，而是想分享一套普适的立面图绘制思路。先来看一下成果：

好，现在我们从准备工作开始聊起。

01

开始绘图之前，首先要有一个完善的3D模型。

这里用的是玛利亚别墅，直接从3Dwarehouse（https://3dwarehouse.sketchup.com）下载就好，这里鼓励大家用自己的方案或其他自己喜欢的大师作品来练习。

02

导出线稿图、Alpha通道图、材质通道图、阴影图

调整好视角（记得切换成平行投影），利用SU插件“一键通道”，分别导出线稿图、Alpha通道图、材质通道图、阴影图为后期PS做准备。

导出时记得在选项中调整一下图像尺寸。

03

导入Photoshop

得到如下几张图，全部拖入PS中。

04

调整图片的叠加模式

调整几张图片的叠加模式，材质通道图与Alpha图用来快速创建选区，正常即可。线稿、阴影用正片叠底，调不透明度50%~60%。创建一个白色图底。

05

准备好需要的材质贴图。

推荐一个网站：https://www.textures.com，非常强大的素材库，高清，基本可以满足日常所需。

06

开始填充材质。

用魔棒在材质通道图层中创建选图，置入纹理贴图，建立剪切蒙版。Ctrl+U调整饱和度、明度，使画面和谐。

07

同样的步骤填充好其它区域。

08

添加地面，挡住不需要的部分。

09

用正片叠底的方式添加一些污渍、细节。

10

添加一些人物活跃画面。

11

添加配景树。

用PS中的滤镜-渲染-树，渲染出几棵形态不同的树，复制出多个，调整大小散布，再调整不透明度使背景富有层次感。最后所有配景树编组，为整组加一个剪切蒙版，遮住不需要的部分。

12

补充天空

找到一张天空素材，直接放在配景树的组中（不用再另建剪切蒙版），置于组内的最底层，调整不透明读为10%~15%。

13

最终调色。

Ctrl+Shift+Alt+E盖印图层，CameraRaw调色。因为是阿尔瓦的作品，想营造一个温馨的氛围，所以补充了一个加温滤镜（在图片-调整-照片滤镜），使整体色调偏暖。

14

裁剪、补充

最后裁剪掉多余的地面，补充上文字，完成！

总体来说，这是一篇低技巧，适用性很强的教程。目的在于分享一套常用的立面图绘制流程，希望能帮大家理清思路，快速高效地完成图纸绘制。最后还是拿出最终的PSD成图供大家参考。

LINK

获取方式 

链接：https://pan.baidu.com/s/1smZoEU5 密码：u360

欢迎大家添加作者的微博、微信交流~  

-End-

寒假是进步的阶梯！

不应成为堕落的催化剂！

趁着大家都在增肥的时候，操练起来

文章作者：ArchDiary_G

上次分享了一篇“小清新平面图绘制”:4个步骤，手把手临摹一张2017年最佳建筑制图，就是下面这张：

我们来评价一下张图，表达生动，情景感很强，较好体现了建筑与自然环境的亲密关系。这种表现适合小型建筑，小型建筑功能比较简单，适当增添表现会为建筑增色，而不会影响人们对图中主要信息的读取。

再来看这样一张图：

线稿，交通空间填充浅色，非常简洁的表达。这种表现适合大型建筑，也是更常出现在高年级同学图纸中的平面图。大型建筑功能复杂，图面表现应该帮助人们更直接的获取一些信息，多余的表现反倒可能会干扰人们读图。

小型建筑的表达已经出过一篇教程，这篇文章主要针对大型建筑的平面表达，看一看如何更清晰、得当地呈现自己的方案。这里以“日内瓦– 音乐之城”建筑设计竞赛中多家事务所的图纸表现为例来分析。上图为此次竞赛一等奖方案。

OK，就先来看看一等奖的部分图纸：

想要大家看的其实不是平面图本身，而是右下角的两张小图。两张小图概括表达了平面图中的功能分布，起到辅助读者读图的作用。我认为这是大型建筑平面图表现应该达到的目的，而不仅仅是为了图面颜值高而已。

01

平面图中的空间分析

接下来我们细说一下平面图中的空间区分，平面图中的空间可以大致分为五类：室外空间、通高空间、交通空间、使用空间、核心空间。我们逐一来看看。

A

室外空间

当平面图中出现室外空间，如露台、庭院，最好能够清晰地界定好室内与室外。可以通过材质的变化来达到这一目的，如室内部分整体色调很亮、室外部分选择暗色调、甚至反相处理；室内用纯线稿，室外适当的赋予一些材质；室内用灰色调，室外适当赋予一些色彩，就像下面这份图纸。

B

通高空间

通高空间作为非重点表达的空间，大致有两种处理方式吧：在赋予其他空间材质时做留白处理，或者填充一个浅灰色，如下图。（好吧，其实这里的重点是欣赏一下BIG事务所的方案。）

C

交通空间、使用空间

交通空间、使用空间放在一起来说。它们是平面图最主要的组成部分，一些时候平面图中其实就只有这两种空间，并没有其他通高或室外空间。这时对交通空间与使用空间进行一下区分是个不错的平面图表现方法，如图，干净利落。

D

核心空间

核心空间就如音乐厅中的演奏厅、博物馆中的展厅，或者方案可以作为亮点的其它空间。这些空间会希望被人关注、一眼看到，可以着重表现一下。根据空间不同选择的表现方式也会不用，下面是OMA的图纸，共大家借鉴。

E

垂直交通

在功能流线复杂的大型建筑中，垂直交通与疏散是一个比较关键的点，可以通过一些标识处理，让读图者快速读懂图中的垂直交通布置，下图是这次竞赛中我比较喜欢的一张平面表达，出自伦佐·皮亚诺事务所的方案。这里的交通空间用红色进行了标识处理。

这张平面图中交通空间、使用空间、核心的演奏厅都用色彩进行了区分，这样的平面图看到第一眼就会首先获得很多信息，有助于接下来的仔细阅读。应该说这张图完整呈现了这篇文章想表达的内容~

02

分析了这么多，我们来实际演练一下

① 找到这样一张纯线稿的平面图：

② 分析图纸中出现的空间类型。

③ 选择一张纹理贴图，拖入图中。

④ 先用蒙版让贴图填充到水平交通空间。

⑤ 同一张贴图，继续利用蒙版分别填充到核心空间、普通使用空间、垂直交通空间。

⑥ Ctrl+U调整色相饱和度，水平交通空间饱和度降至零。核心空间、普通使用空间、垂直交通空间，分别调整色相至偏红、偏黄、偏蓝。这样同一张贴图填充出的图面统一感回更强。

⑦ 浅灰色填充通高空间。

⑧ 为室外空间添加材质。

⑨ 添加一些配景人（从天正导出），用柔边笔刷刷出阴影，用以界定好室内外空间的边界。

OK，完成，这篇文章就到这里了，结尾给大家附上教程用到的素材与成图的PSD文件。可能会有同学对上文中的竞赛感兴趣，完整图册也分享给大家~

最后还是欢迎大家通过微博、微信与我交流~

LINK

获取方式 

教程用到的素材与成图的PSD文件：链接：https://pan.baidu.com/s/1raqRjcC 密码：dsl3

能会有同学对上文中的竞赛感兴趣，完整图册也分享给大家~
链接：https://pan.baidu.com/s/1smRMC7F密码：4pgz

最后还是欢迎大家通过微博、微信与我交流~

欢迎大家添加作者的微博、微信交流~

作者：ArchDiary_G

 今日话题：

寒假有什么计划？长胖还是变棒。

-End-

“临摹：2017年最佳建筑制图之一”

文章作者：ArchDiary_G

一张颜值高、表达清晰的图纸怎么画？这里希望分享一些绘图思路。前段时间ArchDaily评出了一组2017最佳建筑制图，呈现了很多优秀的图纸表达方式，很适合同学们借鉴到自己的方案表达上。 

这里挑选了其中一张小清新风格的平面图来临摹。

开始之前，我们可以先了解一下这个建筑： 

//m.stpapt.com/archcollege/2017/3/31953.html

自然环境下的小体量建筑，是课设中比较常见的建筑类型。

好，不多废话，我们开始。

这类平面图纸我们基本可以从四个方面入手：线稿、材质、环境、阴影。

A．线稿

① 在Rhino中描出平面图线稿，注意按不同线宽与填充分好图层，这里我只分了两个图层，填充的墙线，其余都用的是细线。

这篇教程大家可以用自己的方案来尝试，自己没有适合的方案，推荐用自己喜欢大师作品，一来可以当作案例分析，二来可以方便直接获得CAD线稿。

②导出AI格式。Rhino中的图层会在AI中保留，可以轻松调整线形、颜色。这里墙体选择灰色填充，其余的线选取一个合适的描边粗细。

这样线稿的准备就完成了，接下来交给PS。

B. 材质

① 对室内补充一些材质，图中的材质用的都是CAD中的材质。绘制这样的材质有两种方法，一是直接在线稿阶段填充，分好图层，在AI中直接细线描边。第二种是准备一些材质贴图（其实可以用CAD导出自己来做，这里就不详说了），在PS中利用蒙版填充。这里用的是第二种。

② 蒙版是我们出图非常频繁使用的功能，理解起来就是在一张图上附着另外一张图对其进行遮挡，这里做一个简单演示。

首先将准备好的材质贴图放在合适位置，调整好角度。

用魔棒加选，选中所有交通空间。

然后添加蒙版就OK啦。

接下来要用的材质填充都是用这个方法。

③  接下来是五个内庭院的绘制，都比较简单，PSD文件会最后发给大家，结合下面这张图相信大家都可以轻松绘制，这里不过多赘述。

C. 环境

周围环境的绘制是这张图的亮点，它不是一棵棵点上去的树，而是一个很自然完整的环境，我们来试着模仿一下。

①  首先以“树林”为关键词百度或Google一张类似的素材。

②  放到PS中图像-调整-去色、图像-调整-反向，得到这样一张图。

③ 将它置入我们正在绘制的平面图中，用蒙版扣掉不需要的部分，调整不透明度约50%。

④  再用平面树笔刷补充一些树木对道路的遮挡。

D. 阴影

这张图的阴影表达也很有趣，树木的阴影投到了室内，虽然很不科学，但却将建筑与环境的亲密关系生动的表达出来了。

① 还是用平面树笔刷，画出投到室内的阴影，同样要用蒙版，截掉不需要的部分，同样调不透明度约50%。

② 这样会出现一个问题：被阴影覆盖的部分线稿看不清。所以要对被阴影覆盖部分的线稿做一个反向处理。具体操作如下

将阴影图层复制一份，图像-调整-阈值，调成纯黑。

魔棒选取选区，将选区内的线稿图层复制一份，纯黑的阴影图层就可以关闭或删除了。接下来图像-调整-色相饱和度，调整复制图层的明度至100，也就是调成白色就可以了，最后注意要把调好的图层放在阴影图层上面。

③  最后添加整个建筑的阴影，比较简单就不细说了，完成！

最后可以根据个人喜好Camera RAW一下，本篇教程就结束了~

结尾给大家附上案例中用到的图片、笔刷、平面树等素材~

LINK

获取方式 

点击此处下载  提取码：8utb

欢迎大家添加作者的微博、微信交流~

作者：ArchDiary_G 

RECOMMEND

图娘推荐

//m.stpapt.com/archcollege/2018/1/38767.html

《穿墙透壁》与《安藤忠雄：建造属于自己的世界》均已售罄暂时下架，现货上架时会通知大家。 

-End-