Alex建筑可视化作品详细教程 ——沙漠夜景（上）

作者 | Alex Hogrefe

本篇教程原作者Alex Hogrefe，柏林进行整理翻译。

教程比较长，但写得非常详细，具体到了每一步，所有的操作也是比较基础的。

所以你认真看是能看懂的，但请不要走马观花，走马观花只能看个大概。

第一部分  SU建模到VRay渲染

有很多人让我对一张可视化图像做详细的分解步骤，我觉得沙漠黄昏的镜头效果会是一个不错的选择。我喜欢这张图像，因为这张图像不需要大量的Photoshop操作，但是确是需要Photoshop来完成处理。制作这张图像的过程并不复杂，我将尝试将这张图像分解成最简单的方式呈献给大家。

一些快速注释：我在本教程中使用稍旧版本的SketchUp2015和V-Ray 2。 我所描述的设置有点普遍，并且在SketchUp和V-Ray的新版本和旧版本中都有类似的转换。 例如，我们在使用最新的SketchUp和V-Ray(3)的版本设计我们的办公室，尽管界面不同，但这些设置基本保持不变。 本教程重要的内容不是特定的（SketchUp和VRay）设置，而是更重要的工作流程思路，以及想法，而不是浪费你的时间。 就像我说的，我提供了我认为创建这个图像的最重要的想法，我不想迷失在渲染设置的杂乱中（就是不想耗更多的时间在渲染操作上）。

1.SketchUp分组

由于这个项目规模很小，我用3D SketchUp模型的方式与我的其他一些模型稍有不同。 我按照系统分了组，地面和梯田是一组，玻璃和内墙是另一组，然后是木制地板，钢结构，最后是屋顶系统。 在这些组中还有另外几个级别的组和组件。 但是，这五个主要的组让我能够快速到达每个系统，并且真正帮助我保持一切整洁干净，并且非常好编辑。

2.纹理

由于视图如此遥远（建筑主体离我们的相机镜头较远），所以纹理并不像从内部或真正接近的视图那样重要。我真正用到的只有四种材质，分别是两种木纹，一种金属，一种玻璃。我是在textures.com这个网站上找到的纹理贴图。我不喜欢展示平铺的纹理，所以我倾向于从较小的纹理中构建更大的纹理，而不是经常重复。我还调好了颜色，去掉了粗糙的深色关节。木头的色调很重要，因为它们会从很远的地方被识别，当我在灯光下时，会显著地影响图像的“温暖”（色调）。

3.夜间设置

在建模和纹理完成后，我需要开始设置场景的照明。 通常情况下，我会把图像放到Photoshop中去着色和调光照，因此，我只是试图在不花费太多时间的情况下在3D中获得更接近的效果。 我更专注于设置难以在Photoshop中调整的内容，如阴影方向和柔和度以及人工照明。 该场景由HDRI天空照亮，这意味着我使用图像生成光照，而不是使用V-Ray太阳和天空。 这可以给场景更柔和的阴影，并且可以更好的控制特定照明场景。 在这种情况下，场景接近夜晚，太阳在地平线下方，整个蓝色都很多。 为此，我关闭了V-Ray阳光，而是使用了HDRI图像。HDR图像是从Vizpeople下载的，并且分辨率很高。

为了设置所有这些，我打开了我的V-Ray选项编辑器并展开了“环境”选项卡。 在GI（Skylight）下，我选择了带有字母“M”的图标。 在V-Ray 纹理编辑对话框中，我将左下拉菜单设置为“位图”，然后将HDRI图像上传到“File（文件）”旁边。 最后，我将UVW类型设置为“UVWGenEnvironment（环境）”，并将映射类型设置为“球形”。 为了旋转天空从而旋转光线的方向，我编辑了水平旋转到“280”。 在“环境”选项卡中反射/折射（背景）旁边的字母“M”重复此操作。

4.灯

