个人中心 我的学堂 我的旅行 退出账号

效果图的艺术:用SketchUp, AutoCAD 和 Photoshop创造绝佳的水彩效果(内附视频)

2016.10.28 | , ,
Architizer Architizer

翻译:建筑学院-高冲
校对:建筑学院-大黑

原文链接

Ronen Bekerman是建筑视觉传达领域的业界领军人物,他在自己的专家博客上发表了许多高阶教程。本文将向大家展示其中由全球顶尖效果图艺术家创作的精选教程。

Atelier Crilo是一个以建筑设计为基础,多学科融合的事务所,领导者是Cristian Farinella 和 Lorena Greco。他们开发了一套独家的设计问题解决策略,并且提供针对设计研发和三维可视化的全方位服务。

Atelier Crilo的教程基于传统摄影原理指导下的效果图制作手段和实时照相现实主义的挑战,针对建筑可视化与虚拟现实,采用更加程式化,说明性的方法来加以表现,该方法展现了传统艺术与数字化的碰撞。

该公司于2014年发布了一些水彩效果的建筑效果图,这些图瞬间吸引了我。总体来说我很喜欢这种手法,而且他们在这些作品中对于AutoCAD软件图层的运用也十分有趣。

这是利用数字化技术对传统技术的重新演绎,塑造出的建筑效果图既展现了水彩效果,又拥有着CAD制图的精确性。接下来请继续欣赏Atelier Crilo对于创作过程的解读。

简介

我们对Ronen的博客关注了很长时间,对上面发布的许多作品通过3D技术所展现出的高品质十分佩服,甚至包括初学者的一些作品。这跟数年前相比已经有了翻天覆地的变化。那个时候没有几个作品能展现出真正的高水平,但是现在,毫不夸张地说,只要遵循教程和网上制图指南进行绘制,你就能制作出很好的效果图。如果没有类似此博客这样的公共平台,这种传授将很难实现,因此我们十分荣幸可以为此贡献自己的力量。

为什么做成水彩效果?

选择水彩效果是因为我们希望尝试新兴的表现技术,它们可能来自于其他领域如艺术,平面设计和漫画,从而借鉴与融合其他的建筑可视化原则和方法。这是我们永恒的追求:做一个建筑师和设计师,同时也像美术设计院和插图画家那样工作。在其他领域寻找灵感,这真的很有帮助。

因此,我们重新认识到,人们所忽视的水彩表现,在如今的意大利漫画中,似乎正在复兴。

以森林为背景的Dylan Dog(左)以及笔触大胆的伦敦窄街场景(右),运用了鲜明的色彩,去轮廓线的绘制手法。视角的选择以及强烈的透视使得这两个场景动感十足。

如果我们放眼于小说和流行喜剧,我们会发现伟大的作家兼艺术家诸如Gipi (Gian Alfonso Pacinotti),但是最最值得关注的是,我们正见证着由Roberto Recchioni最新编辑,由Gigi Cavenago等杰出艺术家创作的 Dylan Dog的复兴。建筑和漫画密切相关,这两个职业,漫画家和建筑师——也许是暂时的,尽管他们画图的目的截然不同。

看看这些绘制精良的卡通画作,看看那些丰富的线条和色彩,它们是你灵感的源泉,是对3D视觉传达所需的技术知识的补充,包括建筑表现,效果图表达,以及未建成建筑的图面视觉传达。

方法

概括来说,理解下述的总体框架十分重要。如果绘图本身是独立的,那么对于图面的解读应当是整体的。版面使用了横向的条形排版,运用了强烈的黑色背景绘制,例如传统墨水手绘,在水彩的绘制上使用许多不同的色调,从带冷绿和冷蓝的深色调,到纯净的白色调——运用传统的白色塑造技巧,不是使用白色颜料,而是利用纸张本身的白色。

研究模型

设计手法在材料的选用上得到了快速而清晰的表达,将纹理的赋予和建模过程结合了起来,作为项目本身的控制要素。

