【懒人神器】一键玩转Isometric 3D（等距视角）风格图标，不怕你不懂原理没基础

转眼又是一个五月，携带着满到还溢不出来只能撑着的忙碌，可算熬到了周末双休日，一般来说，虚度时光的姿势应该是下面这样的，两耳不闻窗外事，一心只玩游戏机

（By Aga Kozak）

或者，是这样的，一猛子扎到了手机里

  （By chris）

可人算不如上网算，随便逛着Dribbble玩，一眼瞅到了一组Isometric （等距视角）风格的gif

（By Beresnev）

萌萌哒还挺可爱，想想这也是一种风格啦，正好前几天“doyoudo”网刚推了一节讲述用AE制作这种风格的教程，用老师的话解释Isometric，就是“几何体没有透视的效果”，诶，简单地理解就是木有近大远小之类的巴拉巴拉巴拉，反正看上去，这种一个个小几何体蛮有特点，比如下面这种。

 

看着眼馋，就琢磨起该怎么做了？用AE制作当然也很方便了，通过“doyoudo”的课程也是可以快速上手啦。不过，阿随君作为“懒癌晚期病友圈”中的一员，就开始想有没有更方便的实现方法呢，可以将我们平时收藏的各种扁平化风格的图标迅速做成Isometric呢？

（快速搜索神器妙法中 By Aga Kozak） 

想到这，赶紧翻了翻自己的素材库，果然翻出了一枚该风格的PS动作预设——Standing Isometric Maker.atn

 

该动作最大的特点是：

1.简单易用：一键播放。

2.支持中文：支持多语言版本PS，中文版PS测试可用

 

那么，阿随君先带大家见识一下这个预设长什么样，如图所示。

在动作面板上展开该动作后，清晰可见，其包含了四个分组，其中图上“黄图序号”的为主动作，如文字解释是分别向两个方向变形的分类，每组均有四种深度可选；图上“红色序号”1只有在你所打开的图片不是RGB模式时使用，因为动作运行的前提是图片必须是RGB模式，“红色序号”2是为整个文件添加背景的操作，可选可不选。

 

动作效果的两个方向，四种深度的展示如下，一目了然，按需选择设置即可。

好了，Isometric神器有了，可到底怎么用呢？阿随君这就一一道来：

1.安装动作预设

首先，还是照例跟大家啰嗦一下动作预设的安装方法，阿随君推荐第三种：

1. 直接双击动作预设文件；

2. 在PS中，打开动作面板，然后通过面板上的上下午菜单选择“载入动作”；

3. 复制粘贴动作预设文件到PS的“预设>动作预设”文件夹

2.播放动作

把要转换成Isometric的图片拖入PS中，然后，来到“动作”面板，如果你没有发现该面板则可以通过“窗口>动作”菜单或者是直接按Alt+F9快捷调出动作面板。然后，在动作面板右上角的上下文菜单中点击，选择今天的动作预设“Standing Isometric Maker”载入到面板，这样就可以一直使用了。

展开动作，按需选择一种，比如这里选择了红圈3“左向0.5px”的，然后单击红圈4播放，稍等片刻，即可完成扁平化图标的的 Isometric 化。

 

3.添加背景

 

在上一步完成后，其实我们就可以收工了的。当时是鉴于动作里有“添加背景”这个操作，所以就一起简单介绍一下了。很简单，就如上图所示，按红圈1先选中动作，然后按红圈2播放键，即可得到下图。

 

我们从图上可以看到动作添加的是一个渐变背景，红圈1图层是渐变方向的设置，双击红圈2所在的缩略图可以换背景的颜色，操作非常简单，大家可以试一试。

 

好了，这就是今天分享的懒人神器教程分享了。大好的周末，阿随君继续去两耳不闻窗外事啦。

请关注评论区的获取办法。