畅想未来| 超具科幻感的城市制作流程分析

科幻城市制作

作者： Christian Hecker 2016 年5月18日使用软件：Photoshop, Misc, Vue 关键词：Christian Hecker, Photoshop, 科幻，制作 

从这里仿佛可以看见星星 Christian Hecker 分享了怎样使用3D建模为科幻城市打基础

自由艺术家
在这篇文章里，我会演示怎样使用3D技术为精细的科幻城市建造基础。当3D部分完成后，我会继续演示怎样使用2D技术完善细节，以及怎样找到正确的色调以使整个画面颇具吸引力。

步骤 01: 准备场景
一般来说，要完成作品，大家会从粗糙的草图开始，但是我的作品借助了3D技术，稍微有些不同。不过我还是喜欢从草图开始。一开始我想要创造一个巨大的空间站，于是通过使用之前项目中的模型工具来开始绘制场景。我将主要的结构保存在不同的场景文件中，因为它们最后会变成沉重的多边形。而且，当我最后将所有元素加入到最终场景时，我的电脑也承受了不小的任务。

这就是将要成为空间站的主要结构
步骤 02: 不走寻常路很快我就放弃了制作空间站的想法，转而投向我最爱的科幻城市。虽然大家对于《星球大战》前传的品质存在很多争议，但自从我第一次见到惊艳的“科洛桑（Coruscant）城之后，我就知道自己也想做出这样的作品！于是我决定将空间站转变为巨大的未来城市中的空间港。现在是时候开始创建城市了，我先以背景开始。再次申明，这些建筑物都是工具箱中提取的模型，用来放置在各个角落和之后的工序中。

这是城市的背景元素，我花了不少时间将它们放置在正确的地方以配合整个作品。

步骤 03: 怎样建造科幻城市在建造科幻城市时，并没有什么既定规则，但有些事项需要提示一下。首先，不要在场景中放置过高的建筑物；其次，尽量保持尺寸和外形的平衡和参差。在这个场景中，我用了很多次复制和粘贴功能，但过程中我会始终关注整体效果，因为我希望观者能够体验整个城市，并沉浸到细节中，发现惊喜。在对主要结构增加更多细节后和完成底层和中层背景后，我使用Photoshop来为前景增加更多生机。

底层和中层背景基本已经完成，但前景看起来很空

步骤 04: 增添更多生机要营造一个繁忙的科幻城市，最简单的办法就是在场景中增加一些行进中的飞船，虽然这方法比较老套，但很有效。除此之外，我们还可以增加一些停在空间站的飞船。我还建议增加一些有趣的能量发动机。尽管加上了飞船的细节和发动机，场景的前景中还是需要更多色彩。所以我让这些发动机发出科幻感的蓝色光芒，每座巨大的城市都需要能量，不是吗？现在我们可以做最后的渲染了。

为城市增添生机

步骤 05: 多通道渲染对于像这样具有厚重元素的场景，最好明智地渲染图片。每个现代3D工具包都具备多通道选项用于渲染场景，这些选项可以让你渲染特定元素（在这幅图中就是建筑物和飞船）和遮罩。它可以让你很容易地在Photoshop中替换已经渲染的元素，因为场景中总会有可以重新渲染以加强细节的东西。Vue还带有“区域渲染”功能，你可以选择场景中的一小部分而不是整个场景来进行渲染。因此，渲染这幅图最好的办法是分开渲染城市和飞船。

使用多通道渲染的遮罩让我可以快速移动飞船并找到更适合的位置以配合整个画面

步骤 06: Photoshop 的魔法 使用Specular高光渲染通道增加额外细节（这也是多通道渲染选项中的一部分）。用这个方法，可以很容易地给整个画面添加细节。

高光渲染通道可以为城市中较暗的区域增添微妙的细节

没有光亮的城市还算什么城市？尽管这幅场景中看起来是白天/早晨，但还是有一些区域位于很黑暗的部分。这部分区域主要位于主要结构左边——在能量发动机附近。这里我使用了渲染遮罩来分离这些需要增加纹理的部分。在这幅图中，我仅仅使用了一个随机城市的夜空照片。

增加细小的光亮可以很容易地为城市增添生机

步骤 07: 复绘和精细化现在是时候回到步骤3的要点了：建筑物的参差。我复制和粘贴了很多建筑物，但仅仅关注建造不同的大小和旋转建筑物并不足以令人信服。人眼会不断寻找规律，因此重复的建筑物会摧毁画面的多样性。要解决这个问题，最容易的颁发是对场景中现有的建筑和高塔重新绘制并添加额外的细节。鉴于我还在做底层背景，因此不需要做得特别细致。

只需要增加更多形状就足以展示这片区域的多样性和细节

步骤 08: 云朵在这个相对靠后的阶段，我认为场景中还缺了些东西，而低垂的云层可以为场景增色不少，但由于渲染云朵太花时间，我之前一直避免绘制云朵。然而我还是决定加上这一步骤，通过一个单独的渲染来增加云朵。再一次，使用Vue的多通道渲染，让我可以轻易地将云朵从渲染中分离并放入Photoshop文件中。一点点额外的复绘和修补可以让云朵在场景中表现更好，并且可以让观众有更多代入感。尤其是在联想到场景的比例时，云朵会增加更多可信度。

云朵让场景看起来大不一样

步骤 09: 最后步骤在Photoshop的最终步骤里，我对层和颜色进行了很多调整，让画面看起来与我想象中更为接近。调整层可以帮助我保持灵活性（并且一般来说非破坏性的技巧可以帮助你应对突发问题）；我又开始继续优化作品直到自己满意为止——关键是遮罩和调整层。最后，我在场景中增加了一些大气辉光和一些典型的科幻镜头光晕。

接近尾声，可以准备最终调整

步骤 10: 把它当成照片尽管在Photoshop中调整了颜色，我还是没有获得自己想要的颜色效果，因此我决定把这幅图当成照片来处理！你可以把它载入Photoshop的Camera Raw或者使用Lightroom。我更喜欢后者，因为它看起来更好用些，但选择任何一种方式都没关系。在Lightroom中，我成功地将整体颜色调整成自己想要的效果。通过调高清晰度，我还可以让整个图像更为清晰，更加吸引眼球。不过最好不要做得太过夸张（尤其是调整清晰度时），点到即止。

最终图片大概是我所做过的最满意的科幻城市作品之一

近期热文：十年资深设计师分享：10条宝贵经验论道笔记：对话好莱坞顶级设计师朱峰

腾讯游戏开发者平台长按，识别二维码，加关注
经验分享丨项目实践项目孵化丨渠道发行做有梦想的游戏人-GAME AND DREAM-