今天老夫来教大家如何绘制2.5D等距画风，2.5D可以理解为在2D平面上来表现3D立体感，等距理解为画面没有透视关系和整个画面的视角角度有讲究，准备好接受老夫的功力了吗？

先看看其他道友做的：

大家的第一眼可能感觉有点复杂，不知道该怎么画，其实这些都是由最基本的形状组合起来的，老夫今天就来指导大家如何修炼这套功法。

首先，我们先要了解这套功法（整个画面的视角）：

可以看出这个立方体是由正菱形组成的，菱形的四个内角分别是60°、120°、60°、120°，可以看成是左右两个正三角形组成的，接下来我们开始修炼

♦  功法第一章：立方体

第一套口诀（方法）：

用多边形工具一个正三角形，使用自由变换把数值改成整数，删除锚点工具删除多余的锚点，随后复制一个旋转180°：

将这个形状合并，复制两个出来，一个旋转60°，另一个-60°，可能需要调整锚点来去除虚边，调整好位置：

第二套口诀：

先画一个200*200的正方形，在自由变换中，按下图设置：

这样也能得到目标形状，至于为什么要把宽度缩放到86.6%呢，原因如下：

图中的斜线为横线斜切-30°后得到的，可以看出这是一个30°的直角三角形，且经过斜切后，横线被拉长了，具体倍数为√3/2≈0.866，所以只需要把斜切后的横线宽度缩放为86.6%就能保持原有的宽高比。

第三套口诀：

先用第二种方法做一个正菱形：

可以看到菱形的边长和高都一样

这时我们再做一个200*200的正方形，旋转45°：

我们现在调整第二个形状使其得到第一个形状就能得到换算百分比，老夫算了一卦：高的比率=200÷200√2≈0.71，宽的比率=200√3÷200√2≈1.22，所有我们只需要把第二个形状的高设为71%，宽设为122%就能得到第一个形状，下面做其他形状就会用到这个比率。

♦  功法第二章：中心对称体

先看封面的这两个形状：

主要说下六芒星形状的做法，另一个八角星，相信我辈修士都能举一反三

先画个正三角形，边长240，删除多余锚点：

复制一个上下颠倒，移动到图示位置：

合并形状后，旋转30°，根据上一章功法的规律，将高设为71%，宽设为122%，然后调整锚点，去掉虚边：

要做出厚度的话先画个矩形，调整好形状，由于形状不可能完美，所以会有缝隙，我们可以超出一部分，让上面的形状盖住它：

复制出来得到其他几个，并根据光线方向，加上颜色：

♦  功法第三章：圆角长方形

先画一个400*200的长方形，加上12px圆角

自由变换——斜切30°，旋转-60°（如果对宽度没有要求的话，这么可以不用缩放宽度到86.6%）：

复制一层往下移：

在空隙的地方画上矩形遮盖，并合并形状：

加上渐变色来看看效果：

我这里做了高光效果，不做也是OK的

♦  功法第四章：三角形

这次我们做一个水平方向上有厚度的，老规矩，去除多余锚点，自由变换（上下斜切30°）：

复制一个移动，找一个之前画的长方形来做参考：

再画一个长方形，注意它的宽度：

上下斜切-30°，然后同时选中上面两个锚点，捕捉到目标位置：

♦  功法第五章：楼梯

做一个矩形，再复制一个：

下面的上下斜切30°，上面的上下斜切-30°，旋转60°，顺便改个颜色：

多复制几个

画一个矩形在最下面

斜切-30°，移动到合适位置，并调整下锚点，顺便改个颜色：

♦  功法第六章：钢架

打一套基础功法：菱形，去掉填充，加上描边（最好是偶数粗细）

多打几套堆在一起，注意连接点的准确度

做3根棍子支撑一下，棍子的粗细与上面保持一致

到这里相信不少道友已经能够看出来功法奥妙了，没看出来也不要紧，我们在重复运一次功，整体复制一个，然后旋转1/6周天（60°）

然后将其重合在之前那一套上的合适位置

有点误差是正常的，因为是Ps，用AI的话会好很多，我们稍微手动调整下

是不是看起来像立体的钢架结构了

♦  功法进阶篇：笔记本电脑

学习完基础功法后，老夫来带各位学习进阶功法，对于小修士（萌新）来说就会有点难度了，这次带大家观想一套笔记本电脑

我们先做主机部分，先做一个长方形作为主机，再规划好键盘和触摸板的位置，大家可以找一找真机图片来观察

键盘如果要真实还原的话是很费时间的，老夫这里推荐抽象画法，先画几条横着的线条

然后添加竖着的线条，复制后移动到合适的位置，这一步各位随意发挥

然后将最大的灰色矩形复制一个备用，其他的所有图层建一个组；我们再简单处理下背景用来做一个参考系（背景中斜线与水平方向的夹角为30°）

然后我们对这个组打出本套功法的基础部分（忘了的可以回到上面去看看）

再然后，拿出刚才复制的那个矩形，我们接着做显示器部分，先简单的将屏幕区域规划出来

增加亿点细节，这里的内容各位随意发挥，老夫用的是门派吉祥物

加一点反光细节，先做个白色矩形放在下图位置

将白色矩形的填充改为0，再为其添加渐变叠加（渐变色两边都为白色，左边的不透明度0%，右边30%）

最后的效果如下

再次对其使用本套功法的基础部分

最后把两部分拼在一起，这里老夫聊发少年女心，换了个pink

最最后给主机和屏幕增加一个厚度就完成了（不知道怎么增加的道友，老夫建议你先学好基础功法）

Powered by Froala Editor