PS 一分鐘快速實(shí)現(xiàn) 2.5D 立體效果圖

今天給大家分享一種 PS 快速創(chuàng)作 2.5D 立體效果圖哲鸳,也就是軸測(cè)圖的方法臣疑。

目前軸側(cè)圖的主流方法是利用軸測(cè)空間參考線,繪制每一個(gè)面徙菠,然后逐個(gè)進(jìn)行拼合讯沈。但其實(shí)這種方法較為麻煩和復(fù)雜。今天跟大家分享一種更為便捷的方法婿奔,利用一些幾何技巧缺狠,將平面元素輕松快捷地變?yōu)檩S測(cè)圖。

下面我以 dribbble 上目前比較熱門的一個(gè)作品為例來代練萍摊。這個(gè)作品由左右兩個(gè)手柄和中間的屏幕構(gòu)成挤茄,繪制的原理都是一樣的,時(shí)間關(guān)系咱們以右邊這一部分也就是紅色的手柄為例冰木。

首先把各個(gè)平面元素繪制出來穷劈;

然后把這些平面元素給放置在軸測(cè)空間,也就是視覺上給他們放倒踊沸。怎么操作呢歇终?

選中所有元素之后,第一步逼龟,cmd + t 自由變換评凝,將高度設(shè)置為 86%;

第二步腺律,將水平傾斜度設(shè)置為 30 度奕短;

第三步宜肉,將旋轉(zhuǎn)角度設(shè)置為 -30 度;

我們可以看到這個(gè)手柄就已經(jīng)放倒了翎碑。但是這還只是個(gè)平面谬返,我們還需要一個(gè)厚度。繼續(xù)第四步:

按 v 切換至移動(dòng)工具之后杈女,選中一個(gè)圖層朱浴,按住 alt 鍵,同時(shí)按住方向鍵中的下鍵达椰,就在該元素的下方一像素的位置復(fù)制了一層翰蠢。通過這種方式向下復(fù)制很多層,就創(chuàng)建出來了厚度啰劲。我這里一共向下復(fù)制30次梁沧,這樣,我們就快速創(chuàng)作好了軸測(cè)圖蝇裤;

以上就是快速創(chuàng)作軸測(cè)圖的基礎(chǔ)步驟廷支,非常簡(jiǎn)單快捷,不到一分鐘就完成了栓辜,接下來可以進(jìn)行進(jìn)一步的細(xì)節(jié)處理恋拍。比如說可以來為不同的面填充顏色,比如說側(cè)面:

將側(cè)面的下面25層 cmd + e 合層藕甩,換一個(gè)深一點(diǎn)兒的顏色施敢。然后把最上面那層移到上面來;

接下來把側(cè)面的上面 5 層 cmd + e 合層狭莱,換一個(gè)顏色填充僵娃,然后移到上面來,這樣讓側(cè)面結(jié)構(gòu)更有細(xì)節(jié)更有層次感腋妙。這樣側(cè)面的顏色也都填充好了默怨;

但是我們其實(shí)知道,側(cè)面其實(shí)是有兩個(gè)面的骤素,我們可以為側(cè)面的兩個(gè)面分別填充顏色匙睹。方法有很多種,這里我們通過圖層蒙版來實(shí)現(xiàn)谆甜。首先 cmd + j 復(fù)制一層垃僚;然后用矩形工具畫出需要建立的蒙版的范圍;

然后按 v 切回移動(dòng)工具规辱,按住 cmd 鍵,點(diǎn)擊剛剛畫的矩形的圖層栽燕,這樣就框選出了矩形的這塊區(qū)域罕袋;

然后點(diǎn)擊需要建立蒙版的圖層改淑,直接點(diǎn)擊下方的添加圖層蒙版按鈕,這樣就為圖層添加了蒙版浴讯,蒙版區(qū)域就是剛剛框選的區(qū)域朵夏,也就是之前所畫矩形的范圍,然后就可以把那個(gè)矩形刪掉了榆纽;

建立好蒙版之后仰猖,就可以為這一個(gè)側(cè)面單獨(dú)填充顏色了,我們可以換一個(gè)較亮的顏色奈籽;

同樣的方法我們給右邊側(cè)面的下面部分也填充單獨(dú)的顏色饥侵,并且不需要重新創(chuàng)建蒙版:

把現(xiàn)有的蒙版與圖層取消鏈接,把下部側(cè)面 cmd + j 復(fù)制一層之后衣屏,按住 alt躏升,拖動(dòng)圖層蒙版到下面,這樣就為下面這一部分也添加了相同的圖層蒙版狼忱,然后就可以單獨(dú)填充顏色了膨疏;

