您的位置：制图网首页 -> 新闻动态 -> 2.5d插画【2.5d插画怎么做】

热门排行

2.5d插画【2.5d插画怎么做】

2023/1/31 来自于：制图网 点击：40
2.5d插画【2.5d插画怎么做】

自从纪念碑谷这款游戏风靡之后，很长一段时间，2.5D风格的设计或者说类似纪念碑谷的设计风格一度盛行，今天教程主要教大家如何建立参考线来建立2.5D模型！

2.5d插画【2.5d插画怎么做】

要做类似纪念碑谷的2.5D等距画风的设计，必须要用到参考线，所以，我们第一步就是建参考线

建立参考线

1.新建画布

2.使用“矩形网络工具”建立一个网格

2.5d插画【2.5d插画怎么做】

点击“矩形网络工具”，在画板空白处单击，会弹出一个对话框，我们要设置网格参数，点击“OK”就能生成网格

2.5d插画【2.5d插画怎么做】

（注：使用网格工具的时候，要先把填充关掉，描边打开，否则建不了网格）

（注：本教程建立的是1500*1500Px大小，纵横数量都为80的网格）

3.选中网格，旋转45°

4.运用“比例缩放工具”对网格进行缩放

2.5d插画【2.5d插画怎么做】

选中网格，双击“比例缩放工具”弹出参数对话框，勾选“不等比”，把“垂直”的参数改为“57.74%”，点击确定

2.5d插画【2.5d插画怎么做】

5.选中参考线，点击“视图”→参考线→建立参考线

2.5d插画【2.5d插画怎么做】

这样就得到了我们的等距参考线了

参考线可以帮我们建立最基本的图形，但是有时候一个设计中不单单只有简单的立方体，比如我们要做一个建筑，里面就要用到等距的窗户和门等一些等距图形，每一次都要自己动手画吗？

这样会很麻烦，接下来就讲另外一个非常实用的工具——动作。

2.5d插画【2.5d插画怎么做】

这时候有人就疑惑了，动作不是PS才用得到吗？其实不是，AI也有动作的功能，接下来就讲解如何通过在AI中建立动作，一件生成窗户和门等一些其他的等距形状。

做到这一步，可以暂时的把参考线隐藏了

在2.5D的等距环境中，窗户不是单纯的一个形状，它也是有体积有厚度的。但是它也是从基本形状通过旋转缩放得到的，所以我们先把窗户的基本形状画出来。

2.5d插画【2.5d插画怎么做】

上图是一个窗户的基本形状，为后续使用“动作”做准备

建立AI动作

如下图所示，一个2.5D的等距形状主要有三个面，左边、右边、顶部，所以我们分别为他们建立一个动作。

2.5d插画【2.5d插画怎么做】

1.在窗口（W）菜单栏调出“动作”工具栏

打开动作，会弹出一个对话框，我们要新建一个动作集，随便起一个名字

2.5d插画【2.5d插画怎么做】

2.画3个一样的长方形，可以用颜色区分一下，分别代表左边、右边、顶部的动作，如下图所示

2.5d插画【2.5d插画怎么做】

3.回到“动作”对话框，选中我们新建的“动作集”，点击下方的“创建新动作”命名为“左边”

2.5d插画【2.5d插画怎么做】

4.选中第一个矩形，使用比例缩放工具进行缩放，缩放参数为：勾选不等比缩放、水平：82%、垂直：70.5%

2.5d插画【2.5d插画怎么做】

再使用“倾斜工具”角度参数设置为：-30°

2.5d插画【2.5d插画怎么做】

最后使用旋转工具，参数设置为-30°

这样我们就得到了如下图所示的左边等距图形，我们的第一个动作也就完成了，这时候，我们要点击动作的“停止按钮”

2.5d插画【2.5d插画怎么做】

接下来，我们来建立第2个动做。

重复上面的动作步骤作，选中我们新建的动作集，点击下方的“创建新动作”命名为“右边”，不一一说了，把参数给你，自己填参数就可以了。

左边：缩放参数为：勾选不等比缩放、水平：82%、垂直：70.5%

倾斜工具，角度参数设置为：30°

旋转工具，参数设置为30°

顶部：缩放参数为：勾选不等比缩放、水平：82%、垂直：70.5%

倾斜工具，角度参数设置为：30°

旋转工具，参数设置为-30°

最后我们就能得到三个动作了，如下图所示

2.5d插画【2.5d插画怎么做】

三个动作完成之后，再选中刚才我们画好的窗户，然后点击动作面板中的“右边”动作，点击“播放当前选中动作”进行一键生成。

2.5d插画【2.5d插画怎么做】

然后就会得到如图所示的2.5D等距窗户，我们只需要把窗户改一下颜色，就能使用了。

2.5d插画【2.5d插画怎么做】

基本到这来，教程就结束了，上面说到的参看线建模如果你觉得不方便，或者是不好操作，也可以直接使用AI的3D功能进行建模，这也是一种方法！

2.5d插画【2.5d插画怎么做】

下面欣赏一些别人的作品吧！

2.5d插画【2.5d插画怎么做】

2.5d插画【2.5d插画怎么做】

2.5d插画【2.5d插画怎么做】

2.5d插画【2.5d插画怎么做】

制图网(www.makepic.net)，专业的logo免费设计在线生成网站，全自动智能化logo设计，商标设计，logo在线生成！

欢迎使用制图网制作属于您公司自己的logo，不仅专业而且经济实惠，全方位满足您公司品牌化、视觉化的需求。

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)
请使用手机淘宝进行扫码