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

国庆在赶图的人,插画效果图也许能让你早点解放

2018.10.03 | , , ,
建筑学院 建筑学院

作者:森吉

废话不多说

先来看几张森吉老师(韩锐建筑插画营助讲嘉宾)的插画作品~

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

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

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


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

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


01

 色彩选择 

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

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

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


02

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

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

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

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


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

诺,就是这样~



03

 图形导出 

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



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

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


04

 Ps填色部分 

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

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


05

 肌理添加 

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

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



06

 配景的制作和添加 

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

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

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

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

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


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

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

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


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

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


07

 添加阴影 

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

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

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

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

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

部分模型及素材链接

密码:06ib


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

08

 心得交流 

大家如果有什么问题或者想要交流一下图纸的绘制心得,可以在微博以及微信找到我,更多插画风格的素材请戳森吉老师的微博(ง •̀_•́)ง。 

森吉Sengi

擅长PS、AI后期表达

手绘以及插画表现


扫码即可添加森吉微信

微博搜索:森吉Sengi

希望备注下学校姓名

-END-

想不想也创作一套这样的插画设计?想不想也用插画的风格绘制自己的课程设计?想不想也当一次建筑界的小网红?如果这样一张精彩的绘图教程并不能满足你对插画风图纸的向往,那么这里还有一个机会:

是不是觉得我又要套路你报课?哈哈这次免费送你~

是不是真的?当然是真的,你往下看~

韩锐、森吉老师作品

如果你是韩锐老师的小粉丝,那么再给一个与韩锐老师面基的机会,国庆假期韩锐老师与大家相约北京,一起探讨交流建筑插画的创作心得与思路,即《建筑插画思维表达训练营-北京站》,现在报名即送韩大大与森吉老师的线上课程,线下营不但可以面基,更能去些特殊开放的位置游学,快快抓住机会吧!

 如果你对其他教程也很感兴趣 

 点zan告诉我,帮你安排 

84条评论
东
2021-11-03 18:56:49 回复 0

插画教程

C
C 2020-08-28 10:04:20 回复 0

插画教程

M
M 2020-05-19 15:43:55 回复 0

插画教程

哈哈哈哈
哈哈哈哈 2020-04-15 12:12:00 回复 0

插画教程

INFP
INFP 2020-02-13 11:52:35 回复 0

插画教程

无
2020-01-21 17:40:02 回复 0

插画教程

70 2019-11-06 20:23:40 回复 0

插画教程

翰卿 2019-11-06 19:02:16 回复 0

插画教程

唯*蔓
唯*蔓 2019-11-02 14:40:52 回复 0

插画教程

唯*蔓
唯*蔓 2019-11-02 14:40:22 回复 0

插画教程

Jericho
Jericho 2019-09-08 23:57:07 回复 0

插画教程

lnxA
lnxA 2019-08-05 14:24:15 回复 0

插画教程

Bubblegum 2019-07-31 10:12:31 回复 0

插画教程

 ̄︿ ̄
 ̄︿ ̄ 2019-07-22 11:24:25 回复 0

插画教程

星之容器
星之容器 2019-06-23 08:59:01 回复 0

插画教程

无知的你
无知的你 2019-06-22 16:43:44 回复 0

插画教程

eee 2019-06-12 17:57:25 回复 0

插画教程

Mr. clown
Mr. clown 2019-06-03 18:14:04 回复 0

插画教程

Dabria
Dabria 2019-06-03 05:36:57 回复 0

插画教程

via
via 2019-05-19 13:57:47 回复 0

插画教程

南北
南北 2019-05-16 18:29:29 回复 0

插画教程

舒窈
舒窈 2019-05-13 11:08:30 回复 0

插画教程

wp
wp 2019-05-08 17:16:04 回复 0

插画教程

Rex。
Rex。 2019-04-29 02:55:40 回复 0

插画教程

敬我余生
敬我余生 2019-04-26 11:51:58 回复 0

插画教程

枍安不是咸鱼
枍安不是咸鱼 2019-04-25 01:54:08 回复 0

插画教程

孜孜孜孜孜谦
孜孜孜孜孜谦 2019-04-18 00:34:40 回复 0

插画教程

王某人臭狗屎
王某人臭狗屎 2019-04-09 08:50:58 回复 0

插画教程

-_-||
-_-|| 2019-04-02 16:55:02 回复 0

插画教程

oヤRebirth
oヤRebirth 2019-03-31 09:27:44 回复 0

插画教程

夏不忘
夏不忘 2019-03-29 09:31:27 回复 0

插画教程

