2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

时间:2019-10-30 09:30:01 来源:200家资讯商业网站打包发布 当前位置:使绊子 > 军事 > 手机阅读
2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

建立参考线

1.新建画布

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

(注:使用网格工具的时候,要先把填充关掉,描边打开,否则建不了网格)

(注:本教程建立的是1500*1500Px大小,纵横数量都为80的网格)

3.选中网格,旋转45°

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

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

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

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

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

建立AI动作

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

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

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

倾斜工具,角度参数设置为:30°

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

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

倾斜工具,角度参数设置为:30°

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

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

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

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

2.5D插画如此简单,掌握两点技巧你也能做,纯干货!

军事本月排行

军事精选