你所在的位置你现在所在的位置:首页 > 插画教程 > SAI插画教程 > 图文教程 > 正文

没空间感如何绘制等距风格插画(isometric) 等轴测图怎么画

作者:绘萌芽小编 文章类型:原创 共10人阅读 发布时间:2020-11-18 14:06:22
分享:

等距视角(Isometric)风格,也称为等轴测图,为了增加立体感,采用了倾斜角度的视角,拥有出色的视觉表现。近两年越来越多的设计师使用了此风格的插画表现产品,外加上很火的深色渐变效果。简直让人欲罢不能

 

下面是Pinterest上搜索关键词 isometric,找到的一些此风格的插画:

作者 Walid Beno:https://dribbble.com/WalidB

没空间感如何绘制等距风格插画(isometric)--1

没空间感如何绘制等距风格插画(isometric)-0

没空间感如何绘制等距风格插画(isometric)-1

没空间感如何绘制等距风格插画(isometric)-2

没空间感如何绘制等距风格插画(isometric)-3

没空间感如何绘制等距风格插画(isometric)-4

 

每每你想尝试的时候,最后的肯定败在了空间感上

没空间感如何绘制等距风格插画(isometric)-5

下面提供一个方法就是C4D+AI,结合绘制此风格的技巧

 

不会C4D?

还不赶紧学!( 下期预告:讲如何学好C4D )

 

为什么是这两个工具

C4D三维工具,解决了原来在2D工具中绘制的空间感问题,具象立体的绘制图形。并且可以输出AI格式的线稿。AI工具优势的矢量+渐变调节,完美调整图形和颜色。

 

关键技能

C4D : 等角视角、草绘标签

通过在C4D的等角视角里面绘制出立体图形,然后通过草绘标签导出AI矢量格式的线稿

 

AI : 形状生成器工具 

通过形状生成器工具,将不同的面分离出来,并上色

没空间感如何绘制等距风格插画(isometric)-6

 

下面以Maxime Bourgeois的作品为例,实操

https://dribbble.com/shots/3551926-Javas cript-Arrays-in-Depth

 

没空间感如何绘制等距风格插画(isometric)-7

C4D部分

1. 在C4D中绘制出立体模型大概的实体

主要操作:布尔、运动图形-文本

 没空间感如何绘制等距风格插画(isometric)-8

2. 将视角转化为等角视角

没空间感如何绘制等距风格插画(isometric)-9

 

3. 群组全部3D图层,然后添加草绘标签-素描样式(全部图层都必须转为可编辑对象,快捷键C )

没空间感如何绘制等距风格插画(isometric)-10

 

4. 导出AI格式文档

没空间感如何绘制等距风格插画(isometric)-11

AI部分

1.  补齐缺失的线 (封闭的线才可以使用形状生成器工具)。多余的线可以不用删除,通过形状生成器工具可自动消除

没空间感如何绘制等距风格插画(isometric)-12

 

2.  通过形状生成工具,将不同的面分离出来(务必取消群组)

没空间感如何绘制等距风格插画(isometric)-13

 

没空间感如何绘制等距风格插画(isometric)-14

选择曲线后按快捷键I(i),用取色管点选颜色

 

没空间感如何绘制等距风格插画(isometric)-15

没空间感如何绘制等距风格插画(isometric)-16

 

3. 渐变上色

没空间感如何绘制等距风格插画(isometric)-17

选择渐变箭头然后按I(i)快捷键,用取色管点选颜色。将选取的颜色拖入的渐变框内

 

4. 调整细节和光照

没空间感如何绘制等距风格插画(isometric)-18

点选 内部绘图,相当于PS图层蒙版,在图层里面作图

 

没空间感如何绘制等距风格插画(isometric)-19

 

 

为什么不用C4D直接渲染?

C4D直接渲染颜色材质调节渐变比较麻烦,如果是大场景的渐变调整更是繁复。输出结果需要反复渲染。效率不高。而导出的AI矢量文件,可以无限放大。优势更明显。而AI作为矢量工具,自然是首选。当然也可以输出SVG导入到Sketch中调整。如果单是纯色的插画就可以用C4D直接渲染。

 

不会C4D怎么办?

此方法不需要复杂的光照调整和材质贴图,仅仅需要简单的建模即可。因此对C4D的技能要求不用太高。况且R19新版的C4D安装文件才390M左右。不下载一个试下吗。至于学习的素材。网上有很多教程。淘宝关键词C4D教程有惊喜。

 

附件是导出的AI文件和源文件。可以下载试下。

 

Copyright © 2016 - 2017 绘萌芽 版权所有 Powered by huimengya.com  粤公网安备 44030602000603号   粤ICP备16070922号-1