北海岸 2019-03-15 15:52:27 回复 0

插画教程

志韋
志韋 2019-03-14 16:41:22 回复 0

插画教程

芝麻酥糖酱 2019-01-04 09:03:17 回复 0

插画教程

zz
zz 2018-12-30 11:48:06 回复 0

插画教程

L J
L J 2018-12-27 23:03:35 回复 0

插画教程

Ultra Seven 2018-12-20 20:17:28 回复 0

人类的本质

zy
zy 2018-12-20 12:39:56 回复 0

插画教程

~西决、
~西决、 2018-12-20 11:54:51 回复 0

插画教程

来_根辣条吗
来_根辣条吗 2018-12-14 09:12:39 回复 0

插画教程

偏激
偏激 2018-12-02 06:36:18 回复 0

插画教程

大乌云
大乌云 2018-11-29 21:35:17 回复 0

插画教程

AN
AN 2018-11-25 18:48:20 回复 0

插画教程

高锟
高锟 2018-11-19 09:20:53 回复 0

插画教程

2018-11-18 10:08:33 回复 0

插画教程

oo
oo 2018-11-17 09:49:50 回复 0

插画教程

柠凉 2018-11-14 14:48:24 回复 0

插画教程

2018-11-13 17:21:44 回复 0

插画教程

子非鱼
子非鱼 2018-11-13 08:34:22 回复 0

插画教程

gravel
gravel 2018-11-12 00:29:48 回复 0

插画教程

王呔呔
王呔呔 2018-11-11 12:19:21 回复 0

插画教程

阿阿阿川 2018-11-08 09:45:24 回复 0

插画教程

Lynn
Lynn 2018-11-07 13:15:47 回复 0

插画教程

听说你建了个筑
听说你建了个筑 2018-11-06 18:24:30 回复 0

插画教程

懒懒懒懒懒K
懒懒懒懒懒K 2018-11-06 13:23:44 回复 0

插画教程

陈末老师✨
陈末老师✨ 2018-11-06 10:56:30 回复 0

插画教程

圣展
圣展 2018-11-06 08:47:23 回复 0

插画教程

小雨 2018-11-04 09:36:03 回复 0

插画教程

影子
影子 2018-11-04 09:26:11 回复 0

插画教程

大丸子
大丸子 2018-10-31 15:31:42 回复 0

插画教程

湫
2018-10-31 10:24:45 回复 0

插画教程

空翼奈 2018-10-30 15:59:29 回复 0

插画教程

↣
2018-10-27 11:16:52 回复 0

插画教程

Secretamente
Secretamente 2018-10-22 21:46:51 回复 0

插画教程

半只呆萌可爱的兔子
半只呆萌可爱的兔子 2018-10-22 14:34:24 回复 0

插画教程


 2018-10-21 22:31:35 回复 0

插画教程

yukimura
yukimura 2018-10-20 21:59:51 回复 0

插画教程

C
C 2018-10-20 20:33:04 回复 0

插花教程

倪必力Billy
倪必力Billy 2018-10-20 10:41:15 回复 0

插画教程

saberjjj 2018-10-18 16:53:07 回复 0

插画教程

Y宣-ola
Y宣-ola 2018-10-18 00:11:43 回复 0

插画教程

偶尔放空
偶尔放空 2018-10-17 10:30:20 回复 0

插画教程

特别的名称 2018-10-12 11:06:09 回复 0

插画教程

H Z
H Z 2018-10-10 23:25:28 回复 0

建筑小学堂

阿森纳 2018-10-09 10:04:27 回复 0

厉害,学习了

Ninicole
Ninicole 2018-10-06 13:01:40 回复 0

請問rhino 也能用這種軸側嗎?

Hu Fan Hung 胡凡虹
Hu Fan Hung 胡凡虹 2018-10-06 12:58:59 回复 0

請問rhino也能用這種軸側圖嗎?

~西决、
~西决、 2018-10-05 20:21:36 回复 0

插画教程

archi谦谦人儿 2018-10-04 22:12:19 回复 0

插画教程

森吉
森吉 2018-10-03 21:28:18 回复 0

是回复 建筑小学堂 公众号哦

车八八o(`ω´ )o
车八八o(`ω´ )o 2018-10-03 13:26:27 回复 0

插画教程

2018-10-03 12:28:47 回复 0

百度云分享文件已取消…

lxr 2018-10-03 10:14:52 回复 0

挺好的

黄奕
黄奕 2018-10-03 09:28:57 回复 0

插画教程╭(╯ε╰)╮

建筑学院 建筑学院

作者:森吉

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