制图教室丨插画风真是YYDS!

hello各位小伙伴,与你相约的每周一制图教室时间又到了。
在插播了一期小技巧后,今天继续回归效果表现。本期带来的是依然热度不减的插画风图纸绘制讲解。
在教学开始之前我们先介绍一下插画风为什么会频繁的出现在空间设计的效果图上吧。
早期的效果图,人们都是用精湛和扎实的绘画功底来进行绘制的,目的是为了清晰地表达空间效果。但是这样的问题就是——慢。后来出现了马克笔,大大地加快了设计师手绘的速度,可以在很短的时间内表达想法。但是因为马克笔的材料导致风格受到限制,并且手绘的功底也不是人人都有。
后来出现了插画专业,建筑师们也渐渐意识到空间设计也可以用插画来表现。插画风效果图更加注重构图(节奏感)配色,不强调写实,往往可以用不同的风格来传达不同的意境,不仅仅是局限于原始的让别人看懂做了什么,而可以通过插画风的表现形式来让设计师传达出设计中思考的和想要传达的东西。
说完了小编对插画风的背景理解之后就来介绍一下今天要画的图纸吧。
今天绘制的是一张正常透视视角显示的图纸,整体色调偏冷,画面表现通透清晰,主体建筑的空间感受效果较好。接下来就带大家学习,我们是如何做这样一张图纸的吧,我相信通过今天的学习肯定可以精通做插画风效果图的作图逻辑。
前期模型准备
首先我们要准备一个模型,如果模型的完成度很高,那就可以有多种视角的选择,如果模型的完成度不高,就可以在选好视角之后,再在画面里进行模型的建造。插画风的视角一般会选择一点透视、两点透视、平行投影、正交投影等等,在选择好视角之后要记得保存好视角,后续改图的时候会比较方便。选择完视角后进行参数的设置,分别导出一张彩色的线稿图,pdf版本;SU模型的阴影图,PNG版本(如果有条件的建议用AO插件或者是enscape导出白膜的图纸,这样最后的成品会更加有质感)。
因为这张图纸是在水面上的一个建筑空间,所以还需要一个投影的图纸。第一张彩色的线稿图纸的参数如下:(并且在建模上色的时候就把同一个材质用同样的颜色进行分类)
得到这样一张同样材质就是同一颜色SU带颜色的图纸pdf版本
然后再通过调整一下参数,得到一张SU本身自带的阴影图,参数数据如下显示:
如果可以下载到AO插件,也可以再非常快捷的导出一张AO的白膜渲染图纸。
再导出一张投影部分的图纸,和第一张图纸的操作过程相同,我们在模型文件中将原模型进行垂直翻转,得到一个倒影模型,并且在模型文件中将水平面以上的模型的材质全部添加为黑色,这样就可以清晰的区分倒影部分和原始模型部分了,并且在后续的工作中也十分方便。
AI与PS处理大关系
有了第一步的前期材料准备之后,就可以开始整体的色彩大关系布置了,在AI中导出第一张有颜色的线稿图,这里要求是PDF是因为,如果su导出pdf,再导入到AI里,可以在AI里得到一个每个色块和线条都独立的文件,十分的方便!
具体操作步骤是:选择一个色块——选择类似元素——用吸管工具将他们的色彩规划到一起并且选择正确的颜色,将原本有颜色的线稿图绘制成一张色彩关系基本正确的色彩图:P1导出图,P2改之后的图。
将刚才的倒影图纸导入到AI中,先把黑色部分全部删除然后和上一步进行相同的处理,得到清晰的水中倒影图,图纸如下并且在导出的时候要将背景白色的部分关闭,这样可以更加方便的在PS中用PNG来显示。
将这个图纸的背景白色关闭,导出为PNG,再去PS里进行下一步的处理:在PS中选择合适的天空和水面的纹理图纸进行拼贴,小编这次做的是一张冷色调风格的图纸,所以就选择了一张稍微偏冷的天空和水面的图纸。在选择天空和水面的图纸的时候要注意画面的冷暖关系和透视空间关系,要符合整体的色调并且空间透视上不能有错误,图示如下:
在上面的图的基础上,加入阴影图、倒影图和AO(enscape)白膜质感图,叠加的时候将图层样式改为正片叠底,可以做到很好的质感堆叠,最后的效果如下显示:
画面细节完善
第三步就是进行画面的丰富点缀了。
首先是加入必要的人物细节,在加入人物的时候有以下几点需要注意:
①在加入人物的时候要注意透视关系,近大远小。
②在加入人物的时候要注意画面的整体节奏感,整体画面的人物分布不能太过平均,要有节奏变化才对。
③在画面的色彩平衡度上有问题的时候可以用人物来进行调整,如果画面太过于冷了,可以用一些暖色调的人物来进行点缀,如果画面太过于热了可以用一些冷色调的人物来进行点缀。
④不同风格的人物可以适当改变图纸的风格,中国风的人物可以让整个图纸变得中国风化,白底的线稿类型的人物可以让整个画面变得更加透气……们在挑选不同类型的人物之后,选择了插画风的运动交流风格的人物,因为画面目前的色调偏冷,所以我选择了一些暖色调的人物进行点缀处理,最后的结果如下显示:
加完人物之后画面一下子就丰富了起来,加下来就是加植物和绿化了,这张图纸用到的绿化植物并不多,但是小编还是要强调一下绿色植物要注意的地方:
①植物的类型不同,有不同的形状,在画面中也是很好的控制整体节奏感的东西②在加入植物绿化的时候要注意透视关系,近大远小。
③在加入植物的时候要注意画面的整体节奏感,整体画面的植分布不能太过平均,要有节奏变化才对。
④当画面的色彩平衡不太正确的时候可以通过使用不同季节的植物来进行中和,比如秋天可以用暖色的植物来中和过冷的色调的图纸,冬天的白色植物可以让一下过于死板的图纸显得更加的透气灵动……
⑤可以尝试用不同绘画风格的植物来进行不同风格图纸的绘画,比如:水彩,手绘,写实等等
⑥植物代表的是自然,空间设计往往是进行一些人工设计,所以很好的将自然融入到过于人工的图纸中,可以让图纸更好看。下面是加入了树之后的图示:
在加入了人物和植物之后就可以进行一些小场景元素的增加了,比如一些天上的飞机、灯笼、候鸟、月亮等等,水上的船只、天鹅、倒影等等。但是在加入小场景元素的时候还是要注意空间透视,色彩冷暖关系等这些绘画中 必须要注意的东西。因为我的画面上半部分太空,所以选择了飞机和候鸟,可以让整体的空间感更加平衡,以下是图示:
这就是做完一张完整的插画风效果图的全部流程了,因为这张图的特殊性,肯定不能把一些其他的手法和会遇到的小问题都讲到,但是只要掌握小编说的三步曲就可以做所有的插画风的图纸了。
下面我们来回忆一下操作的流程:
第一步:将准备好的模型进行视角选择,并且在选好视角后保存视角以免后续返工找不到视角,一般是导出两张图纸,一张是带颜色的线稿,一张是阴影图,其他的都是锦上添花的。
第二步:来到AI将图纸进行初步的处理,将带颜色的线稿图纸进行同类色颜色统一化处理,根据上面的步骤可以很快的将同样的颜色进行归类,然后将图纸导入到PS中进行整体色调的大关系调整,在选择背景天空等这些大面积色块的时候要注意色彩的关系和空间感受。
第三步:增加各种小细节进行整体的丰富了,例如加入人物和植物,但这之中要注意画面的空间透视,近大远小和画面的色调统一。
以上三步就是做好一张插画风效果图思考的全部过程。希望这次的作图教程分享可以给大家带来帮助。
请将本文分享至 朋友圈或100人以上的设计类微信群 (请勿设置分组/仅自己可见的朋友圈) 后台回复【第90期】与截图 即可获得本文素材
教程讲完了,还是我们的老规矩,大家有任何想说的,都可以在评论区给我们留言。有任何问题,可以通过我们制图教室的负责人加入我们的制图教室交流群,大家一起快乐地学习进步吧~
制图教室交流群
制图教室群二维码(QQ)
制图教室微信交流群由于人数超过100,无法直接加群,请大家添加客服微信,我们将邀请大家进群共同学习~
声明:本文所用作品图纸源自网络
设计相关版权归原作者所有
LAC STUDIO仅对图纸表达提供相关解读教程
教程版权归我方所有
原创作品,转载请与我们联系