外立面的木百叶窗是设计理念的重要组成部分。 我想要在木地板上弹出很多光线，因此我投下了一束V-Ray射灯（IES灯光）。 由于景观远离建筑物，所以灯光稍微随意下降，并根据视角放置。

当你放在聚光灯下时，你可以右键点击它并选择“SketchUp>编辑灯的V-Ray”。 这将启动V-Ray Light Editor（灯光编辑器），您可以在其中调整某些设置。 我通常将颜色设置为温暖如浅橙色。 强度参数基于相机曝光设置以及环境光照。 但是，在这种情况下，我将强度设置为“150”并将单位设置为“辐射功率（W）”。 对于锥角，我将它设置为“1.3”，稍微加宽它，然后将半影角设置为“0.75”，这将稍微柔化边缘。 最后，我将衰减设置为“平方反比”，这将使光在离光源更远的地方移动得更快。

5.其他选项编辑器设置

在V-Ray选项编辑器的“摄像机”选项卡下，调整了两个设置。 对于白天拍摄，我不会用相机调整太多，并保留大部分默认设置。 但是，对于夜间拍摄，最好降低快门速度和f（光圈）值。 这很有帮助，因此当你在放置V-Ray灯光时，没有必要显著增加他们的强度。

在“V-Ray选项编辑器”中的“VFB通道”选项卡下，我选择了几个通道。 对于这个案例，我加载了RGB颜色，Alpha（阿尔法），Material ID（材质ID），Raw Light（原始灯光），Raw Total Light（原始总灯光），Reflection（反射）和Refraction（折射）通道。

最后，在“输出”选项卡下，我设置图像的分辨率和比率。 我检查了“Override Viewport”框，然后将宽度设置为“6000”像素并将高度设置为“5000”像素。 这给了我想要的比例1.2，所以我选择了“L”按钮来锁定它。我将以1.2的比例进行比较，因为它与我做的下一个投资组合的比例相符。 否则，我通常使用1.77，这是更常见的16:9纵横比。

在渲染输出下，我选中了“保存输出”框并浏览到一个位置（就是设置保存路径），以在完成渲染时保存文件。 这也是我设置要保存的文件类型的地方，我将其输出格式设置为.tif。

6.在Sketchup中设置视图相机

最后，在进行渲染之前，SketchUp中需要做一些设置。 我需要在使用“位置相机”的眼睛高度安装相机。选择后，我可以在模型中的任何地方点击，SketchUp会将相机放在眼睛高度的那一点。 这确保我不会意外地将相机设置在3英尺或10英尺的尴尬高度（914mm或3048MM）。

接下来，我通过转到“Camera> Two-Point Perspective”将视图设置为Two-Point Perspective。 这可以确保我所有的垂直线都得到纠正。（就是我们常操作的相机—两点透视）

最后，我选择“视图>动画>添加场景”将视图保存在Sketchup中。

7.渲染

最后，我可以点击“渲染”，让V-Ray与额外的通道一起生成高分辨率图像。 V-Ray花了不到一个小时的时间才在我的桌面上完成这项工作。 最终的输出为我在Photoshop中的工作奠定了坚实的基础，并为我提供了一切所需的选项，添加纹理和调整图像。

第二部分  Photoshop后期处理

本教程的第2部分将分解这张图像Photoshop的一面。就Photoshop的复杂性而言，这个图像相对简单且层次最少。 不过，我认为这只是一个很好的例子，说明只需几个基本动作就可以生成一个吸引人的图像。本教程的这一部分很长，并且完全打破了Photoshop文件的各个方面。 这可能是我在覆盖整个过程方面所写过的最详细的教程之一。 我希望能够从头到尾更全面地了解我的整个工作流程，并更好地展示我选择强调颜色和纹理的位置，而不是我尝试淡化事物的位置。 如果你错过了，可以在上一篇找到第1部分，其中讨论了建模和V-Ray设置。

