网站地图关于我们

查看相册 View Gallery
本文转载自LAC丨ArchStudio

hello,小伙伴们~制图教室如期与大家见面~

又到了期末的出图周啦,是不是还有小伙伴苦于寻找适合的表达方式呢?刚接触软件出图的同学可能觉得渲染比较难上手,今天小编就为大家带来一期多视图+轴测表现,仅用SU+PS完成一张全面的建筑表达,很适合低年级的小体量建筑,先来看本期的图纸吧~

一图多用 多视图组合表达第1张图片

提要一下本期的教学点:SU通道图速出、巧用脏图处理图面、多视图组合出图

话不多说,来看本期的教程吧~

STEP 1
模型准备


模型准备是设计阶段的内容,这里我们就不多讲啦,只介绍一个可以帮助大家更快出图的小细节,建模用适合的纯色填充材质,更细节的材质交给PS~

这是一张临摹图,所以我们根据原图大致还原了模型:

一图多用 多视图组合表达第2张图片

STEP 2
底图导出


在上一期教程中我们介绍了告别Vray,Rhino快速出底图的方法,这一期我们向大家推荐一款插件“一键通道”,帮助我们摆脱Vray,SU也可以秒出底图(插件会在文末提供给大家)~

一图多用 多视图组合表达第3张图片

Vray渲染中的Alpha通道、Shadow通道等,这里通通可以一键导出。

具体操作呢,首先我们要选定一个视角,保存场景,然后点击一键通道图标,选择好自己需要的通道,再点击create,就会自动生成多个场景,分别对应各个通道~

一图多用 多视图组合表达第4张图片

这里我们只选择我们需要的Alpha通道和Shadow通道,新建场景后直接导出图片,选择合适的分辨率,将得到底图如下:

一图多用 多视图组合表达第5张图片

一图多用 多视图组合表达第6张图片

同样我们可以得到其它视角的底图:

一图多用 多视图组合表达第7张图片

STEP 3
PS处理


接下来我们对每个视角的图进行PS处理。这里我们以轴测视角为例,首先将导出的三张图置入PS,alpha通道图用于抠图,不需要时可以隐藏;shadow通道图用于强化阴影,选择正片叠底模式,不透明度50%:

一图多用 多视图组合表达第8张图片

然后我们利用Alpha通道图为其它图层添加蒙版,具体操作即为,选中Alpha通道图层,用魔棒工具选择白色部分,再选中其它图层,点击添加蒙版:

一图多用 多视图组合表达第9张图片

一图多用 多视图组合表达第10张图片

这样看来的图面是不是有一点单薄呢?这里教给大家一个丰富图面、增添材质细节的小技巧:活用脏图,就是类似下面这张啦:

一图多用 多视图组合表达第11张图片

因为现实中的材质都很容易沾染不同的污渍,不会像SU中呈现出特别均质的材质,所以说脏图很适合辅助材质表现,尤其是混凝土、涂料等材质,解决纯色、或过于均质的材质给人带来的不真实感的问题~

使用方法也很简单,制图PS中,调整到适合的大小、不透明度,叠加模式选择正片叠底,再将其它图层的蒙版,按住Alt拖拽过来,复制给它就好啦~

一图多用 多视图组合表达第12张图片

同理我们可以快速完成其它视角图纸的处理,我们观察俯视图,可以看到俯视图的建筑屋顶还添加了一些额外的脏渍,这里我们可以利用水彩笔刷来完成,也是丰富图面的常用做法~

一图多用 多视图组合表达第13张图片

具体做法也很简单,在俯视图的处理过程中首先选中需要添加脏渍的选区,再选择适合的水彩笔刷,调节好不透明度,在需要的地方点几笔就OK啦,这样脏渍就不会误加到其它区域上。

一图多用 多视图组合表达第14张图片

同理,我们可以得到其它两个视角处理好的图纸:

一图多用 多视图组合表达第15张图片

一图多用 多视图组合表达第16张图片

STEP 4
场景组合


接下来就是最后一步场景组合啦~

首先我们需要搭建一个三面围合的背景,用于投影三个视角的视图。这里我们首先需要找到一张瓦楞纸底图,复制三份,Ctrl+T通过控制锚点组合成轴测效果:

一图多用 多视图组合表达第17张图片

可以看到现在画面的问题:太过扁平。所以我们为每一个面添加两个专属图层,分别以滤光和正片叠底的模式叠加上去,滤光图层用来补充一些高光,正片叠底图层用来叠加一些阴影,高光与阴影分别选用黑色、白色的柔边笔刷,降低不透明度凭感觉刷一下就可以啦~

一图多用 多视图组合表达第18张图片

最后再加粗外轮廓,同之前一样叠加一张脏图,相比之前,是不是增强了很多立体感与真实感呢~

一图多用 多视图组合表达第19张图片

接下来就是要将各个视角的视图分别导入啦,首先是轴测视角:

一图多用 多视图组合表达第20张图片

接下来是俯视图:

一图多用 多视图组合表达第21张图片

Ctrl+T调节变形,并移动到合适的位置:

一图多用 多视图组合表达第22张图片

同样的操作完成其它两个视角的图纸置入:

一图多用 多视图组合表达第23张图片

最后补充上辅助线,文字,添加一个白色图底就大功告成啦~

一图多用 多视图组合表达第24张图片

最后一点小福利,本期教程中用到的素材、插件都将分享给大家练习,速来领取吧~

链接:https://pan.baidu.com/s/1rZKhQUJyOntRpwJNr3QqfQ 提取码:w3af

640 [26].jpg (55.93 KB, 下载次数: 1212)

640 [26].jpg

【专筑网版权与免责声明】:本网站注明“来源:专筑网”的所有内容版权属专筑网所有,如需转载,请注明出处

专于设计,筑就未来

无论您身在何方;无论您作品规模大小;无论您是否已在设计等相关领域小有名气;无论您是否已成功求学、步入职业设计师队伍;只要你有想法、有创意、有能力,专筑网都愿为您提供一个展示自己的舞台

投稿邮箱:submit@iarch.cn         如何向专筑投稿?

扫描二维码即可订阅『专筑

微信号:iarch-cn

登录专筑网  |  社交账号登录:

 匿名

没有了...
评论加载中,请稍后!

设计头条 (4350 articles)


教程 (329 articles)


轴测图 (15 articles)


PHOTOSHOP (163 articles)


LAC丨ArchStudio (32 articles)