说起「Isometric」风格，可能有些人比较陌生，如果说 2.5D 风格，或者《纪念碑谷》风格，大家应该就明白了。「Isometric」已经是插画风格的一种了，指的是一种在二维平面呈现三维物体的风格。今天我们介绍的这个 Plugin，就可以轻松绘制出「Isometric」风格。
之所以想起写这个插件，是因为我的一个朋友之前问我如何才能制作一个 2.5D 风格的楼梯，通常比较简单的方法是使用 AI 的 3D 功能制作。之后我就想介绍一下如何在 Sketch 中完成，在 2014 年我刚接触 Sketch 的时候，也画过一次《纪念碑谷》的插画，在文末我也会说一下如何用最原始的参考线方法来绘制。
双击 Sketch-Isometric.sketchplugin 完成安装
在 Sketch 中创建 Artboard 或者绘制一个矩形；
选中 Artboard 或者绘制的矩形执行「Plugins - Sketch Isometric - Generate Isometric View」或者使用快捷键 ⌃Control + ⇧Shift + I；
在弹出的对话框中进行属性设置；
1. 绘制一个矩形。
2. 选中该矩形，执行「Plugins - Sketch Isometric - Generate Isometric View」或者使用快捷键 ⌃Control + ⇧Shift + I，在弹出的对话框中，设置相应的属性。
3. 你可以在弹出的对话框中，设置旋转的方向，倾斜角度，图形高度和缩放比例，调整到自己满意后，点击「Done」完成设置。
4. 选中对应的图层，可以更改成自己想要的颜色。
5. 接下来就是发挥你想象力的时候了，例如你可以做一个魔方出来。
借助「Magic Mirror」这个 Plugin，我们可以将顶部的图层替换成自己想要的 Artboard，通过这种方式，我们可以快速制作一个手机设计界面的展示模型。
PS，关于 Magic Mirror 的详细介绍，可以参考 @Minja 的「轻松展示作品：Magic Mirror 3」。
1. 选中想要自定义为顶部图像的 Artboard，执行「Plugins - Sketch Isometric - Generate Isometric View」或者使用快捷键 ⌃Control - ⇧Shift - I，制作一个展示模型。
2. 选中想要自定义为顶部图像的 Artboard，在右侧的 Magic Mirror 3 面板中，勾选「Include In Artboards」，将该 Artboard 添加到 Magic Mirror 3 中。
3. 选中展示模型的顶层图层，然后在右侧的 Magic Mirror 3 面板中，选择刚才添加的 Artboard。
4. 之后再对其他侧面进行自己喜爱颜色的设置，一个手机设计界面的展示模型就制作完成了。
通过这个 Plugin，我们可以轻松的制作出「Isometric」风格的插画，也可以借助「Magic Mirror」这个 Plugin 制作界面展示模型。目前该 Plugin 只支持矩形，而且并不支持圆角，如果想要绘制其他形状的话，还是只能自己进行绘制，希望在以后的版本中，能够支持这些功能。
我们知道了如何使用这个 Plugin，那么我们如何不借助 Plugin 来绘制这种「Isometric」风格的插画呢？我们只要自己动手来绘制一套参考线，之后就可以轻松的绘制了。
1. 先绘制一条 1px 的竖线，复制多条并保证间距为 9px 的整数倍。
2. 将这些竖线放入一个 Group 中，然后复制一个，并旋转 60°。
3. 选中已经旋转 60° 的参考线，然后再复制一个，并且水平翻转。
4. 当你完成这 3 组辅助线之后，你就可以看到排列起来的立方体了，通过这个辅助线，就可以制作出「Isometric」风格的插画了。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。