从模型开始

在这个例子中,建筑方案和3D效果均由我们掌控。设计者同时又是3D效果制作者,所以我们建了一个非常详细的3D模型,从而更好地控制2D绘图和剖面。通常来说,我们直接用3D模型进行设计,包括一开始就使用了纹理和材质,并且在做室内的设计时考虑取景视角。

通过这样的方法,我们从一开始就尝试着对项目有一个整体的掌控。这可能会很困难,尤其是在设计的最初阶段,但你能想到这对接下来的工作进程有很大帮助。我们用SketchUp建模,虽然这只是一个简单快捷的小软件,但它能够实现很高的细致和复杂程度。同时,对于建筑设计师来说,对剖面进行实时的设计是件很棒的事。而其他的软件无法如此完美地实现这个功能。

为了更地表达,我们并不只需要观看剖面,还需要对其进行操作,在模型中编辑剖面轮廓和和形态。建筑设计在很大程度上基于剖面设计,所以SU软件对于建筑设计来说是很好用的工具。剖面工具不仅可以展示剖面,还能够在内部建模。

剖面

导出

当建模达到足够深度之后,便可以导出模型了,有两种导出格式可供选择:导出到AutoCAD (DWG);

导出图片(PNG, JPG, TIFF),可用于阴影和隐藏线模型的导出。

这些都是之后的基础绘图的实用技巧,在工作流程上有不同的应用。以常用的导出DWG格式到AutoCAD为例。在进行技术图纸(例如平面和立面)的绘制时需要注意图纸导出比例,将其设置为1:1,因为我们导出的是矢量图。然后,我们选择lines而不是poly lines。

导出之后用CAD打开,你就会得到下面这样的图:隐藏体块的线框图。这种导出方式可以得到基础绘制所需的很好的线框图。

导出DWG

处理

在AutoCAD导出图纸的基础上,我们可以对轮廓线和阴影做加深处理,然后从整体出发,将建筑的手绘感用冷峻的,矢量化的CAD图形表达出来。我们可以充分利用CAD里的基本功能,使用点和交叉线进行填充,强调出开窗,内表面和阴影,从而突出设计中的某些区域。这个步骤仅供参考,完全依照个人喜好。

AutoCAD 图纸

在这个实例中我们用粗实线来强调出房屋轮廓或天窗。我们需要创造出手绘中很典型的瑕疵和脏乱感,这样实际上就可以模拟出材质的真实感。这一系列的填充强调出了地板的材质和脏乱感。

AutoCAD图纸

黑色

黑色是一种你必须要有勇气才能使用的颜色。使用黑色墨水绘制剖面阴影等等的绘图员对此再清楚不过了。为了找到黑色运用的合适比例,我们以一张图片为参照绘制出了所需背景图。我们使用AutoCAD对一张图片进行了基本的描绘,然后分层级进行填充,填充色逐渐加深,直到看上去成为纯黑色。

填充

我们在AutoCAD中用poly lines描绘了一些背景图片,然后对不同区域填充线段,点和纯黑色。

总而言之...

最后我们得到了基于DWG导出文件绘制的PS水彩底图,利用了填充和线条来强调图中的部分区域,使用黑色对背景和SU导出的地面阴影进行填充。初步的制作结果如下图所示。

如果你不太熟悉AutoCAD的操作,或者你想在加快工作进度的同时仍然获得一张不错的底图,能够马上用于制作水彩效果,那么你可以从SU导出一张混合图,然后使用PS的overlay功能。这样,你完全可以跳过传统的DWG步骤。下面总结一下基本步骤:

1.导出一张背景透明的隐藏线底图。 

2.导出一张线框图。

3.在PS里创建一张尺寸相当的白纸。

4.在白纸上将两个导出的图片相叠合

