用最简单的方法带你玩转Isometric风格，装点你的演示文档、你的平面设计所需。不需要理解原理，不需要有过深的PS基础，操作简单实用易上手！
By chris
阿随君想做个不成熟的小预测，请问小伙伴们不忙的时候，是不是都如上图所示，把时间和自己交待给了手机君，不能自拔。一般来说，虚度时光的姿势也就是这样了，两耳不闻窗外事，一心全在玩手机。当然了，也有可能如下图所示在玩游戏，或者看韩剧。嗯，阿随君貌似知道地有点多，么么哒。
By Aga Kozak
可人算不如上网算，这好不容易闲了下来，随便逛着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所在的缩略图可以换背景的颜色，操作非常简单，大家可以试一试。
然而，还是很懒，肿么办？
嗯，那就分享一套现成的图标给小伙伴好了，当然仅限学习和练习使用哦。下面放几张预览图，更多的可以去链接里找哦，么么哒。对了，这是套矢量图标哦，可以在AI看它们是如何绘制出来的，棒棒哒。PS：如果大家喜欢这种风格，留言热烈的话，阿随君很可能就高高兴兴地再分享更多图标包了哦。
点我领取福利喽 （提取码：hd4x）
OK，我就是那个爱折腾软件的策划君阿随，没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔，生活就很美好。
如果亲爱的小伙伴喜欢这篇文章，阿随这里卖萌求点赞求支持哦，么么哒。
网友评论