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

线稿风出图表达: 万物皆可Hatch

2019.04.15 | , ,
筑学社 筑学社

作者:EX君
原文链接


分享人:EX君

蛀牙患者

 说起画图的话,在一次次ddl的逼迫下,如何快速美观的表现是非常重要的。居然被筑学社的大佬认可了,就在这里就和大家分享一点我的心得吧。

 作为漫画和艺术的重度沉迷者的我曾经也尝试过写实风插画风,但最后还是觉得线稿风和漫画风的表达最为顺眼。个人觉得做到这种风格最重要的一点就是使用不同的pattern进行Hatch,这在漫画中就是网点纸的使用。

 其实在任何Drawing中,Pattern都是不可或缺的一部分。比如在常见的波谱艺术中,利希滕斯坦(Roy Lichtenstein)就深谙此道。他的作品取材于漫画,善于使用平面的,爆炸式的,引人注目的图像。有人说波普艺术是将抽象艺术符号化的表达,而其表现结果往往体现在线条和形式简洁明了,其中就不乏这样的简单的填充。在这些作品中大家更应当关注一下线宽和比例关系这是让你绘画更加顺眼的要点。

@Roy Lichtenstein

再举一个例子,大卫霍克尼(David Hockney)老先生,善于将场景平面化和扁平化,也时常使用hatch来抽象画这种空间感,可能这就是绘画中所强调的当你从不同距离去欣赏一幅画时,要能看到不一样的东西(hatch的纹理也要有些变化呀,推荐使用ai自己创造属于自己的填充纹理)。


@David Hockney

【注明】

本文只涉及Photoshop技术层面探讨

涉及“设计”的评判一致属超纲内容

好了说了这么多大佬,还是回到自己的图纸吧,我挑了一张大三时期比较有代表性的剖透视来和大家说明:

先放成图

▼ 素材

剖面手册(Manual of Section)这本书,是剖透视界的至宝了。当时一位朋友直接买了一本英文原版的,于是我就借过来研读了一个学期(请这位好友不要打我),现在有中文版了,价格也良心了很多。同时还配套安利的一些日本事务所的剖透视图集(比如kuma),他们的线稿风格非常值得学习。放图给大家参考一下。


▼SU 角度选择,建模,导出线稿

出的时候这个时候我一般会单独创造一个文件,然后把多余的背景的模型都删掉。(不然的话可能就死在导出线稿这一步了)

同时要善于用3dwarehouse去找到适合的配景来丰富画面(这个原来的模型找不到了,就给大家示意一下)

我剖透视的一般做法是先用平行投影模式让模型正对着自己,然后改成透视,这样一般角度会比较正。(图面的角度的选择是最需要审美的一步,大家平时爱摄影的相信能处理的比较好,因为个人感觉基本原则和摄影一样。)

 更重要的是要注重和方案结合,比如我的方案中这个剖面主要表达的是新老建筑的一个结合的关系,所以特地选了又能剖到老建筑又有新建筑的角度(超纲)。然后定下了建筑的角度后就可以开始放家具细化了。


记得保存场景导出阴影哦。(导出的时候分辨率调高一些,上图为失败案例哈哈哈)

▼CAD 线稿处理

第一步

清理线稿,同时也要补充线稿,这个过程就和画画一样,哪里加个人哪里加灯,哪里加桌子。

第二步

加上轮廓线,并且hatch出剖到的面,现在su导出的时候自带这个图层,可以很方便的填充啦。



第三步 Hatch

在cad中要注意的是最好使用多线来进行绘画,Hatch就可以用选取点了,直接用选取轮廓hatch,又快又好。(仔细看,屋顶和地板的纹理)

(用这个select boundary)



导出pdf的时候要多次比对各个图层的线的导出情况,我一般的做法是不同粗细的线分不同的图层,在打印样式的时候修改,比较方便。从cad导出的时候已经初具雏形了。

▼ PS填充和背景的处理

最后一步就是填充啦,我常用的两个快捷键就是W和B。W就是魔棒选择,B就是油漆桶,有一点小技巧就是说你填充的时候先填充成像vray的材质通道一样,不同的材料用不同的颜色,然后每个都单独一个图层。


先填上最深的图层的颜色。 

这个时候图纸的黑白灰的关系必须要有一个比较明确的想法了,这样你挑选hatch的时候就会比较方便,深的地方可能可以多叠几层,浅的地方调整一下透明度。之后使用PS的图案填充功能,调整不同的尺度的填充图案。





给线稿叠加颜色,地面叠加成深色



加上阴影和小人,然后用点来填充天空。



大小的话可以直接用缩放来调整,非常方便。



最后用橡皮擦出来点云,加一些常见的线稿风配景,一张线稿风的剖透视就完成啦。根据不同的方案作出不同的线稿颜色的变更就好。 

不过这个时期对于hatch的叠加的研究还不是很深入,后期大家有兴趣可以尝试一下多个hatch叠合在一起,会产生意想不到的效果。包括不用线框,纯用hatch来做图,相信我你会被自己吃惊的。 

当然了AI也可以做到填充的功能,AI的好处是可以自定义填充的样式,做到专属于自己的填充,这里有一些自己的成图。劣势是比较卡,不适合大图的渲染。

同样手法处理的别的方案的一些透视图,大家兴趣可以参考一下。








Photoshop这种东西,总有些你觉得你可能一辈子都不会用到的功能,然后第二天的就跪下了说真的好看。 

如果大家对于漫画风表达或者平面设计感兴趣,也欢迎多找我交流。 

最后,感谢筑学社给我这样一个分享的机会,对我自己来说也是对一段时间出图经验的总结。期待在这里未来能看到建院有才的大家的更多的分享。



没有少爷网红的少年



我们是由华南理工大学建筑学院学子

成立的旨在促进学术思想交流的社团

微信ID

gh_d26caa5f10b8

5条评论
Antalya
Antalya 2019-04-21 00:11:18 回复 0

2018直接导出的剖透视面和导出二维模型的剖面合不上呀 有什么解决方法吗?

Antalya
Antalya 2019-04-21 00:10:11 回复 0

回复 Alan: cad里快捷键H填充

Alan
Alan 2019-04-18 17:37:29 回复

所以说hatch到底是什么意思

Alan
Alan 2019-04-18 17:38:28 回复 0

hatch 孵化?

Alan
Alan 2019-04-18 17:37:29 回复 0

所以说hatch到底是什么意思

x先生骑了个怪
x先生骑了个怪 2019-04-15 23:35:24 回复 0

最后的小哥哥有点小帅哈哈哈哈

筑学社 筑学社

作者:EX君
原文链接

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

● 作品类稿件

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

● 其他稿件

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

建筑学院APP

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

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