用最簡單的方法帶你玩轉(zhuǎn)Isometric風格祖灰,裝點你的演示文檔钟沛、你的平面設計所需。不需要理解原理局扶,不需要有過深的PS基礎恨统,操作簡單實用易上手!
阿隨君想做個不成熟的小預測三妈,請問小伙伴們不忙的時候畜埋,是不是都如上圖所示,把時間和自己交待給了手機君沈跨,不能自拔由捎。一般來說,虛度時光的姿勢也就是這樣了饿凛,兩耳不聞窗外事狞玛,一心全在玩手機。當然了涧窒,也有可能如下圖所示在玩游戲心肪,或者看韓劇。嗯纠吴,阿隨君貌似知道地有點多硬鞍,么么噠。
可人算不如上網(wǎng)算戴已,這好不容易閑了下來固该,隨便逛著Dribbble玩,一眼瞅到了一組Isometric (等距視角)風格的gif
萌萌噠還挺可愛糖儡,想想這也是一種風格啦伐坏,正好想起之前“doyoudo”網(wǎng)剛推了一節(jié)講述用AE制作這種風格的教程,用老師的話解釋Isometric握联,就是“幾何體沒有透視的效果”桦沉,誒每瞒,簡單地理解就是木有近大遠小之類的巴拉巴拉巴拉,反正看上去纯露,這種一個個小幾何體蠻有特點剿骨,比如下面這種。
看著眼饞埠褪,就琢磨起該怎么做了浓利?用AE制作當然也很方便了,通過“doyoudo”的課程也是可以快速上手啦组橄。不過荞膘,阿隨君作為“懶癌晚期病友圈”中的一員,就開始想有沒有更方便的實現(xiàn)方法呢玉工,可以將我們平時收藏的各種扁平化風格的圖標迅速做成Isometric呢羽资?
想到這,趕緊翻了翻自己的素材庫遵班,果然翻出了一枚該風格的PS動作預設——Standing Isometric Maker.atn
該動作最大的特點是:
1.簡單易用:一鍵播放屠升。
2.支持中文:支持多語言版本PS,中文版PS測試可用
那么狭郑,阿隨君先帶大家見識一下這個預設長什么樣腹暖,如圖所示。
在動作面板上展開該動作后翰萨,清晰可見脏答,其包含了四個分組,其中圖上“黃圖序號”的為主動作亩鬼,如文字解釋是分別向兩個方向變形的分類殖告,每組均有四種深度可選;圖上“紅色序號”1只有在你所打開的圖片不是RGB模式時使用雳锋,因為動作運行的前提是圖片必須是RGB模式黄绩,“紅色序號”2是為整個文件添加背景的操作,可選可不選玷过。
動作效果的兩個方向爽丹,四種深度的展示如下,一目了然辛蚊,按需選擇設置即可粤蝎。
好了,Isometric神器有了袋马,可到底怎么用呢诽里?阿隨君這就一一道來:
1.安裝動作預設
首先,還是照例跟大家啰嗦一下動作預設的安裝方法飞蛹,阿隨君推薦第三種:
1.直接雙擊動作預設文件谤狡;
2.在PS中,打開動作面板卧檐,然后通過面板上的上下午菜單選擇“載入動作”墓懂;
3.復制粘貼動作預設文件到PS的“預設>動作預設”文件夾
欲得預設,戳我哦? (有問題隨時簡信聯(lián)系哦)
2.播放動作
把要轉(zhuǎn)換成Isometric的圖片拖入PS中霉囚,然后捕仔,來到“動作”面板,如果你沒有發(fā)現(xiàn)該面板則可以通過“窗口>動作”菜單或者是直接按Alt+F9快捷調(diào)出動作面板盈罐。然后榜跌,在動作面板右上角的上下文菜單中點擊,選擇今天的動作預設“Standing Isometric Maker”載入到面板盅粪,這樣就可以一直使用了钓葫。
展開動作,按需選擇一種票顾,比如這里選擇了紅圈3“左向0.5px”的础浮,然后單擊紅圈4播放,稍等片刻奠骄,即可完成扁平化圖標的的 Isometric 化豆同。
3.添加背景
在上一步完成后,其實我們就可以收工了的含鳞。當時是鑒于動作里有“添加背景”這個操作影锈,所以就一起簡單介紹一下了。很簡單蝉绷,就如上圖所示鸭廷,按紅圈1先選中動作,然后按紅圈2播放鍵潜必,即可得到下圖靴姿。
我們從圖上可以看到動作添加的是一個漸變背景,紅圈1圖層是漸變方向的設置磁滚,雙擊紅圈2所在的縮略圖可以換背景的顏色佛吓,操作非常簡單,大家可以試一試垂攘。
然而维雇,還是很懶,腫么辦晒他?
嗯吱型,那就分享一套現(xiàn)成的圖標給小伙伴好了,當然僅限學習和練習使用哦陨仅。下面放幾張預覽圖津滞,更多的可以去鏈接里找哦铝侵,么么噠。對了触徐,這是套矢量圖標哦咪鲜,可以在AI看它們是如何繪制出來的,棒棒噠撞鹉。PS:如果大家喜歡這種風格疟丙,留言熱烈的話,阿隨君很可能就高高興興地再分享更多圖標包了哦鸟雏。
點我領取福利嘍? (提取碼:hd4x)
OK享郊,我就是那個愛折騰軟件的策劃君阿隨,沒事搞搞視頻孝鹊、聽聽Nirvana炊琉、讀讀陶淵明、看看戈達爾惶室,生活就很美好温自。
如果親愛的小伙伴喜歡這篇文章,阿隨這里賣萌求點贊求支持哦皇钞,么么噠悼泌。