@飛屋睿UIdesign ：長(zhǎng)投影是目前最為流行的一種設(shè)計(jì)趨勢(shì)，在Dribbble、Behance等各大設(shè)計(jì)社區(qū)幾乎無(wú)處不在，它看起來(lái)像是對(duì)”扁平化”風(fēng)格的一種強(qiáng)化，特別是在設(shè)計(jì)圖標(biāo)或簡(jiǎn)單的海報(bào)的時(shí)候會(huì)用上。

網(wǎng)絡(luò)上自然有很多可以自動(dòng)生成長(zhǎng)投影工具，但是工具只能作為一種媒介，真正學(xué)會(huì)長(zhǎng)投影，并靈活運(yùn)用始終要從實(shí)踐開(kāi)始入手。

此外，我們會(huì)在本次教程中用到AI軟件，AI軟件與PS軟件有很多的不同，AI是一個(gè)以創(chuàng)建矢量圖為主的繪圖軟件，特別適合做出扁平風(fēng)的圖片。

我們今天將要繪制一系列寶石，并為它們配上時(shí)尚又帶感的長(zhǎng)投影。在本教程中，我只演示一粒鉆石的步驟做法，其他寶石可以由大家自由發(fā)揮。最后的效果圖如下：

一、繪制鉆石

在我眼中，繪畫(huà)是一件非常有趣的事，它在還原我們生活的基礎(chǔ)上又添加上我們對(duì)世界的想象(如果你足夠有想象力的話)。因此，請(qǐng)想象一下你曾經(jīng)見(jiàn)過(guò)的鉆石的樣子。它是什么形狀?它是光芒萬(wàn)丈還是星星點(diǎn)點(diǎn)?它是什么顏色?

問(wèn)了自己這幾個(gè)問(wèn)題之后，你再打開(kāi)AI軟件，繪制出你心中所想的鉆石的樣子。但請(qǐng)記住，扁平化的創(chuàng)作首先是去掉高光、陰影，因此你的色彩搭配是很關(guān)鍵。另外，你的圖形要精準(zhǔn)得當(dāng)，這才能表現(xiàn)出物件本身的特點(diǎn)。

在AI新建一個(gè)文檔，尺寸為W：600px、H：600px，顏色模式為RGB。使用參考線先進(jìn)行圖形的簡(jiǎn)單的布局。

接下來(lái)，開(kāi)始繪制鉆石，從底部開(kāi)始繪制。用幾何作圖的好處在于能精確的控制圖形。比如三角形、四邊形、圓形，這些軟件自帶的圖形都能讓你非常精準(zhǔn)地穩(wěn)定畫(huà)面。出現(xiàn)瑕疵的幾率很小。這時(shí)，我們需要繪制一個(gè)三角形，只需要選擇多邊形繪圖，在”邊數(shù)”里填上”3″。

調(diào)整好三角形的顏色和位置如下：

繼續(xù)在原來(lái)三角形基礎(chǔ)上添加另外一個(gè)三角形，再在鉆石的頭部上方增加一個(gè)四邊形。

使用”直接選擇工具”，對(duì)四邊形上方兩端點(diǎn)進(jìn)行移動(dòng)，都分別往中間移動(dòng)80px?？梢岳?yún)⒖季€。

這里要提醒大家的是，在操作這一步驟之前請(qǐng)確保參考線處于”鎖定”的狀態(tài)，否則，當(dāng)你對(duì)端點(diǎn)進(jìn)行移動(dòng)時(shí)參考線也會(huì)跟著一起滑動(dòng)。請(qǐng)?jiān)?rdquo;視圖”菜單下”參考線”一欄中”鎖定參考線”。

繼續(xù)在四邊形上方畫(huà)上兩個(gè)三角形。

將頭部?jī)蓚€(gè)三角形的不透明度分別降低為30%、20%。因?yàn)檫@三個(gè)圖形的排列位置分別是從下至上，所以在下方的透明度越低，這樣才能讓越在上的圖形色彩更”淺”。

接著，調(diào)整好圖形內(nèi)部各圖形的色彩，確保能看清它們彼此的輪廓。

然后再將上下三角形每條路徑對(duì)齊，讓整個(gè)鉆石的切面更完美。最終調(diào)整后的效果如下：

接著將所有圖形編組，編組后調(diào)整整個(gè)鉆石的大小外形，這里，我將它稍微”壓扁”。然后跟著也可以適當(dāng)調(diào)整上下參考線的位置。這里的參考線的位置對(duì)我而言是記錄尺寸的作用，因?yàn)榻酉聛?lái)我會(huì)繼續(xù)做幾個(gè)同樣的寶石圖形，因此我要讓它們都保持同樣的大小比例。

二、添加背景