1.设置基本文件

我想要做的第一件事是设置基本渲染。 当我打开V-Ray 渲染的RGB图像时，我将它转换为智能对象。 我通过右键单击图层并选择“转换为智能对象”来完成此操作。 这可以确保如果我调整音调或级别，不会对图层造成破坏。 如果需要的话，它也将允许我在稍后使用更新的渲染替换渲染。 我不久前还写了一篇关于智能对象HERE优点的文章。

接下来，我想删除背景。 要做到这一点，我选择“选择>载入选区”，这将弹出一个“载入选区”对话框。

在频道下拉菜单中选择“Alpha 1”，然后选择“确定”。

当Alpha被加载时，它会给出选择的背景。 一旦此选项处于激活状态，请在图层选项板中创建一个新组，然后选择“添加图层蒙版”。 当我拖动我的V-Ray RGB渲染图层时，天空将被移除。 我拖入这个组中的任何其他渲染元素也会删除诸如反射，折射和原始光元素之类的天空。这样就避免了为每个元素创建新的选区。

2.添加天空

首先在名为“SKY”的“基本文件”组下创建一个新组，然后启动天空（点开天空组层的小眼睛）。 在这个小组中，我创建了一个名为“Sky Soften”的新层。 使用柔软笔尖和中等不透明度的“画笔工具”，我会逐渐从浅色渐变为深蓝色。这个目标是设定天空的主色调。（天空叠加，刷出下面图层的天空，使整个天空融洽有层次）

接下来，我拖动我的天空纹理，并将其放置在“天空柔和”层上方。

天空的质感太强烈，所以我将图层的不透明度降低到34％，以致细节细腻，不会引起太多注意。

3.背景山

使用Google地球，我可以到沙漠之家的“街景”并省去一些截图。 然后，我剪掉山，插入插图。

一旦山脉被切断，我可以将它们拖入插图。 我把它们染成黑色，给它们一点点蓝色调。 我还确保“Mountain”组位于我的“Base Files”组下面以利用alpha蒙版。

4.地面

开始编辑地面，我首先需要创建一个地面选区。 我通过拖入“Material ID” V-Ray元素并将其放置在图层面板的顶部来完成此操作。

接下来，选择“选择>色彩范围”调出“色彩范围”对话框。 选择地面的颜色，在这种情况下，选择棕色。 这将在“颜色范围”对话框中突出显示地面。 调整“模糊”滑块以根据需要细化选择。 然后点击“确定”加载选择。

在地面选择激活的情况下，创建一个名为“GROUND（地面）”的新组，并在图层面板的底部选择“添加图层蒙版”。 我现在有一个组可以添加许多纹理，而无需为每个纹理创建新的蒙版。

在“GROUND”组中，创建一个名为“Shadow（阴影）”的新图层。 在这一层中，我使用黑色油漆，柔和笔尖和中等不透明度的“画笔工具”使地面变暗，从而更好地匹配场景的照明。

接下来，拖动一些地面纹理。 我使用了大约五个不同的图像素材来构成前景，中景和背景纹理。（地面合成）

一旦所有纹理都到位，我将整个“GROUND”组的“混合模式”设置为“叠加”。 这将纹理设置到图像中，并拾取地面的阴影和颜色。

最后，我想让内部空间的一些光线反射到地面上。 为此，请在“GROUND”组内创建一个名为“LIGHT”的新组。 在“LIGHT”组内，创建一个新图层。 然后选择带有浅橙色涂料，柔软笔尖和低透明度的“画笔工具”，并开始以暖色调绘画。 最后，将“混合模式”设置为“叠加”，将暖色融入地面。（画室内光的影响）

5.屋顶纹理

对于屋顶纹理，该过程与地面纹理相同。 我创建了一个名为“ROOF”的组，并应用了一个遮罩。 其中，我添加纹理并将组的“混合模式”设置为“叠加”。

6.室内灯