SU中既有黑白样式,又有阴影样式,但是在我们的制作中最好选用隐藏线样式。在菜单中可以设置这种样式—View>Face Style>Hidden Line —然后选择File>Export>2D Graphic。保存文件为PNG格式,然后打开Options dialog box来设置文件大小。4000 到 5000 像素就足够了。检查一下背景是否为透明的。完成了这些,你就可以像这样在PS里进行编辑了。

隐藏线样式

导出的文件包含了SU的背景颜色(例子中是浅蓝色)。把图片弄成单色调这样在PS中就可以轻松删除它了。回到SU,用同样的方法设置线框显示样式—View>Face Style>Wireframe—然后点击File>Export>2D Graphic。同样,将图片保存成PNG格式,然后打开Options dialog box。使用相同的尺寸,同样确保背景是透明的。

线框样式

你可以将导出的线框和隐藏线图片叠加在一起,调节成各种叠加模式,然后将不透明度设置为百分之20到30。在PS里新建一张纸,但不一定非要白纸。然后,选择菜单 Filter>Noise>Add Noise或者使用一张纹理贴图,模拟一张纸的质感,可以是褶皱的或者破旧的。

带阴影和线框的叠加图

通过叠加两个导出图片,你就完成了这张带有阴影和线框,几何造型得到强化的图纸。在这里,我们将白纸调成噪点效果,有一种灰灰的感觉。

使用笔刷

合成了阴影线框图之后,你就可以用水彩笔刷进行绘制了。你可以在网上找到各种笔刷,比如在BrushKing上,这个链接或者这类的链接。或者你甚至可以创建你自己的笔触。

可是,重点不在于使用一个特殊的笔刷,而在于收集不同种类的笔刷。所以最好找到许多现成笔刷的集合,注意要调整透明度以避免点状的效果。这是技术性较弱的部分,而显然是整个过程中艺术性更强的部分,所以接下来我用一个短片来展示一下我们是如何使用笔刷的。

视频入口

经过一步一步的制作,我们完成了水彩效果的绘制。我们在这里融合了所有的元素,比如说经过填充的树木,黑色的阴影,有一点点透明度的线框,以及水彩效果的笔触。

完成图

以下是近期一些利用本文所述技巧制作的水彩效果图:

4条评论
清淡
清淡 2018-07-16 17:17:46 回复 0

转载了就没视频了?

Nugget 2016-11-23 20:37:05 回复 0

请问内附视频的视频在哪里呀~没找到-_-

青椒肉丝
青椒肉丝 2016-10-31 10:30:55 回复 0

666

熊洪森
熊洪森 2016-10-28 22:25:05 回复 0

厉害

Architizer Architizer

翻译:建筑学院-高冲
校对:建筑学院-大黑

原文链接
media@archcollege.com
建筑学院来稿须知 关闭
感谢您的关注与支持!我们非常欢迎各类投稿。
几点简单的来稿须知,望您耐心读完。
来稿要求如下:

● 作品类稿件

1、高清项目实景照片/效果图/模型照片/手绘草图
2、高清技术图纸,如:分析图/主要平立剖/总平面/关键节点详图
(图片要求:无水印,格式为JPG,图片分辨率72,宽度大于1200像素)
3、详实的设计说明800字左右(word格式)
4、真实准确的基本项目信息
5、如有项目视频,请提供高清项目视频
6、贵司的LOGO、官网相关信息。(用于注明文章出处及作者)

● 其他稿件

1、配图清晰且无水印图片
2、内容有趣有料,文字流畅通顺。
3、作者姓名,若有公号请提供公号名称及LOGO
我们的编辑将在收到稿件后的3个工作日内审稿并与您取得联系,如果没有刊载也会在3个工作日内您答复。
投稿邮箱:[email protected]
如有其他疑问请加QQ:359440856 或微信: jzxy-gtn
建筑学院 建筑学院

建筑学院APP

为建筑师而打造的精品应用

点击下载
close
社交账号登录
close
close
close
欢迎加入【建筑学院】
快去完善你的个人信息吧!
完善资料
等下完善
close