制图教室｜乌托邦图纸的终极奥义
hello~小伙伴们，又来到每周一的制图教室栏目啦！
想想也是很久没有给大家出过一张足够拿出来镇场子的大图了！这不是好东西不易得么~
然鹅！本期制图教室终于邀请来一位优秀的同学，她将手把手地教大家从前期构图开始，分析如何导图、配色选择直到后期技巧，为大家揭秘乌托邦图纸的终极奥义！
光是这流程展示的动图大家应该就已经心动不已了吧？~ok，话不多说，我们直接进入正式的教学吧~
PART 1
PART 2
根据这张图的需求，我们需要导出这三个部分的AO、线稿(*为了方便后期修改合适的线型，可以导出PDF)、阴影、材质ID。
（导出的待用底图）
(EXAMPLE: 随意的打开一个模型来大致讲一下导图)
（su导图的方式：Vray导出AO、ID；Su消隐打开边线和轮廓线导出线稿PDF；关掉Su右边的编辑栏中边线和轮廓线，打开阴影调整阴影到合适的阴影长度和角度导出jpeg）
1 (如何导出AO/ID: 打开vray)
在设置里直接添加需要导出的图纸类型
(当然AO也可以不直接用ExtraTex，也可以打开材质覆盖调整曝光等方式)。
在这里可以调整AO的暗影的半径，
2 (如何导出线稿: 导出-PDF/Jpeg)
3 (如何导出阴影: 导出- Jpeg)
PART 3
导出所有部分的图纸之后我们在Ps中进行组合叠加（如果你电脑配置超棒，一口气导出，那就可以直接忽略组合各个部分的底图的这一步骤）：
（所有的底图组合完之后就是这个样子，在这里，设计部分的淡化厂和避难所的材质我事先贴好了，不加以赘述，贴材质的方法：选区-贴材质-加蒙版）
下一步就是要在这个底图的基础上加一点细节和做一点调整。
首先这是一个关于海平面上升的项目，项目中我们需要表现新的海岸线的轮廓，部分的城市应该会被淹没，我们的设计也应该飘在海面上，我们需要把这个表达出来。
（关于海面的叠加示意图，注意它们和其它图层的顺序）
（从海平面上升的模拟网站上截取的海平面上升之后的海岸线）
在flood Maps的网站上找到Site，模拟海平面上升，截取海平面上升之后的海岸线的轮廓，在Ps中自由拉伸到合适的透视角度，用钢笔工具描出大致的轮廓。为了显示海水的深浅，我们需要进行一个类似将海岸线向内侧offset的一个操作，用钢笔工具用比较自由的线条向内偏移，调整三个图层的不透明度和颜色（初步设置一个颜色，后期需要进行多次调色，达到一个满意的效果）。
到这一步就是已经完成了最基本的底图。
PART 4
选择素材和配色
接下来，我们需要根据我们的设计概念和内容，调整我们现在的底图。之前在项目介绍中讲过，这是一个基于Gustav Klimt的壁画进行的叙事，Gustav Klimt的艺术作品最经典的就是他热爱使用华丽的金色和一些镶嵌的元素，我们从他的画中去找一些元素或者配色来作为素材，对我们的底图的内容进行叠加和替换。
挑选克里姆特的作品，我们从里面挑选合适的配色和元素。在这张图里，我挑选了“金色的材质、克里姆特常用的蓝绿色、以及他画中常用的曲线纹理。
PART 5
调整阴影
选好大致的基调的元素和色调，我们就可以进行不断的重复叠加。先是阴影：
（阴影用金色的材质替代，叠加方式很简单，将原有阴影进行选区，把克里姆特画中的金色材质拖进Ps，添加蒙版即可；海水的颜色可以尝试吸取克里姆特在他的画中最常用的蓝绿色，进行一定的颜色调整，达到和金色协调的效果。）
在这里，我们需要注意一些小的细节：整个图幅由近及远，我们需要把底图接近天际线的地方，稍微擦掉一些，让远方看上去线条和内容弱一些，更亮一些，我们只需要在蒙版中用灰色的软边缘的笔刷刷掉一些！
PART 6
细化肌理增加细节
调整完阴影，我们可以从场地部分进行进一步的细化。场地的肌理，在底图上，没有细节，所以整张图像是“浮在”纸片上一样。我们在Google上找到Site，然后提取他的肌理，我们可以根据他的用地性质进行大致的颜色分类：农田、牧场、水域...
图面看上去和克里姆特的风格相比，还是不够“华丽“，继续叠加金色的元素：
这么看起来，整个图面，由远到近的一个距离感还不够，但是在前面已经尝试过擦掉一些靠近天际线的东西，这次我们可以给近处加深一些的同时，在天际线的部分再次增加亮度，拉开距离感，让天际线看起来更远一些。我们继续叠加一个黄棕色的渐变，还有一个亮度调整图层，看下图的变化：（终极奥义：远处更亮，近处更暗就好咧！）
在这个基础上，再给底图加一些小的细节，和线条。接下来在AI中开一张和PS一样大小的画板，在整个画板上填充纹理，在图案选项中调整纹理线条的粗细和颜色，导出PNG，直接进PS叠加到我们的场地图层中，调整不透明度：
调整颜色，粗细，导出PNG，叠加进PS，选出海岸线的区域，添加一个蒙版，调整不透明度：
在这里有个小细节，可以局部擦掉或者加深一些海浪的纹理和颜色，让他看起来有一些明暗，会让图面更自然一些。
接下来我们用同样的流程去给其他的两个部分加上“细节”：（我们可以用增加线条的方式来增加一些细节，比如：阴影可以用斜线的纹理来表示，如果是弧形的面，甚至可以导出多个不同时段的阴影进行叠加，让阴影看上去更精致，而不是用色块，像下面这样子）
PART 7
调色
我们在调整完所有部分的阴影和材质之后，我们可以给各个部分进行调色（包括亮度，饱和度，色阶等等），可以看一下下面调色前后的对比（调色主要还是取决于个人对图面的理解和审美，每个人调出来都不大一样的~所以我就不多加赘述，直接放图，看对比吧）：
PART 8
处理天空
接下来我们需要处理一下天空：
和之前海面的处理方法类似，分多次叠加，让渐变变得更明显，用蒙版刷一次到位也可以。然后我们可以加一些填充的云朵，没有素材的话，可以去AI里用铅笔工具自己画然后导出PNG，叠加进PS，效果一样不错：
来看看在PS叠加之后的效果：（不要忘记在PS的效果中给云朵加一个合适角度的阴影，同之前的阴影处理，叠加金色，但是需要给他加一个不透明度）如下图：
PART 9
叠加与设计相关的素材
接下来，可以在AI中画出和设计相关的一些素材进行叠加，比如我的项目描述着和平还有淡水相关的话题，我可以叠加一些和平鸽，矿泉水瓶子等素材（即便是叠加素材，也可以有理由的叠加）：叠加之后的效果就像下面这个样子：
接下来在AI中画出船只、水上建筑的涟漪倒影，还有工厂运作工程中产生的烟雾，导出PNG，在PS中进行叠加、自由变换还有不透明度的调整，建筑周围阴影用涂抹工具进行涂抹，让它阴影边缘不那么生硬，像是在水里：
PART 10
打光整体调色营造氛围感