查看原文
其他

SU裸导线稿就能撑满图纸?只需5步,绘制高质量线稿风图纸(送剖面绘制课程)

LITTLE-AT UA设计学堂 2023-09-17

不出意外的话,应该很多宝宝见过这张图了~



看到这张图,熟悉的小伙伴应该会联想到两个字'犬吠',也就是'犬吠工作室',而且,非常迷此类风格图纸的宝宝一般都会有一本纸质版的《Graphic Anatomy Atelier Bow-Wow》,至少也会保存有电子版的,如果这些你都没有,那你可能就仅仅知道这类图纸叫做线稿风格的表现图。

如果你没有,点赞评论我送你~


©Pinterest

仅仅用线稿就能将图纸表现的如此丰满,是这类图纸的一大亮点,甚至,你还可以从图纸中超级详细的素材以及它灵活生动的线条里感受到建筑内部的生活气息~


最值得学习的是其内部的结构表现以及在剖透视这样一个视角下的人物活动和生活场景的塑造,最感染人的莫过于场景中这些具有生活气息的超细节表现了~



DRAWINGS

 这样的图纸怎么绘制?


简单,拉个体块建个模,倒个线稿、调整下线宽、线型,该粗的粗,该细的细,该虚的虚,该实的实,感觉差不多了,这时候再把断面纹理填充一下,室内建筑的材质细节也用对应的纹理填充一下,整的有点样子了加加标注,然后把关键部位的结构说明添加一下就搞定了,你看,就这么简单~


秀个动图表(装)(逼)下:


动图太快看不明白?那好,咱们来玩一下拆解,把动图拆了看看他究竟是个什么鬼~


REVERSE DRAFT

 建模倒线稿 

首先要做的就是拉体块建模,要注意到的是在建模的时候你就要考虑到建筑的结构问题,屋顶的厚度,墙宽,以及基础的形式以及埋深等等,不能再像以前一样不考虑结构随意建模了,这也很考验你专业知识是否掌握到位,所以,别冲动,但是,更别怂~


导线稿这样的操作就不用我教你了吧,保存PDF格式扔到AI里边调整一下线型,要注意线宽的比例问题,这张图里只用到了两个等级的线宽,细的是为了说明、刻画建筑结构,粗的是为了重点强调,但是也不能过粗,会显得比较笨重,这个在个人审美,自己把握好度就可以了~


FILL THE TEXTURE

 填充结构纹理 

这一步要做的就是之前说的填充剖断面的结构纹理,在《建筑制图》这一门课程里你肯定学过剖断面的填充,想清楚你要表达的结构形式,依次把房间屋顶、墙体、以及基础的结构纹理填充好就可以了~


这些素材怎么来?你想一下你见过的施工图,是不是施工图里的剖面就是这样填充的?这些施工图大多都是cad完成的,剩下就靠你自己的悟性了~

据说犬吠工作室就是这么玩的~


ANNOTATE

 添加标注说明 


这一步的工作量巨大,而且,更要检验你对《建筑构造》这门课的掌握程度,如果你有足够的信心,觉得自己对得起结构老师,没有在课堂上玩手机,那你可以大胆一试~


需要做的就是根据是设想的建筑结构,添加标注,再根据所用的建筑材料,添加建材以及建材的构造手法,就是某一种建筑材料是如何使用的,它的构造形式是怎么操作的,这些都要解释清楚~


这一步是试金石,是骡子是马,一图便知。想要模仿犬吠工作室的图稿,没有能力的话万万不要,画的越细,出错的可能性更大,毕竟建筑设计并不只是为了图纸好看!


ADD TITLE SCALE

 添加图纸标题、比例 


这一步最简单了,添加图纸的标题、比例等等细节,为了更高级,显得更有逼格,你可以用双语来设计标题,汉字与英文可以用非衬线体,字体的高还可以根据黄金比例调整一下,总之,显得更高(装)(逼)就好了~


JUMP BACKS VOLUME

 极品素材 


写到这里我突然想到你可能是个素材收集玩家,毕竟我也是,这样吧,先给点福利,但是不想把你娇惯成一个伸手党,这样做是对你不负责的,所以,这些素材需要你自己去扒一下(需要科学上网)


给你个动图随便感受一下素材质量~



是不是特别6?你要的宝马,奔驰,奥迪四个圈,沃尔沃,老爷车,GTR,都在里边了(我是真想有辆车),今年做毕设就用了这些素材,除了外轮廓之外,内部的细节刻画的也蛮好的,质量很喜人,是不是很想要?那就再给你个直接跳转的传送门(先挂好vpn再跳)


pimpmydrawing.com


其实我知道你懒,已经替你下载好了,96个人物素材,8棵树,还有6辆车,还有一条撒尿的狗狗,可爱吗?点个赞去,给你链接~




MAKE SUBCLIP

 制作替代素材 


这点素材其实根本就不够玩的,才这么一丢丢,怎么可能可以完成用来绘制自带感人的生活气息的场景氛围呢?如果你还有其他感人的素材包可以共享的话欢迎评论发福利呀,小弟先替粉丝们谢过大佬了~


吃人嘴软,拿人手短。所以,最好不过的还是自己会做这些素材,一是不用再求人了,另外一个,想要打造什么氛围的场景,缺什么素材就做什么素材就可以了,省的哭天喊地找了份素材最后发现还不!能!用!会气死自己的!所以,还是自己来吧~


线稿的来源大致有以下几种方法:

用图像处理软件中的边缘提取 难度***

利用PS滤镜、选择工具等做边缘提取 难度**

利用三维模型导出线稿 难度******

