等距视角(Isometric)风格,也称为等轴测图,为了增加立体感,采用了倾斜角度的视角,拥有出色的视觉表现。近两年越来越多的设计师使用了此风格的插画表现产品,外加上很火的深色渐变效果。简直让人欲罢不能
下面是Pinterest上搜索关键词 isometric,找到的一些此风格的插画:
作者 Walid Beno:https://dribbble.com/WalidB
每每你想尝试的时候,最后的肯定败在了空间感上
下面提供一个方法就是C4D+AI,结合绘制此风格的技巧
不会C4D?
还不赶紧学!( 下期预告:讲如何学好C4D )
C4D三维工具,解决了原来在2D工具中绘制的空间感问题,具象立体的绘制图形。并且可以输出AI格式的线稿。AI工具优势的矢量+渐变调节,完美调整图形和颜色。
C4D : 等角视角、草绘标签
通过在C4D的等角视角里面绘制出立体图形,然后通过草绘标签导出AI矢量格式的线稿
AI : 形状生成器工具
通过形状生成器工具,将不同的面分离出来,并上色
下面以Maxime Bourgeois的作品为例,实操
https://dribbble.com/shots/3551926-Javas cript-Arrays-in-Depth
1. 在C4D中绘制出立体模型大概的实体
主要操作:布尔、运动图形-文本
2. 将视角转化为等角视角
3. 群组全部3D图层,然后添加草绘标签-素描样式(全部图层都必须转为可编辑对象,快捷键C )
4. 导出AI格式文档
1. 补齐缺失的线 (封闭的线才可以使用形状生成器工具)。多余的线可以不用删除,通过形状生成器工具可自动消除
2. 通过形状生成工具,将不同的面分离出来(务必取消群组)
选择曲线后按快捷键I(i),用取色管点选颜色
3. 渐变上色
选择渐变箭头然后按I(i)快捷键,用取色管点选颜色。将选取的颜色拖入的渐变框内
4. 调整细节和光照
点选 内部绘图,相当于PS图层蒙版,在图层里面作图
C4D直接渲染颜色材质调节渐变比较麻烦,如果是大场景的渐变调整更是繁复。输出结果需要反复渲染。效率不高。而导出的AI矢量文件,可以无限放大。优势更明显。而AI作为矢量工具,自然是首选。当然也可以输出SVG导入到Sketch中调整。如果单是纯色的插画就可以用C4D直接渲染。
此方法不需要复杂的光照调整和材质贴图,仅仅需要简单的建模即可。因此对C4D的技能要求不用太高。况且R19新版的C4D安装文件才390M左右。不下载一个试下吗。至于学习的素材。网上有很多教程。淘宝关键词C4D教程有惊喜。
附件是导出的AI文件和源文件。可以下载试下。