2.5D插画是现在比较有名的插画类型,你想要学习制作2.5D插画吗?下面为大家分享2.5D商业中心插画的绘制方法,希望大家可以学习。
效果图:

制作过程:

1、使用多边形工具绘制一个正三角形,使用Ctrl+T“自由变换”调整,使用锚点工具删除多余的锚点,再复制一个三角形并旋转180°。

2、将两个正三角形合并,再复制两个,一个旋转60°,另一个-60°,调整锚点来去除虚边,调整位置:

3、绘制一个200*200的正方形,使用Ctrl+T“自由变换”按下图设置:

这时可以发现前面的步骤只对正方形有用,对其他形状就不管用了,所以我们可以使用下面方法绘制。
4、先绘制一个正菱形,再绘制一个200*200的正方形,旋转45°:


调整第二个形状使其得到第一个形状,就能得到换算百分比:高的比率=200÷200√2≈0.71,宽的比率=200√3÷200√2≈1.22,所以要把第二个形状的高设为71%,宽设为122%就能得到第一个形状,下面其他形状也可以使用这个比率。
现在开始绘制下面图形,这里主要讲六芒星形状的制作方法,图中八边形可以根据这个方法绘制。

5、先画个正三角形,边长240,删除多余锚点。然后复制一个旋转180度并移动,合并形状。


旋转30°,将高设为71%,宽设为122%,调整锚点,去掉虚边。再复制一个放到下面。

绘制一个矩形,调整好形状,由于形状不可能完美,所以会有缝隙,我们可以超出一部分,让上面的形状盖住它:

复制矩形,调整位置,并根据光线方向,添加颜色。六芒星形状绘制完成。

6、圆角三角形绘制:先画一个400*200的长方形,设置圆角:12px。

Ctrl+T自由变换:斜切30°,旋转-60°,复制一层往下移动。

在空隙的地方绘制一个矩形遮住,并合并形状,添加渐变色。


7、制作水平方向上有厚度的三角形,绘制一个三角形,去除多余锚点,Ctrl+T自由变换调整三角形数值。


然后复制三角形并移动,复制一个之前制作的长方形放到下面。

再画一个长方形,上下斜切-30°,然后同时选中上面两个锚点,捕捉到目标位置。


8、楼梯绘制:制作一个矩形并复制。

下面的矩形上下斜切30°,上面的矩形上下斜切-30°,旋转60°,并更改颜色。多复制几个,并组合在一起。


然后绘制一个矩形,斜切-30°,移动到合适位置,并调整下锚点,修改颜色。


9、2.5D商业中心插画绘制原理已经讲完了,大家可以根据这些方法自己绘制出非常丰富的图形。