直接网上搜现成的线稿 

难度*  心烦指数***********************


又TM要我找素材?


找素材真的很烦人的你又不是不知道,下边继续写(装)(下)(逼),方法很多,变态的见过敲代码提取线稿的,你这TM不是吓唬学建筑的嘛?搞得谁不会一样(我确实不会)


PHOTOSHOP的任务栏有个‘滤镜’选项不知道你注意过没有,没有的话赶紧打开PS看一下,下边讲干货了


 STEP 01 获得线稿 



拿这张上帝视角的素菜开刀,先把他丢进锅里(嘘,别说话,是PS里)....


先将素材复制一层备份,将复制出来的图层做去色处理,快捷键CTRL+SHIFT+U,至于为什么要去色,自己动脑子想一下(线稿是黑白的呀,是不是智商不在线?)


之后在去色的图层上执行‘滤镜’中的‘其他’选项里的‘高反差保留’选项,之后将操作完的图层再复制一次,并将得到的图层的混合模式调整为‘颜色减淡’,这样就可以简单的得到一张粗糙的线稿。



 STEP 02 加工线稿 

如果你并满足这种质量的线稿,如果你跟我一样,觉得这些图片线条的颜色太深或太浅,更或者一些线条少了一部分,而有的部位不干净(真麻烦),你也很嫌弃的话,那咱们再用一些工具对她进行更深入地关爱,以便得到更优质的线稿。


最常用的办法就是卡色阶,通过卡色阶,能够使线条出来的多(少)一些,颜色深(浅)一些,还有一种工具就是‘可选颜色’,调整‘可选颜色’里面的黑色和白色拉条,去除一些看起来不干净,灰灰的杂质,还能使线稿有的深有的浅,更有立体感,细节更喜人。


具体操作:打开‘可选颜色’调整图层,选择‘白色’,调整‘黑色’拉条的数值,将白色里面的黑色减少一些,使画面看起来干净一些;或者添加色阶调整器,调整两端的滑竿,调整后使白色里的黑色尽可能的减少一些,最后效果如下:



 STEP 03 提取线稿 

提取线稿需要先将所有图层盖印,快捷键是CTRL+AIT+SHIFT+E,然后选择任务栏里的‘选择’选项中‘色彩范围’选项,用箭头指的小吸管吸一下画面中的白色,调整颜色容差(吸取的色彩范围越广,就是说吸取的白色范围越多,黑色线条会出来的少,下面有缩略图,可以边试边观察。)



因为之前选择的白色的范围,但是我们需要的是黑色的线稿,所以最后右键选择‘选择反向’,剪切并原位粘贴就可以了,快捷键分别是crtl+x / crtl+shift+v,将得到的图层保存png格式或者直接拖进正在编辑的psd文件里就可以享用了


ps:获得线稿的方式有很多,结合PS滤镜至少有四种办法可以解决,至于其他的方法,自己琢磨一下,相信你还会有更多新大陆发现,比如说PS滤镜里的最小值,比如说高斯模糊,再比如说查找边缘等,还有一些小众软件也可以达到这样的效果,比如说Adobe Shape CC等,欢迎评论交流一下心得~


如果你是个超级耐心地宝宝,而且还懂一点素描或者手绘,这样制作的素材可能满足不了你的审美和可爱,所以建议你在ai或者cad中描边素材,再刻画一下素材的内部细节,这样的素材才是比较完美的~



MORE 

 这LEI图纸如何绘制?


以上部分其实只是我拿了我凡哥的一张动图意淫出来的,都是我研究的野路子。绘制线稿风的图纸简单便捷的方式可能不是这个样子的,而且这一个教程并不能帮你解决很多在图纸制作时遇到的各种BUG,各种坑,如果你想要更深入的学习一下这类图纸的绘制套路,你可以关注一下我凡哥,赵一凡。


可能你要问我,为什么? 先看几张图:



这些图纸都是赵一凡学长的毕设,对的,他的毕业设计全部用的这种风格的图纸,也就是说,他才是那个在绘制这方面图纸颇有心得的大咖。


为什么?他的毕设图纸全部是这个风格,最起码,专业知识肯定是过关的,不然我估计他毕业都困难(心这么大,犬吠工作室的风格都敢模仿,哈哈,别打我


其次是比较关键的素材收集制作,从他的图里你可以看出素材的丰富程度,这就不是能吹出来的了,最后是出图的各种技巧,心得,他都画了这么多这种风格的图了,该跳的坑他肯定都跳过了,要被坑的BUG他肯定也都被坑过了(是不是很悲催?据说他是个喜欢被虐的大暖男,别问我咋知道的)


这些都是我给你推荐向他学习的理由,是不是有点迫不及待了?是不是想问我,我凡哥的微信是多少?hahahaha~ 今天大家可以免费领取他的剖面课程。

《manual of section》电子书
 《解剖建筑-建筑设计法则》免费剖面课程
获取方式
关注我们,回复关键字
“ 剖面 ” 
即可获取

- END -

||-往期精彩内容:

· 绘图技能

手把手带你做小清新建筑环境轴测图

尝试平行投影绘制平面,让表达不再单调。

素材福利︱最常见的线稿&拼贴风格人物合集

觉得白模分析图太难做?SU一键AO插件拯救你。

绘图技能-轴侧场景插画风表达

爆炸分析图的绘制(附带插件)

超有用的地图工具,帮你解决场地分析的问题

建筑剖透视的图纸教程(附剖面手册和免费剖面课程

平面+剖面,一张单色快速搞定!

Site analysis场地分析中你必须要知道的事

SU里隐藏的剖面技巧,你知道多少?

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存