AI教程:2.5D等距插画

说到2.5D等距风格的插画,有的小伙伴可能会比较陌生。但是,一提到《纪念碑谷》这款游戏大家一定很熟悉。

AI教程:2.5D等距插画

《纪念碑谷》这款游戏把这种画法发挥到了极致,从此以后在国内外的市场上不断出现,流行至今,也衍生出了各种表现方法。


2.5D是一种很有逻辑性的风格,可以很好的把软件的操作技巧都包含在里面。它的特点是有透视,但它的透视很规则,没有那种近大远小的变化。当画到这种风格的时候,都倾向于去用形状来变形。所以这种风格的核心概念就是变形。变形的用的就是“动作”命令。

AI教程:2.5D等距插画

准备工作:

1、按照文章AI教程:自定义参考线》绘制一组交叉的参考线,ctrl+;隐藏参考线。

2、按照文章AI教程:不想自己动手,就使用“动作”命令》提前录制好左侧面、右侧面、顶面的动作。

今天的案例分三块完成:“背景”部分、“房屋”部分、“树林和云彩”部分。

Part1背景部分:

1、使用矩形工具绘制一个和画板等大的矩形作为背景,并把矩形锁定。

AI教程:2.5D等距插画

2、绘制圆角矩形。选中圆角矩形,点击动作面板中的“顶面”动作,使其发生形变。作为地面。

AI教程:2.5D等距插画

AI教程:2.5D等距插画

3、选中变了形的圆角矩形,按V切换到选择工具,按alt拖拽复制出一个形状。

shift键等比例缩小,并改颜色。用此形状当作房屋的地基。

AI教程:2.5D等距插画

4、选中上层形状,ctrl+cctrl+b复制粘贴到后面。

向下移动并修改颜色。这样地基的厚度就出来了。

AI教程:2.5D等距插画

Pat2房屋部分

1、画一个小正方形,选中,点击动作面板中的“左侧面”动作,使其发生形变。

AI教程:2.5D等距插画

AI教程:2.5D等距插画

2、选中左侧面,按alt键拖拽复制,右键“变换”“对称”“垂直”,“复制”并修改颜色。

AI教程:2.5D等距插画

3、绘制一个正方形,选中,点击动作面板中的“顶面”动作,使其发生形变。

AI教程:2.5D等距插画

AI教程:2.5D等距插画

4、给屋顶添加厚度:选中左侧面,按alt键拖拽复制,等比例放大,并改变颜色。

AI教程:2.5D等距插画

5、使用直接选择工具按shift键选中下方的两个锚点,按向上箭头上移到合适位置。

AI教程:2.5D等距插画

6、选中左侧的这个形状,右键“变换”“垂直”,翻转到右侧,置为顶层,作为右侧的屋顶厚度。调整图层顺序及位置。

AI教程:2.5D等距插画

7、选中屋顶面,复制,调整图层顺序、颜色、大小,作为房屋影子。

AI教程:2.5D等距插画

Part3树木部分

1、树木制作的方法和房屋不同,需要使用自定义参考线。Ctrl+;显示参考线用钢笔沿参考线的方向勾出三角形,颜色为浅绿色。

AI教程:2.5D等距插画

2、选中左侧树叶,右键“变换”“对称”“垂直”,“复制”并修改颜色。左右颜色反差越大,立体效果越明显。

AI教程:2.5D等距插画

3、画个矩形当树干;画个椭圆当影子。在现实生活中,没有影子的物体是很奇怪的。

AI教程:2.5D等距插画

4、把左右两个树叶、树干、树影一起选中,ctrl+g编组。拖拽复制的编组,得到一棵棵树。

AI教程:2.5D等距插画


此时的画面略显单调,有句话“元素不够,云来凑”,可以在画面中添加几个云朵。

1、画三个大小不同的三个正圆,对齐面板底对齐

AI教程:2.5D等距插画

2、在底边补一个矩形,使其成为云彩。将四个形状选中,路径查找器联集。

AI教程:2.5D等距插画

3、选中云彩,点击动作面板左侧面。

AI教程:2.5D等距插画

4、选中云彩ctrl+cctrl+b粘贴在后面,移动位置改颜色,云彩的厚度就出来了。

AI教程:2.5D等距插画

5、复制出一朵朵大小不同的云彩吧

AI教程:2.5D等距插画

你以后的资源,都需要你现在去投资。多掌握一些技能,在关键时候就能迅速调出适合当前要求的画风,就是最高的工作效率。


相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务