AI教程:2.5D等距插画
说到2.5D等距风格的插画,有的小伙伴可能会比较陌生。但是,一提到《纪念碑谷》这款游戏大家一定很熟悉。
就是《纪念碑谷》那样的咯~_第1张图片

《纪念碑谷》这款游戏把这种画法发挥到了极致,从此以后,在国内外的市场上不断出现,流行至今,也衍生出了各种表现方法。
2.5D是一种很有逻辑性的风格,可以很好的把软件的操作技巧都包含在里面。它的特点是有透视,但它的透视很规则,没有那种近大远小的变化。当画到这种风格的时候,都倾向于去用形状来变形。所以这种风格的核心概念就是变形。变形的用的就是“动作”命令。
就是《纪念碑谷》那样的咯~_第2张图片
准备工作:
1、参照文章《AI教程:自定义参考线》绘制一组交叉的参考线,ctrl+;隐藏参考线。
2、参照文章《AI教程:不想自己动手,就使用“动作”命令》提前录制好左侧面、右侧面、顶面的动作。
今天的案例分三块完成:“背景”部分、“房屋”部分、“树林和云彩”部分。
Part1背景部分:
1、使用矩形工具绘制一个和画板等大的矩形作为背景,并把矩形锁定。
就是《纪念碑谷》那样的咯~_第3张图片
2、绘制圆角矩形。选中圆角矩形,点击动作面板中的“顶面”动作,使其发生形变。作为地面。
就是《纪念碑谷》那样的咯~_第4张图片
就是《纪念碑谷》那样的咯~_第5张图片
3、选中变了形的圆角矩形,按V切换到选择工具,按alt拖拽复制出一个形状。
按shift键等比例缩小,并改颜色。用此形状当作房屋的地基。
就是《纪念碑谷》那样的咯~_第6张图片
4、选中上层形状,ctrl+c,ctrl+b复制粘贴到后面。
向下移动并修改颜色。这样地基的厚度就出来了。
就是《纪念碑谷》那样的咯~_第7张图片
Pat2房屋部分
1、画一个小正方形,选中,点击动作面板中的“左侧面”动作,使其发生形变。
就是《纪念碑谷》那样的咯~_第8张图片
就是《纪念碑谷》那样的咯~_第9张图片
2、选中左侧面,按alt键拖拽复制,右键-“变换”-“对称”-“垂直”,“复制”并修改颜色。
就是《纪念碑谷》那样的咯~_第10张图片
3、绘制一个正方形,选中,点击动作面板中的“顶面”动作,使其发生形变。
就是《纪念碑谷》那样的咯~_第11张图片
就是《纪念碑谷》那样的咯~_第12张图片
4、给屋顶添加厚度:选中左侧面,按alt键拖拽复制,等比例放大,并改变颜色。
就是《纪念碑谷》那样的咯~_第13张图片
5、使用直接选择工具按shift键选中下方的两个锚点,按向上箭头上移到合适位置。
就是《纪念碑谷》那样的咯~_第14张图片
6、选中左侧的这个形状,右键-“变换”-“垂直”,翻转到右侧,置为顶层,作为右侧的屋顶厚度。调整图层顺序及位置。
就是《纪念碑谷》那样的咯~_第15张图片
7、选中屋顶面,复制,调整图层顺序、颜色、大小,作为房屋影子。
就是《纪念碑谷》那样的咯~_第16张图片
Part3树木部分
1、树木制作的方法和房屋不同,需要使用自定义参考线。Ctrl+;显示参考线用钢笔沿参考线的方向勾出三角形,颜色为浅绿色。
就是《纪念碑谷》那样的咯~_第17张图片
2、选中左侧树叶,右键- “变换”-“对称”-“垂直”,“复制”并修改颜色。左右颜色反差越大,立体效果越明显。
就是《纪念碑谷》那样的咯~_第18张图片
3、画个矩形当树干;画个椭圆当影子。在现实生活中,没有影子的物体是很奇怪的。
就是《纪念碑谷》那样的咯~_第19张图片
4、把左右两个树叶、树干、树影一起选中,ctrl+g编组。拖拽复制的编组,得到一棵棵树。
就是《纪念碑谷》那样的咯~_第20张图片
此时的画面略显单调,有句话“元素不够,云来凑”,可以在画面中添加几个云朵。
1、画三个大小不同的三个正圆,对齐面板-底对齐
就是《纪念碑谷》那样的咯~_第21张图片
2、在底边补一个矩形,使其成为云彩。将四个形状选中,路径查找器-联集。
就是《纪念碑谷》那样的咯~_第22张图片
3、选中云彩,点击动作面板-左侧面。
就是《纪念碑谷》那样的咯~_第23张图片
4、选中云彩ctrl+c,ctrl+b粘贴在后面,移动位置改颜色,云彩的厚度就出来了。
就是《纪念碑谷》那样的咯~_第24张图片
5、复制出一朵朵大小不同的云彩吧
就是《纪念碑谷》那样的咯~_第25张图片
你以后的资源,都需要你现在去投资。多掌握一些技能,在关键时候就能迅速调出适合当前要求的画风,就是最高的工作效率。
详细视频《AI零基础潮流插画》第五章