对于室内灯，我再次创建一个新组，并将其称为“室内灯”。 我把这个组放到我的“Base Files”组中，这样我就可以利用Alpha选项。 在“室内光源”组内，创建另一个名为“CANOPY GLOW”的组，并以绿色突出显示该区域。

在“CANOPY GLOW”组中，创建另一个名为“Warm Glow”的新图层。 然后选择浅橙色涂料，软尖和低透明度的“画笔工具”。 从那里，缓缓加入淡橙色的油漆。 最后，将“混合模式”设置为“叠加”，将温暖融入图像中。

背面还有玻璃，这将为一些屋顶增添温暖感。 使用选区创建一个新组，并显示此部分。

再次，使用浅橙色涂料，柔软的尖端和低透明度的柔软刷在这个区域保暖。

最后，将“混合模式”设置为“叠加”。

7.雾

添加一些雾使图像具有一定的深度。 我通常在一个名为“EFFECTS”的小组中做这件事。 要添加雾，请创建一个新图层，选择浅蓝色油漆，柔和笔尖和非常低的不透明度的“笔刷工具”。 在雾霾中缓慢地着色，将其大部分集中在地平线附近。 我有几个雾层来更好地控制雾的密度，并更好地控制不同区域的不透明度。

此图像仅显示黑色背景上的雾层。 你可以看到它非常微妙，主要集中在地平线附近。

8.人

通常我喜欢把人放在雾层后面。 然而，在这种情况下，“人物”组被放置在“效果”组的顶部，用于更多的调色。 一开始，我首先将其中一位剪影人拖入并将图层转换为“智能对象”。

接下来，这个人需要变黑以匹配现场。 选择“图像>调整>色调/饱和度”。 在“色调/饱和度”对话框中，向左移动“亮度”滑块以变暗人物。 然后选择“确定”关闭即可。

接下来，再次选择“图像>调整>色调/饱和度”。 这一次，请检查右下方的“彩色化”框，然后将“色调”滑块滑动到与天空和大气相匹配的蓝色色调。 最后，将“亮度”滑块向右滑动以减轻切口并解决图像中的一些雾霾。

为了帮助地面这个人，可以添加一个影子。 创建一个新图层，然后选择带有黑色涂料，柔和提示和中等不透明度的“画笔工具”。 然后在画布中间画一个点。

选择“编辑>变换>缩放”（Ctrl+t）来缩小阴影并缩放以匹配人物。 不透明度也可能需要降低。

最后，为其他人物重复这些步骤。

9.在“Instagram”观看

（Instagram：一款图像应用软件）

我最终在Instagram页面上发布了这个图像，并添加了一些额外的颜色调整。 要创建这种额外的颜色，首先创建所有图层的复制合并。（盖印操作） 这是通过创建一个新图层，然后输入“ctrl + alt + shift + E”来完成的。然后右键单击图层并选择“转换为智能对象”，将其转换为智能对象。

接下来，选择“图像>调整>色相/饱和度”调出对话框。 然后增加饱和度和亮度。

现在，将“混合模式”设置为“叠加”。 这应该会显著增强图像的颜色。 我降低了不透明度，稍微调弱了力量。

接下来，创建一个新图层，并使用“颜料桶工具”用蓝色油漆填充新图层。

将蓝色图层的“混合模式”设置为“颜色减淡”，然后将不透明度降低至约20％。

最后，将“画笔工具”设置为不透明度较低的情况下，创建一个新图层，选择一个黑色油漆，同时使底部和顶部都变暗以创建晕影效果。

最终图像

我之前从未在我的网站上做过如此全面详细的教程。 我试图涵盖制作这张图片的各个方面。 但是，如果我忘记了一些东西或者没有解释清楚，请发表评论或给我发送消息，我会尽我所能根据需要更正/添加到此帖子中。那么本期教程就分享到这里。

优秀教程，与您共同分享！