首页/资讯/插画教程 | 轴侧场景下的插画风表达/
插画教程 | 轴侧场景下的插画风表达
2020-04-13 10:36:491533浏览
插画

1.gif

2.jpg

3.jpg

4.jpg

近些年来,插画风格建筑图纸表达甚得大家喜爱,插画风格的图纸除了可以带给大家良好的艺术视觉享受,还具有更多的可读性细节,这类风格的图纸更利于场景的气氛表达,不易过时。


如果你也甚是欢喜,今天森吉老师就跟大家一起聊一聊这张大场景插画图的创作过程以及创作过程中用到的技巧和心得。


诺,今天要教大家绘制的就是下面这张图了~

5.jpg

先聊一下这张效果图的绘制背景,这张图是我们居住区课程设计的方案表达,方案地块位于一高铁站旁。


在刚开始绘制时,我在构图上进行了很多尝试,介于方案中有平直和斜向楼栋并存的情况,正等轴测图会有一种很怪的歪斜错觉,经过思虑,最终决定画正方向的轴侧,这样的话,能更清晰的表达楼栋间的角度差异。



01

 色彩选择 


在插画风格的作品中,配色选择尤其重要~


根据方案的场地特质,我决定用周边马路的深色来衬托方案地块的鲜亮,并选择靓丽的红色来表达方案主体部分,除此之外,加以米白色和暗紫色丰富明度层次,为了防止绿色植物和主体红色对比过于强烈,绿色选用了更偏蓝色相的蓝绿色,并适当降低饱和度。


整张图的配色色卡就是它啦,你也可以分析一下这些配色有什么技巧,欢迎大家留言交流~

6.png

02

 正方向轴侧的视图调整方式 


在这里给大家分享一个小技巧,就是正方向轴测视图的调整方式。


先画一个小的矩形面,面对镜头向上旋转45°

b然后右键单击这个辅助面,选择“对齐视图”

7.jpg

调好画面位置后然后保存场景就可以啦。

诺,就是这样~

8.jpg

03

 图形导出 


在图形导出环节,我们要先更改样式,然后分别导出纯色块的色稿图以及隐藏线稿的纯阴影图,就是下面这两张~

9.jpg

10.jpg

再导出消隐模式下的线稿图

11.jpg

这里线稿图是用来在ps里填色画场地的。(考虑到su封面费时费力,我决定不建场地模了,cad垫底直接导出,然后再ps里直接画)



04

 Ps填色部分 


在填色部分,我们需要将导出的图全部拖进ps,刚刚导出的色稿在这里与材质ID的作用类似,用魔棒在色稿图上选区,并在新的图层上填色,换成我们设想好的配色。接着结合线稿层来填充背景。

12.jpg

初步填色完成后,用套索绘制玻璃顶的部分,填充白色并降低图层透明度,添加反光。

13.jpg


05

 肌理添加 


一幅优秀的插画作品是需要添加一定的肌理图案来丰富图纸细节的~


在草地色块上方新建一个噪点图层,用草地的选区给噪点层建立蒙版,更改叠加模式做适当调整。其他纹理同理,找到合适的素材叠加即可。铺地的话用了图层的图案叠加。为了增加草地的立体感,还添加图层内阴影效果。

14.jpg

06

 配景的制作和添加 


行道树的部分我自制了一个树和树干的笔刷,在ps里新建一个小的画布,用套索工具画出形状后填黑,选中,点击【编辑】定义画笔预设,命名储存即可。

15.jpg

回到原文件,选择做好的画笔,按f5调出画笔特性,增加距离、大小抖动、数量抖动、颜色抖动等特性。(大家根据实际效果灵活调整参数)

16.gif

想保存参数的话点击右上角【新建画笔预设】即可保存带参数的画笔。

17.jpg

人物的添加也是这样的,不过要注意调整画笔大小使人的比例在画面里合理( 我自己通常会用画面里的栏杆做参照 )


中间的景观树在AI里绘制组合好(这里活用形状工具和路径查找器)后复制进ps。

18.jpg

马路交通线等细节补充绘制,就在ps里灵活选择套索工具,画笔工具添加即可。

19.jpg

小汽车和旁边的高铁我下载了素材模型,插画风的模型素材尽量选择简单棱角分明的。


将素材分别调整到和主图同一角度,从各自的文件里导出。小汽车为了方便改色导出pdf

20.jpg

21.jpg

将小汽车的pdf拖入AI使用魔棒工具改色,颜色取图面已有配色,保证画面色彩和谐统一。做好的AI文件就可以成为自己的素材,方便日后多次利用调整色彩。


22.jpg

选中复制进ps里调整大小和摆放。为了让小汽车的大小合理,导出线稿图时,我放置了两辆小车(这里不建议把小车等配景模型在主体模型里全部放置好,会增加模型大小,且容易卡顿)。


07

 添加阴影 


将阴影图层放在最上面,这里我给阴影图层着了浅蓝色,让阴影有一定颜色倾向,这样画面更活泼。


小技巧:叠加模式,颜色加深,调整透明度。

23.jpg

最后适当调整一下整个画面的明暗曲线,就可以完成整张图纸的绘制啦!

24.jpg

考虑到大家的电脑配置参差不齐,在这里森吉老师给大家一个中肯的建议,由于本次教程绘制的场景画面比较大,一些图纸的打印尺寸又比较大,虽然图层没有很多,但我的psd文件非常巨大,最终保存了psb大文件格式。所以大家在绘制大场景的过程中,一定要调整好自己的画布大小并选择合适的像素dpi,再一个就是要注意管理好自己的图层,在适当的时候合并一些不会再修改的图层,并及时清理不用的图层,这样的话会缓解大家电脑卡顿的情况。


下面是本次教程的部分模型以及素材的百度云链接,扫码填写密码即可领取,会不会很欢喜?是的话就点个赞吧,哈~


25.jpg

部分模型及素材链接

密码:06ib

(链接失效公号后台回复‘插画教程’)



-END-


友情链接: