@飛屋睿UIdesign ：長投影是目前最為流行的一種設計趨勢，在Dribbble、Behance等各大設計社區幾乎無處不在，它看起來像是對"扁平化"風格的一種強化，特別是在設計圖標或簡單的海報的時候會用上。

網絡上自然有很多可以自動生成長投影工具，但是工具只能作為一種媒介，真正學會長投影，并靈活運用始終要從實踐開始入手。

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

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

一、繪制鉆石

在我眼中，繪畫是一件非常有趣的事，它在還原我們生活的基礎上又添加上我們對世界的想象（如果你足夠有想象力的話）。因此，請想象一下你曾經見過的鉆石的樣子。它是什么形狀？它是光芒萬丈還是星星點點？它是什么顏色？

問了自己這幾個問題之后，你再打開AI軟件，繪制出你心中所想的鉆石的樣子。但請記住，扁平化的創作首先是去掉高光、陰影，因此你的色彩搭配是很關鍵。另外，你的圖形要精準得當，這才能表現出物件本身的特點。

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

接下來，開始繪制鉆石，從底部開始繪制。用幾何作圖的好處在于能精確的控制圖形。比如三角形、四邊形、圓形，這些軟件自帶的圖形都能讓你非常精準地穩定畫面。出現瑕疵的幾率很小。這時，我們需要繪制一個三角形，只需要選擇多邊形繪圖，在"邊數"里填上"3"。

調整好三角形的顏色和位置如下：

繼續在原來三角形基礎上添加另外一個三角形，再在鉆石的頭部上方增加一個四邊形。

使用"直接選擇工具"，對四邊形上方兩端點進行移動，都分別往中間移動80px。可以拉入參考線。

這里要提醒大家的是，在操作這一步驟之前請確保參考線處于"鎖定"的狀態，否則，當你對端點進行移動時參考線也會跟著一起滑動。請在"視圖"菜單下"參考線"一欄中"鎖定參考線"。

繼續在四邊形上方畫上兩個三角形。

將頭部兩個三角形的不透明度分別降低為30%、20%。因為這三個圖形的排列位置分別是從下至上，所以在下方的透明度越低，這樣才能讓越在上的圖形色彩更"淺"。

接著，調整好圖形內部各圖形的色彩，確保能看清它們彼此的輪廓。

然后再將上下三角形每條路徑對齊，讓整個鉆石的切面更完美。最終調整后的效果如下：

接著將所有圖形編組，編組后調整整個鉆石的大小外形，這里，我將它稍微"壓扁"。然后跟著也可以適當調整上下參考線的位置。這里的參考線的位置對我而言是記錄尺寸的作用，因為接下來我會繼續做幾個同樣的寶石圖形，因此我要讓它們都保持同樣的大小比例。

二、添加背景

下面，我要為這個鉆石添加背景，畫一個正圓，直徑為整個畫板的寬度。讓它排列在鉆石圖形的底層。并將為這個背景添加一個漸變，漸變模式為120度的線性漸變。這一漸變是為接下的長投影做準備。

三、制作長投影

這時，畫一個長方形。將長方形旋轉至這樣一個角度。以剛剛從鉆石的右側延伸出來為基準，調整好長方形的大小和角度。

這時，通過"ctrl+["將這個長方形置于鉆石的底部同時又在圓形背景的上方。然后同時選中圓形背景和長方形，使用"形狀生成工具"，在按住"alt"鍵的同時單擊圓形背景外的不需要的長方形的部分。處理后的效果如下：

為長方形添加漸變，漸變模式為-45度，漸變顏色從藍色到白色過度。

漸變設置好后將長方形的圖層混合模式改為"正片疊底"。這時，長投影就做好了。

四、繼續美化

這時，還可以繼續往這個鉆石增加一些裝飾，例如"閃光"。

這類圖片很適合作為icon或logo使用。當然，海報的設計中也許也能見到它的出現。

扁平化教程推薦：

《PS新手教程！教你創建一個扁平化胖次圖標》
《手把手教！用PS設計一枚IOS 7風格日記圖標》

原文地址：jianshu
作者：@飛屋睿UIdesign

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

=================== 曬照贈書！設計師男神女神在哪兒？ ===================

炎炎夏日！送書解暑！現在優設微信社區也有送書福利活動啦！

【活動日期】本周一（7月28日）至周日（8月3日），發話題時附上自己的真實照片即可。
【活動規則】根據大家的【點贊量】選取男/女神各一名
【活動獎品】我們會送出圖靈出版社《網頁設計創意書（卷2）》哦！

P.S.照片不能作假哦，必須是本人的真實照片，帶臉照！！ 工作照、生活照、都可以，當然一起上更好了(*^__^*)
早發皂片早收贊，微信的小伙伴們趕快行動起來吧~\(≧▽≦)/~
進入優設微信，看到底部 點擊“聊天交友”進入【優設聊吧】? 在點擊一次“發話題”就可以爆照啦~快快行動起來吧~

========================== 參 與 方 式 ==========================

①首先，你要關注一下優設哥的微信啦~【youshege】或者直接掃描二維碼：

②然后，進入優設哥的微信，看到底部，點擊“聊天交友”進入【優設聊吧】；

③在點擊一次“發話題”就可以爆照啦~ 快快行動起來吧~

P.S.群內如果有親想要參與微社區活動，但是手機不支持傳圖發帖的可以聯系@【江蘇】花花