進(jìn)一步添加細(xì)節(jié),把手柄上的按鈕給突出起來钻弄,選中按鈕佃却,alt 加上鍵向上復(fù)制圖層;

我們把最上層作為頂面窘俺,下面幾層合層作為側(cè)面饲帅,因?yàn)槲疫@里是組的形式,不能像形狀圖層那樣直接改變顏色批销,沒關(guān)系洒闸,我們可以用圖層樣式進(jìn)行顏色疊加。換一個(gè)比較深的顏色均芽;

同樣的方法處理其他按鈕丘逸;

搖桿鍵這一塊要注意一下,因?yàn)閾u桿鍵是下面的搖桿支撐起來的掀宋,所以我們事先在平面的時(shí)候就要畫出遙桿部分深纲,然后搖桿和上部的搖桿鍵分別建立厚度后,要將搖桿盤浮起來一些劲妙,也就是往上位移一些湃鹊,構(gòu)建出整個(gè)搖桿鍵的結(jié)構(gòu)關(guān)系;

好了镣奋,整個(gè)軸測(cè)圖差不多也就做好了币呵,當(dāng)然還可以繼續(xù)添加很多細(xì)節(jié),比如說可以疊加一些漸變侨颈、紋理余赢,添加一些陰影之類芯义。不過大的方法就是這樣了。當(dāng)然妻柒,這種方法還可以創(chuàng)建諸如這些效果的手機(jī)界面或者 Web 界面的軸側(cè)圖展示扛拨。

最后總結(jié)一下關(guān)鍵要點(diǎn):

繪制平面元素;

cmd + t 自由變化举塔,高度設(shè)置為 86%绑警;

將水平傾斜設(shè)置為 30 度;

將旋轉(zhuǎn)角度設(shè)置為 -30 度央渣;

通過 alt + 上/下鍵添加厚度计盒;

通過合層和圖層蒙版進(jìn)行顏色填充。

好了今天的分享就是這些痹屹,謝謝大家章郁!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市志衍,隨后出現(xiàn)的幾起案子暖庄,更是在濱河造成了極大的恐慌,老刑警劉巖楼肪,帶你破解...
    沈念sama閱讀 221,820評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件培廓,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡春叫,警方通過查閱死者的電腦和手機(jī)肩钠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來暂殖,“玉大人价匠,你說我怎么就攤上這事∏好浚” “怎么了踩窖?”我有些...
    開封第一講書人閱讀 168,324評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)晨横。 經(jīng)常有香客問我洋腮,道長(zhǎng),這世上最難降的妖魔是什么手形? 我笑而不...
    開封第一講書人閱讀 59,714評(píng)論 1 297
  • 正文 為了忘掉前任啥供,我火速辦了婚禮,結(jié)果婚禮上库糠,老公的妹妹穿的比我還像新娘伙狐。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評(píng)論 6 397
  • 文/花漫 我一把揭開白布鳞骤。 她就那樣靜靜地躺著窒百,像睡著了一般黍判。 火紅的嫁衣襯著肌膚如雪豫尽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評(píng)論 1 310
  • 那天顷帖,我揣著相機(jī)與錄音美旧,去河邊找鬼。 笑死贬墩,一個(gè)胖子當(dāng)著我的面吹牛榴嗅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播陶舞,決...
    沈念sama閱讀 40,897評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼嗽测,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了肿孵?” 一聲冷哼從身側(cè)響起唠粥,我...
    開封第一講書人閱讀 39,804評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎停做,沒想到半個(gè)月后晤愧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,345評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蛉腌,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評(píng)論 3 340
  • 正文 我和宋清朗相戀三年官份,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烙丛。...
    茶點(diǎn)故事閱讀 40,561評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡舅巷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出河咽,到底是詐尸還是另有隱情钠右,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評(píng)論 5 350
  • 正文 年R本政府宣布库北,位于F島的核電站爬舰,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏寒瓦。R本人自食惡果不足惜情屹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望杂腰。 院中可真熱鬧垃你,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至凌摄,卻和暖如春羡蛾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背锨亏。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評(píng)論 1 272
  • 我被黑心中介騙來泰國打工痴怨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人器予。 一個(gè)月前我還...
    沈念sama閱讀 48,983評(píng)論 3 376
  • 正文 我出身青樓浪藻,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親乾翔。 傳聞我的和親對(duì)象是個(gè)殘疾皇子爱葵,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容