PS 一分钟快速实现 2.5D 立体效果图

今天给大家分享一种 PS 快速创作 2.5D 立体效果图，也就是轴测图的方法。

目前轴侧图的主流方法是利用轴测空间参考线，绘制每一个面，然后逐个进行拼合。但其实这种方法较为麻烦和复杂。今天跟大家分享一种更为便捷的方法，利用一些几何技巧，将平面元素轻松快捷地变为轴测图。

下面我以 dribbble 上目前比较热门的一个作品为例来代练。这个作品由左右两个手柄和中间的屏幕构成，绘制的原理都是一样的，时间关系咱们以右边这一部分也就是红色的手柄为例。

首先把各个平面元素绘制出来；

然后把这些平面元素给放置在轴测空间，也就是视觉上给他们放倒。怎么操作呢？

选中所有元素之后，第一步，cmd + t 自由变换，将高度设置为 86%；

第二步，将水平倾斜度设置为 30 度；

第三步，将旋转角度设置为 -30 度；

我们可以看到这个手柄就已经放倒了。但是这还只是个平面，我们还需要一个厚度。继续第四步：

按 v 切换至移动工具之后，选中一个图层，按住 alt 键，同时按住方向键中的下键，就在该元素的下方一像素的位置复制了一层。通过这种方式向下复制很多层，就创建出来了厚度。我这里一共向下复制30次，这样，我们就快速创作好了轴测图；

以上就是快速创作轴测图的基础步骤，非常简单快捷，不到一分钟就完成了，接下来可以进行进一步的细节处理。比如说可以来为不同的面填充颜色，比如说侧面：

将侧面的下面25层 cmd + e 合层，换一个深一点儿的颜色。然后把最上面那层移到上面来；

接下来把侧面的上面 5 层 cmd + e 合层，换一个颜色填充，然后移到上面来，这样让侧面结构更有细节更有层次感。这样侧面的颜色也都填充好了；

但是我们其实知道，侧面其实是有两个面的，我们可以为侧面的两个面分别填充颜色。方法有很多种，这里我们通过图层蒙版来实现。首先 cmd + j 复制一层；然后用矩形工具画出需要建立的蒙版的范围；

然后按 v 切回移动工具，按住 cmd 键，点击刚刚画的矩形的图层，这样就框选出了矩形的这块区域；

然后点击需要建立蒙版的图层，直接点击下方的添加图层蒙版按钮，这样就为图层添加了蒙版，蒙版区域就是刚刚框选的区域，也就是之前所画矩形的范围，然后就可以把那个矩形删掉了；

建立好蒙版之后，就可以为这一个侧面单独填充颜色了，我们可以换一个较亮的颜色；

同样的方法我们给右边侧面的下面部分也填充单独的颜色，并且不需要重新创建蒙版：

把现有的蒙版与图层取消链接，把下部侧面 cmd + j 复制一层之后，按住 alt，拖动图层蒙版到下面，这样就为下面这一部分也添加了相同的图层蒙版，然后就可以单独填充颜色了；

进一步添加细节，把手柄上的按钮给突出起来，选中按钮，alt 加上键向上复制图层；

我们把最上层作为顶面，下面几层合层作为侧面，因为我这里是组的形式，不能像形状图层那样直接改变颜色，没关系，我们可以用图层样式进行颜色叠加。换一个比较深的颜色；

同样的方法处理其他按钮；

摇杆键这一块要注意一下，因为摇杆键是下面的摇杆支撑起来的，所以我们事先在平面的时候就要画出遥杆部分，然后摇杆和上部的摇杆键分别建立厚度后，要将摇杆盘浮起来一些，也就是往上位移一些，构建出整个摇杆键的结构关系；

好了，整个轴测图差不多也就做好了，当然还可以继续添加很多细节，比如说可以叠加一些渐变、纹理，添加一些阴影之类。不过大的方法就是这样了。当然，这种方法还可以创建诸如这些效果的手机界面或者 Web 界面的轴侧图展示。

最后总结一下关键要点：

绘制平面元素；

cmd + t 自由变化，高度设置为 86%；

将水平倾斜设置为 30 度；

将旋转角度设置为 -30 度；

通过 alt + 上/下键添加厚度；

通过合层和图层蒙版进行颜色填充。

好了今天的分享就是这些，谢谢大家！