2.5d插画的制作步奏-流行的2.5D风格，PPT一键生成

如何用AI绘制2.5D插画

我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画。

工具/材料

Adobeillustrator

01

打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。

02

创建完成之后,我们在左侧工具栏中选择“矩形工具”,以2.5D矩形绘制为例。

03

选择矩形工具之后,在画布中绘制一个矩形,按住shift可绘制正方形。

04

矩形绘制完成之后,在上方选项中点击“效果-3D-凸出和斜角”

05

进入3D面板,在位置选项中我们能够看到多种可进行选择的角度,一般来说我们都是选择等角,上下左右根据需求来选择。

06

例如我们选择等角-上方,选择之后勾选预览即可查看效果,调整凸出厚度,点击“确定”即可。

07

确定之后我们就快速绘制了一个2.5D基础形状,这个时候要进行扩展,选择“对象-扩展外观”

08

扩展外观之后,右键点击形状,点击“取消编组”,一直取消到没有编组存在即可。

09

编组完全取消之后,我们就能够针对形状的不同面进行调整处理,然后根据自己的想象,利用基础2.5D形状就能够来组合了。

2.5D俗称“伪3D",介于2D与3D之间,是当下最流行的一种设计风格之一,无论是在平面海报设计、Banner,还是UI、网页设计等都十分常见。

APP启动界面

2.5D插画

技术架构图

当然这些案例作品网上还有很多,大家只要在百度或者花瓣、站酷上输入关键词“2.5D”进行搜索,就可以找到一大堆2.5D风格的各种作品。

其实,大家只要认真观察,上面的几个作品,就会发现这一类作品都具有两个***同点:

在PPT中刚好有对应的三个三维旋转预设对应以上倾斜的角度以及三个面。

利用这三个预设,我们就可以一键生成当下流行的2.5D。

像以上这个技术架构图,利用这三个预设,我们也是可以一键生成的。我们可以看到这个技术架构图是由底座、承载信息的容器、文字组成。

然后改变底座的颜色即可得到以上三个底座

利用同样的原理,就可以得到底层三个大的底座

像下面这三个承载信息的容器同样也是利用三个三维旋转预设完成的

然后改变颜色即可得到三个不同颜色的容器

最后贴上文字即可

根据上面的步骤和原理,那么第三个底座,也可以一键生成

最后复制粘贴,再替换文字内容即可,具体请看动图演示

当然做2.5D插画也是完全OK的,比如下面这张2.5D插画

我们来看看动图的拼接过程,就知道这个过程是多么的行云流水,仅仅只是这三个预设即可一键生成。

好了,各位,本期的分享就到这里了~

今天小编讲解了在ai设计2.5D风格三角形建筑图标步骤,下文就是关于在ai设计2.5D风格三角形建筑图标的教程,一起来学习吧。

做参考线

打开AI,ctrl+n新建一个800*600,颜色模式为RGB的画布,如下图;

用左侧工具栏里直线工具,画一条长度超过画布的直线,开始画之后按住shift,可以画出一条垂直的直线,按住alt键上下拨动滚轮,可以放大或缩小画布,如下图;

用左侧工具栏里的小黑选择工具选中画好的这条线,按住alt往外拖,复制一个,然后按ctrl+d,就会复制出跟刚才托德距离相同的直线,一直复制到占满画布(注意,直线的个数必须是奇数!),如下图;

用小黑工具,框选画好的所有直线,按住r+enter,会弹出下图窗口,角度改为60度,然后点击复制,然后再重复按住r+enter,参数跟刚才一样,再复制一次,参考线就做好啦,效果如下图;

参考线做好的样子一定要跟上图像素妹的一样哦,如果不一样,就检查一下,旋转复制之前,画的直线的个数是不是奇数,一定要是奇数才可以哦～

上色

选择左侧工具栏里的实时上色工具(如下图),把工具栏最下侧那里的填充打开,选一个颜色(像素妹选的颜色色值在下图哦),描边去掉,如下图;

用实时上色工具点选参考线组成的小格子,把我们要画的这个三角形矛盾空间的外形先勾勒出来。值得一提的是,如果在画参考线的那一步,线的距离比较近,格子比较小则上色时需要多选几格,如果格子做的比较大,就可以少选几格,对比如下图;

给画好轮廓的矛盾空间加上明暗关系,让它立体起来,呈现出2.5D的效果。还是选择实时上色工具,同色系换个比刚才填充的再暗点的颜色(像素妹的色值在下图),填充两个面,如下图;

选择实时上色工具,仍然是同色系,换一个更暗的颜色(下图有像素妹色值),再填充两个最暗面,矛盾空间的感觉就出来啦,如下图。

到这一步心急的朋友是不是以为已经画完啦,那这整个画布的参考线怎么办呢?

去除参考线

用小黑选择工具,框选全部参考线和形状,执行最上面工具栏中的对象—扩展,把弹出的对话框三个选项都勾选,点击确定,如下图;

ai|