分享

制图教室丨省时又出效果的插画风谁不爱?

 LAC_STUDIO 2021-12-06


hello各位亲爱的小伙伴,制图教室又和大家见面啦~上一次陈同学为大家讲解了她的方案设计,本期我们还是老规矩,精选其中一张图纸,为大家仔细讲解出图步骤。

陈同学用到的是大家喜闻乐见的插画风图纸,省时省力,效果不俗!让我看看,应该没有人不喜欢这样的图纸吧!那么,下面就正式进入我们的制图教程。

首先给大家大致介绍一下出图的流程:

1. 我们要基于自己对方案的理解选取一个合适的效果图角度。
2. 根据参考图大致画出自己的构图方向(草图阶段)
3. 确定好自己的效果图的色彩基调(建议一开始先根据参考图色彩范围)
4. 增添细节(加入合适的配景素材,增加灯光阴影效果)
接下来的教程我们就会按这个流程来给大家详解。



前期工作


打开模型,根据自己的作品集排版需求和效果角度要求选取一个合适的尺寸截图。

我建议大家对自己一开始不擅长的效果图都先从模仿训练开始。可以选取一张自己喜欢的插画风格的效果图,画出简单的网格线去分析参考图的构图。确定参考图想要表达的视觉重点,然后画出参考图的前后配景素材区域比例。根据自己的效果图要求大致按照参考图的配景区域画出简单的构图草图。

选取一张参考图确定效果图的主色彩范围。在这里,大家一定要避免一个误区,插画风效果图并不是简单的吸色填色游戏。在选择参考图的时候,大家一定要注意参考图中的色彩面积大小。如上图参考图所示,该图纸中粉色的天空和黑色草地占据了大面积的图纸区域,我们在吸色的时候就一定要考虑自己的构图中同色块区域的面积是否和参考图大小相类似。不管是什么类型的建筑图纸,我们都要记住色彩的三要素,色相,饱和度,明度得在整个画面中达到平衡的状态。

提前准备好自己需要的配景素材。我在这里简单介绍下怎么用ai制作简单配景树的方法。(我会建议配景素材在ai里制作完成,这样我们后期的整体效果图尺寸如果需要变动,也不会因为素材的分辨率问题导致效果图失真)

先在ai里用几何工具画出树的几何轮廓。

用钢笔工具勾勒出需要删减的部分和需要颜色加强的部分(黑色区域为需删减部分,蓝色区域为需加强部分)。

用形状生成器工具确定需要保留的树木部分。

填色完成。

到这里前期工作就做完了,下面进入PS开始完整的图面处理工作。

PS处理

和大部分的图纸制作过程一样,第一步我们都需要准备好我们的底图。关于扁平风插画效果图我们需要准备好我们的AO图,材质ID图,线稿图。因为有太多教程介绍过怎么从rhino里面导出这些图纸,所以我在这里就不再过多赘述。进入ps后,大家要记住将AO图改为正片叠底模式,这样我们的色块才能和我们的底图叠加在一起。

底图导入完成后,我们就需要开始进行大面积的色块填色来确定我们的基础氛围了。因为天空背景部分占据了整张效果图的最大面积,所以我们第一步应该先处理天空背景部分。在这整张画面里面,不管是我的伞状装置还是居民平房部分都呈现出非常简单的几何状态,为了不破坏整张画面的视觉平衡,天空部分我也用最简单的三角形色块叠加完成。关于填色部分,我们一定要注意,天空的色彩需要有渐变变化,因此我选择了同色系的粉色由浅至深来填充每个三角形色块。

地面部分我们同样遵循三角形色块处理原则。但是这里我们得注意,为了增加画面的层次感,我们需要区分出地面的明暗面。因此我们会需要一些稍微亮色的黄色色块来给整个画面增加一些明度,也需要一些较为深色的色块突出地面的厚重感。

希望画面肌理感更强一些的同学也可以在ps中选择滤镜-添加杂色来给草地制造出纹理感。

接下来的步骤就是把剩余的画面例如平台,伞状装置,桥面,屋顶进行一个基础的填色。细节部分我们需要留到最后处理。但是在填色的过程中同学一点要注意,每填完一个色块,我们都需要略微调整已完成部分的色块来确保和当下的画面达到一个色彩平衡状态。千万不要像玩填色游戏一样,只填不改。

此时整个画面的基础色调就大致已经定了,但是我们会发现画面的明暗对比不够强烈。因此我们需要给我们的墙分出较为明显的明暗面来丰富视觉效果。


配景添加

我们接下来要做的就是不断地添加配景素材例如树木,草,人物来增加整个图面的信息量。然后可以通过camera raw滤镜等进行一下整体调色。

最后成果图如下。

到这里我们的制图过程就全部完成了~不知道大家有没有学会呢?期末临近,正是大家赶图的时候了,希望这种省时省力又出效果的风格能帮助大家顺利度过期末赶图季~


    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章