扫一扫关注设计师
确定绘图技能-轴侧场景插画风表达
万博manbext手机官网插画为什么突然火了呢?
第一,万博manbext手机官网插画的本质是表达(Demonstration)。即通过插画表达出设计师的作品与设计思想。并且,通过插画表达比更加丰富的万博manbext手机官网细节。
第二,插画的美学价值(Aesthetic value)。申请欧美万博manbext手机官网院校的同学都会知道,万博manbext手机官网作品集中的渲染图最常使用抽象的拼贴艺术风格(Collage art style),这种风格在表达空间氛围时会创造更多的可能性(Possibility)。但是,拼贴画的艺术风格对于同学们万博manbext手机官网基本功要求很高,比如,要准确掌握构图、透视以及对于细节的把握。而今天讲的扁平风万博manbext手机官网插画,就巧妙地规避了透视这个老大难问题。却同样可以抽象的表达出空间的可能性。
第三,插画更容易创造差异性(Differentiation)。大概的意思就是,产生出一股清流。设计师常用的元素抽象风格,和效果图公司擅长的写实风格,在万博manbext手机官网作品集中占主流地位。国外招生办老师经年累月看这两种主流风格,不得不会产生审美疲劳。这时,偏向于扁平风格和2.5D风格的插画,就能给招生老师们带来一个清新的世界。
如果你也甚是欢喜,今天森吉老师就跟大家一起聊一聊这张大场景插画图的创作过程以及创作过程中用到的技巧和心得。
下面这张图就是今天我们要讲解的案例了~
先说一下这插画作品的绘制背景,这张图是我们居住区课程设计的方案,地块位于一高铁站旁。
在刚开始绘制时,我在构图上进行了很多尝试,介于方案中有平直和斜向楼栋并存的情况,正等轴测图会有一种很怪的歪斜错觉,经过思虑,最终决定画正方向的轴侧,这样的话,能更清晰的表达楼栋间的角度差异。
︱01 色彩选择︱
在插画创作时,画面的色彩搭配很关键~
根据方案的场地特质,我决定用周边马路的深色来衬托方案地块的鲜亮,并选择靓丽的红色来表达方案主体部分,除此之外,加以米白色和暗紫色丰富明度层次,为了防止绿色植物和主体红色对比过于强烈,绿色选用了更偏蓝色相的蓝绿色,并适当降低饱和度。
下面是整张图的配色色卡
︱02 正方向轴侧的视图调整方式︱
给大家分享一个出图小技巧,就是正方向轴测视图的调整方式。
先画一个小的矩形面,面对镜头向上旋转45°
然后右键单击这个辅助面,选择“对齐视图”
调好画面位置后然后保存场景即可。
︱03 图形导出︱
在图形导出环节,我们要先更改样式,然后分别导出纯色块的色稿图以及隐藏线稿的纯阴影图,就是下面这两张。
再导出消隐模式下的线稿图
这里线稿图是用来在ps里填色画场地的。(考虑到su封面费时费力,我决定不建场地模了,cad垫底直接导出,然后再ps里直接画)
︱04 Ps填色部分︱
填色时,我们将导出的图全部拖入ps,用魔棒在色稿图上选区,并在新的图层上填色,换成我们设想好的配色。接着结合线稿层来填充背景。
完成初步填色后,用套索工具绘制玻璃顶的部分,填充白色并降低图层透明度,增添反光。
︱05 肌理添加︱
接下来增添一些细节让画面更丰富~
在草地区域上方新建一个噪点图层,用草地的选区给噪点图层创建蒙版,更改叠加模式做适当调整。其他纹理同理,找到合适的素材叠加即可。铺地的话用了图层的图案叠加。为了增加草地的立体感,还添加图层内阴影效果。
︱06 配景的制作和添加 ︱
行道树的部分我自制了一个树和树干的笔刷,在ps里新建一个小的画布,用套索工具画出形状后填黑,选中,点击【编辑】定义画笔预设,命名储存即可。
回到原文件,选择做好的画笔,按f5调出画笔特性,增加距离、大小抖动、数量抖动、颜色抖动等特性。(大家根据实际效果灵活调整参数)
想保存参数的话点击右上角【新建画笔预设】即可保存带参数的画笔。
人物的添加也是这样的,不过要注意调整画笔大小使人的比例在画面里合理( 我自己通常会用画面里的栏杆做参照 )
中间的景观树在AI里绘制组合好(这里活用形状工具和路径查找器)后复制进ps。
马路交通线等细节补充绘制,就在ps里灵活选择套索工具,画笔工具添加即可。
小汽车和旁边的高铁我下载了素材模型,插画风的模型素材尽量选择简单棱角分明的。
将素材分别调整到和主图同一角度,从各自的文件里导出。小汽车为了方便改色导出pdf。
将小汽车的pdf拖入AI使用魔棒工具改色,颜色取图面已有配色,保证画面色彩和谐统一。做好的AI文件就可以成为自己的素材,方便日后多次利用调整色彩。
选中复制进ps里调整大小和摆放。为了让小汽车的大小合理,导出线稿图时,我放置了两辆小车(这里不建议把小车等配景模型在主体模型里全部放置好,会增加模型大小,且容易卡顿)。
︱07 添加阴影︱
将阴影图层放在最上面,这里我给阴影图层着了浅蓝色,让阴影有一定颜色倾向,这样画面更活泼。
小技巧:图层混合模式用颜色加深,调整透明度。
最后通过曲线适当调整一下整个画面的明暗关系,整张图纸的绘制就完成啦!
在实景渲染千篇一律数见不鲜的背景下,更具艺术性和抽象度的插画风备受青睐,成为万博manbext手机官网图纸表达方式的新潮流。插画风适用范围较广,既可用来表达概念性强、建模渲染困难的复杂场景。希望你们可以掌握这门技能~
非特殊说明,本文版权归原作者所有,来源:UA设计学堂 转载请联系作者。
作者:森吉Sengi
长期接收各类作品,资讯投稿。
投稿/合作邮箱:752052680@qq.com
来自微信公众号:UA设计学堂
筑视网公众号:环球设计联盟
今天森吉老师就跟大家一起聊一聊这张大场景插画图的创作过程以及创作过程中用到的技巧和心得。
相关教程
评论
万博manbext手机官网插画为什么突然火了呢?
第一,万博manbext手机官网插画的本质是表达(Demonstration)。即通过插画表达出设计师的作品与设计思想。并且,通过插画表达比更加丰富的万博manbext手机官网细节。
第二,插画的美学价值(Aesthetic value)。申请欧美万博manbext手机官网院校的同学都会知道,万博manbext手机官网作品集中的渲染图最常使用抽象的拼贴艺术风格(Collage art style),这种风格在表达空间氛围时会创造更多的可能性(Possibility)。但是,拼贴画的艺术风格对于同学们万博manbext手机官网基本功要求很高,比如,要准确掌握构图、透视以及对于细节的把握。而今天讲的扁平风万博manbext手机官网插画,就巧妙地规避了透视这个老大难问题。却同样可以抽象的表达出空间的可能性。
第三,插画更容易创造差异性(Differentiation)。大概的意思就是,产生出一股清流。设计师常用的元素抽象风格,和效果图公司擅长的写实风格,在万博manbext手机官网作品集中占主流地位。国外招生办老师经年累月看这两种主流风格,不得不会产生审美疲劳。这时,偏向于扁平风格和2.5D风格的插画,就能给招生老师们带来一个清新的世界。
如果你也甚是欢喜,今天森吉老师就跟大家一起聊一聊这张大场景插画图的创作过程以及创作过程中用到的技巧和心得。
下面这张图就是今天我们要讲解的案例了~
先说一下这插画作品的绘制背景,这张图是我们居住区课程设计的方案,地块位于一高铁站旁。
在刚开始绘制时,我在构图上进行了很多尝试,介于方案中有平直和斜向楼栋并存的情况,正等轴测图会有一种很怪的歪斜错觉,经过思虑,最终决定画正方向的轴侧,这样的话,能更清晰的表达楼栋间的角度差异。
︱01 色彩选择︱
在插画创作时,画面的色彩搭配很关键~
根据方案的场地特质,我决定用周边马路的深色来衬托方案地块的鲜亮,并选择靓丽的红色来表达方案主体部分,除此之外,加以米白色和暗紫色丰富明度层次,为了防止绿色植物和主体红色对比过于强烈,绿色选用了更偏蓝色相的蓝绿色,并适当降低饱和度。
下面是整张图的配色色卡
︱02 正方向轴侧的视图调整方式︱
给大家分享一个出图小技巧,就是正方向轴测视图的调整方式。
先画一个小的矩形面,面对镜头向上旋转45°
然后右键单击这个辅助面,选择“对齐视图”
调好画面位置后然后保存场景即可。
︱03 图形导出︱
在图形导出环节,我们要先更改样式,然后分别导出纯色块的色稿图以及隐藏线稿的纯阴影图,就是下面这两张。
再导出消隐模式下的线稿图
这里线稿图是用来在ps里填色画场地的。(考虑到su封面费时费力,我决定不建场地模了,cad垫底直接导出,然后再ps里直接画)
︱04 Ps填色部分︱
填色时,我们将导出的图全部拖入ps,用魔棒在色稿图上选区,并在新的图层上填色,换成我们设想好的配色。接着结合线稿层来填充背景。
完成初步填色后,用套索工具绘制玻璃顶的部分,填充白色并降低图层透明度,增添反光。
︱05 肌理添加︱
接下来增添一些细节让画面更丰富~
在草地区域上方新建一个噪点图层,用草地的选区给噪点图层创建蒙版,更改叠加模式做适当调整。其他纹理同理,找到合适的素材叠加即可。铺地的话用了图层的图案叠加。为了增加草地的立体感,还添加图层内阴影效果。
︱06 配景的制作和添加 ︱
行道树的部分我自制了一个树和树干的笔刷,在ps里新建一个小的画布,用套索工具画出形状后填黑,选中,点击【编辑】定义画笔预设,命名储存即可。
回到原文件,选择做好的画笔,按f5调出画笔特性,增加距离、大小抖动、数量抖动、颜色抖动等特性。(大家根据实际效果灵活调整参数)
想保存参数的话点击右上角【新建画笔预设】即可保存带参数的画笔。
人物的添加也是这样的,不过要注意调整画笔大小使人的比例在画面里合理( 我自己通常会用画面里的栏杆做参照 )
中间的景观树在AI里绘制组合好(这里活用形状工具和路径查找器)后复制进ps。
马路交通线等细节补充绘制,就在ps里灵活选择套索工具,画笔工具添加即可。
小汽车和旁边的高铁我下载了素材模型,插画风的模型素材尽量选择简单棱角分明的。
将素材分别调整到和主图同一角度,从各自的文件里导出。小汽车为了方便改色导出pdf。
将小汽车的pdf拖入AI使用魔棒工具改色,颜色取图面已有配色,保证画面色彩和谐统一。做好的AI文件就可以成为自己的素材,方便日后多次利用调整色彩。
选中复制进ps里调整大小和摆放。为了让小汽车的大小合理,导出线稿图时,我放置了两辆小车(这里不建议把小车等配景模型在主体模型里全部放置好,会增加模型大小,且容易卡顿)。
︱07 添加阴影︱
将阴影图层放在最上面,这里我给阴影图层着了浅蓝色,让阴影有一定颜色倾向,这样画面更活泼。
小技巧:图层混合模式用颜色加深,调整透明度。
最后通过曲线适当调整一下整个画面的明暗关系,整张图纸的绘制就完成啦!
在实景渲染千篇一律数见不鲜的背景下,更具艺术性和抽象度的插画风备受青睐,成为万博manbext手机官网图纸表达方式的新潮流。插画风适用范围较广,既可用来表达概念性强、建模渲染困难的复杂场景。希望你们可以掌握这门技能~
非特殊说明,本文版权归原作者所有,来源:UA设计学堂 转载请联系作者。
作者:森吉Sengi
长期接收各类作品,资讯投稿。
投稿/合作邮箱:752052680@qq.com
来自微信公众号:UA设计学堂
筑视网公众号:环球设计联盟
今天森吉老师就跟大家一起聊一聊这张大场景插画图的创作过程以及创作过程中用到的技巧和心得。