[平面UI] 四招教你搞定水彩风格的建筑效果图

查看:715 |回复:3 | 2019-12-10 20:03:33

您需要 登录 才可以下载或查看,没有账号?注册

x


v2-ed2f487db26a254e9c07c9eebe1ea73b_b.jpg

首先,我是一个十分懒惰的人(这对建筑学学生而言可能不太好)。能一分钟做完的事绝对不花两分钟,剩下那一分钟一定要用来睡觉。
这张图是上学期设计课最后答辩时用来唬人的,当时想尝试做一种近似水彩效果的表达。于是用了一种简单的一步到位的方式,就是用PS里的渐变映射,直接给你白图一秒上色。
1,先渲染一张白模,如下:

2,去色,加一个cut out或者palette knife的滤镜,在filter gallery里头,随便试一试玩一玩,找个喜欢的。效果如下:
3,图层--新建调整图层--渐变映射:

(颜色组可以上网去挑,下个喜欢的色卡吸过去就好了。然后几个滑块左右拉一拉,调整一下,使效果图顺眼就行了。)
4,成图如下(当然了,我是叠加过线稿的):


最后P图的时候就十来分钟。主要是图太大(48英寸宽),调整完滤镜效果要算好半天。一般而言学生作业大概分分钟就搞完了。当然,电脑好的话更快。
这里给大家安利一个我们早前翻译的一个国外一位建筑视觉传达达人Atelier Crilo的水彩风格的建筑效果图教程~
用到的软件有:
SketchUp, AutoCAD 和 Photoshop
先上最终效果图:


首先当然是建好模啦~
从模型开始

在这个例子中,建筑方案和3D效果均由我们掌控。设计者同时又是3D效果制作者,所以我们建了一个非常详细的3D模型,从而更好地控制2D绘图和剖面。通常来说,我们直接用3D模型进行设计,包括
一开始就使用了纹理和材质,并且在做室内的设计时考虑取景视角。
通过这样的方法,我们从一开始就尝试着对项目有一个整体的掌控。这可能会很困难,尤其是在设计的最初阶段,但你能想到这对接下来的工作进程有很大帮助。
我们用SketchUp建模,虽然这只是一个简单快捷的小软件,但它能够实现很高的细致和复杂程度。
同时,对于建筑设计师来说,对剖面进行实时的设计是件很棒的事。而其他的软件无法如此完美地实现这个功能。
导出
当建模达到足够深度之后,便可以导出模型了,有两种导出格式可供选择:导出到AutoCAD (DWG);
导出图片(PNG, JPG, TIFF),可用于阴影和隐藏线模型的导出。
这些都是之后的基础绘图的实用技巧,在工作流程上有不同的应用。以常用的导出DWG格式到AutoCAD为例。在进行技术图纸(例如平面和立面)的绘制时需要注意图纸导出比例,将其设置为1:1,因为我们导出的是矢量图。然后,我们选择lines而不是poly lines。
导出之后用CAD打开,你就会得到下面这样的图:隐藏体块的线框图。这种导出方式可以得到基础绘制所需的很好的线框图。
处理
在AutoCAD导出图纸的基础上,我们可以对轮廓线和阴影做加深处理,然后从整体出发,将建筑的手绘感用冷峻的,矢量化的CAD图形表达出来。我们可以充分利用CAD里的基本功能,使用点和交叉线进行填充,强调出开窗,内表面和阴影,从而突出设计中的某些区域。这个步骤仅供参考,完全依照个人喜好。
在这个实例中我们用粗实线来强调出房屋轮廓或天窗。我们需要创造出手绘中很典型的瑕疵和脏乱感,这样实际上就可以模拟出材质的真实感。这一系列的填充强调出了地板的材质和脏乱感。
上色选择了黑
黑色是一种你必须要有勇气才能使用的颜色。使用黑色墨水绘制剖面阴影等等的绘图员对此再清楚不过了。为了找到黑色运用的合适比例,我们以一张图片为参照绘制出了所需背景图。我们使用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上,这个链接或者这类的链接。或者你甚至可以创建你自己的笔触。
可是,重点不在于使用一个特殊的笔刷,而在于收集不同种类的笔刷。所以最好找到许多现成笔刷的集合,注意要调整透明度以避免点状的效果。这是技术性较弱的部分,而显然是整个过程中艺术性更强的部分,所以接下来我用一个短片来展示一下我们是如何使用笔刷的。
经过一步一步的制作,我们完成了水彩效果的绘制。我们在这里融合了所有的元素,比如说经过填充的树木,黑色的阴影,有一点点透明度的线框,以及水彩效果的笔触。
完成图~~和其他类似风格的美图
希望大家会喜欢这个教程。

评分

参与人数 1元素币 +10 活跃度 +12 展开 理由
源支始 + 10 + 12

查看全部评分

2019-12-10 20:03:33  
 赞 赞 3

使用道具 登录

3个回答,把该问题分享到群,邀请大神一起回答。
2#
我cao,好强
回复 收起回复
2021-9-24 15:40:33   回复
 赞 赞 3

使用道具 登录

3#
回复 收起回复
2023-3-5 12:42:22   回复
 赞 赞 3

使用道具 登录

4#
干货满满~干货满满~
回复 收起回复
2023-3-19 00:45:49   回复
 赞 赞 2

使用道具 登录

CG 游戏行业专业问题

图文教程技术文章技术文库UEUI
显示全部 11
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表