三分钟玩转Isometric图标,不怕你不懂原理没基础

用最简单的方法带你玩转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、读读陶渊明、看看戈达尔,生活就很美好。

如果亲爱的小伙伴喜欢这篇文章,阿随这里卖萌求点赞求支持哦,么么哒。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容