这一篇主要是平面图到2.5D视图转变的基本过程演示并说明一下原理。
当然2.5D视图制作之前，最基本的就是等角网格线的绘制，这个是平面图到2.5D图等比转变的基础。
2.5D视图目前在电商网站海报上越来越多应用了，没有了解过2.5D视图的话，可以仔细这篇基础原理哦。
目前做这类海报用ai比较多，不过原理都是一样的。
对比图：
2.5D视图：
平面图：
现在说一下详细的操作步骤，主要分为等角网格线制作、平面图制作和2.5D图转化三部分。
2.5D图区别于3D图，也叫等距侧轴图，能看到的只有3个面，顶面和左右两个侧面；我们要做的当然不是随意画出一个2.5D图；而是根据平面图做出一个长宽和原图相符的等距侧轴图。那么我们就需要一个参考点和参考线，去确定比例，所以我们首先做一个等角等距网格线。
第一部分、等角等距网格线的制作
1.新建一个文件，大小根据自己的要求就可以。
2.首先要做一排铺满画布的直线，点击工具栏>直线工具；
填充颜色自选，好分辨的颜色就可以，粗细1像素；
画直线之前，可以先按ctrl和-，缩小画布，这样直线可以画长一些，要不然后面旋转后边缘会有缺；
先在左边，按住shift，向下拉出一条直线；
直线拉好后，点击工具栏，用直接选择工具；
按住ctrl alt，用鼠标去拖动直线，这样就可以复制并移动出一条新的直线；（不用在意位置和高度，后面可以一起调整）重复上一步，不断的拉出新的直线，直到画出足够的直线，如下图。
3.调整直线的间隔和位置。
用直线选择工具拖拽选中所有直线；
点击上方对齐工具，选择垂直居中；
这样所有直线就上下对齐了；
再点击对齐工具，选择按宽度均匀分布；
完成后，就有一个间隔相同，长度相同，上下对齐的直线群图层，为形状1。
4.复制组合成等角网格。
复制形状1图层，得到形状1副本图层；
点击编辑>变换>旋转（或者按ctrl T）；
上边栏的角度改成60度；（就是顺时针旋转60度）
改好后按enter确认修改；
得到如下一个顺时针60度斜线群；
再复制形状1图层，得到形状1副本2图层；
同样ctrl T到旋转界面，角度填-60度（逆时针旋转60度）；
按enter确认后，我们的等角等距网格线就完成了。（这个网格线的组成，应该都能看出来了，其实就是无数个正三角形组成的，等距就是正三角形的边长，等角就是等三角形的60度角。）
最后点击图层栏下标，右起第三个，建立网格线组，将网格线的三个图层拖进去，和后面要做的图区别开来。
到这里网格线部分就完成了，接下去我们要先做出平面图。
第二部分、平面图制作
平面图可以先做一个简单的，后期做复杂一些的，这个先熟悉一下。
1.首先新建一个图层，在网格组下一层，建立新图层，这样可以清晰看到网格参考线。
然后点击矩形工具，按住shift，在画布上脱出一个正方形，颜色用蓝色渐变色，如下图。
2.矩形图层上加一个文字图层，这里用PS两字母，颜色浅蓝色。
这样我们的平面图就做好了，这是很简单的平面图，接着我们要让它变得不简单。
第三部分、2.5D图转化
1.将底图转变成等角侧轴图。
当然不会让你用自由变换工具，手动旋转斜切，这样不准确；
首先选中矩形1图层，按ctrl T（或 编辑>变换>旋转），将上方的H值改为-30度；（H值即水平斜切值，可以理解为水平中心轴（黄线）不动，所有水平上的长度不变，整个平面，顺时针方向向两边，拉开30度）
角度改为30度。（即图形中心点不动，整个图片顺时针旋转30度）
然后需要将H即高度设置为86.6025%；这一步是为了将斜切后的两边边长（原正方形左右两边）变回原先的边长，这样才是等比例的变换。至于为什么是这个值，可以根据30度直角三角形去换算，高度应该变换成原先的二分之根号3（也就是0.866025），才能让拉长后的边长变回原先的长度。
到这里，正方形的变换就完成了；
接着选中PS字体图层，用同样的设置将字体也变换好，如下图。
字体层的宽度没拉好，所以稍微拖动到中间；嫌麻烦，可以格式化字体后，再选中就不会有多余的部分。
移动到上面一点，因为要做正方形2.5D的3面。
3.复制一个矩形1副本，键盘方向键向上移动一定距离，作为顶面；
4.侧面没有做，（一般来说在刚开始做平面图，就会画好侧面需要的图）可以复制一个矩形1图层，一条边旋转到水平，然后用矩形工具，做一个宽度一样的小矩形，即矩形2图层。
别忘了删掉或屏蔽复制的那个多余图层。
将小矩形图层复制一个，得到矩形2副本图层；
4.将矩形2副本变换成左侧边；按ctrl T，将V值改为30度（V值即垂直斜切值，可以理解为垂直中心轴（黄线）不动，所有垂直长度不变，整个平面，顺时针方向，向上下拉开30度），w值即宽度改为86.6025%。这样左侧面就做好了；
将做好的左侧面移动到贴合好矩形1图形左侧边；
5.将矩形2变换成右侧边；按ctrl T，将V值改为-30度（V值即垂直斜切值，可以理解为垂直中心轴（黄线）不动，所有垂直长度不变，整个平面，逆时针方向，向上下拉开30度），w值即宽度改为86.6025%。这样右侧面就做好了；
将做好的右侧面移动到贴合好矩形1图形右侧边；
最后，将左侧面（矩形2副本）的颜色变换到浅一度的颜色；
这样正方形的2.5D图就做好了
6.到上一步，基本过程就完成了；
为了让PS文字也加入进来，所以重新输入PS正面文字，按照上一步中左侧面的设置，制作好PS侧面效果，如下图；
复制一次PS侧面图层，移动一定的距离，这个移动一定要沿着网格线的斜线移动，才会达到准确的视图效果。
7.接下来要做文字的右侧面，因为是曲面，只要将一个最外面的两点链接填充颜色就可以，连接线一定要与参考线平行。（当然最好还是做矩形，再根据第5步中的右侧面变化，复制几次，移动到下图相应的几个地方，这样最为准确）
做好之后，可以得到如下图；
移动到相应位置，就完成了。
我们来看一下最终对比图：
看完一遍，立马动手做一下哦！
,
