用最简单的方法带你玩转Isometric风格,装点你的演示文档、你的平面设计所需。不需要理解原理,不需要有过深的PS基础,操作简单实用易上手!
阿随君想做个不成熟的小预测,请问小伙伴们不忙的时候,是不是都如上图所示,把时间和自己交待给了手机君,不能自拔。一般来说,虚度时光的姿势也就是这样了,两耳不闻窗外事,一心全在玩手机。当然了,也有可能如下图所示在玩游戏,或者看韩剧。嗯,阿随君貌似知道地有点多,么么哒。
可人算不如上网算,这好不容易闲了下来,随便逛着Dribbble玩,一眼瞅到了一组Isometric (等距视角)风格的gif
萌萌哒还挺可爱,想想这也是一种风格啦,正好想起之前“doyoudo”网刚推了一节讲述用AE制作这种风格的教程,用老师的话解释Isometric,就是“几何体没有透视的效果”,诶,简单地理解就是木有近大远小之类的巴拉巴拉巴拉,反正看上去,这种一个个小几何体蛮有特点,比如下面这种。
看着眼馋,就琢磨起该怎么做了?用AE制作当然也很方便了,通过“doyoudo”的课程也是可以快速上手啦。不过,阿随君作为“懒癌晚期病友圈”中的一员,就开始想有没有更方便的实现方法呢,可以将我们平时收藏的各种扁平化风格的图标迅速做成Isometric呢?
想到这,赶紧翻了翻自己的素材库,果然翻出了一枚该风格的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、读读陶渊明、看看戈达尔,生活就很美好。
如果亲爱的小伙伴喜欢这篇文章,阿随这里卖萌求点赞求支持哦,么么哒。