PS教程/扁平化長投影圖標

圖/文 KS-Jade

過程很簡單，翻譯了國外的教程，我一般會選取容易過程簡單，但是卻能學到很多技巧的教程，主要還是想給一些基礎的朋友們看的！目前很流行的一種扁平化的設計，現在在設計當中使用的相當頻繁過程很簡單，很快就能學會，工具以Photoshop CS6為主！PSD源文件下載：http://pan.baidu.com/s/1i5OfX7B

第一步 創建一個背景 ，新建畫布，尺寸為840*400可以使用純色做為背景，或是用漸變工具創建，這裡的色值為#e0e0e0 這裡就不多更描述了。

第二步 創建一個形狀，選擇矩形工具。大小為100px，半徑為20px，色值：#4ac9b4

參考圖片上的圖層，快捷鍵ctrl+j，複製一層，形狀填充黑色，ctrl+G併到一個組裡，命名為「 K 」，雙擊第一個矩形圖層調出圖層樣式

圖層樣式為內陰影，請記得不勾選「使用全局光」。

樣式效果是這樣的

第三步 創建一個陰影

再複製一個陰影層的副本，拖到原圖層的下面，併到一個組裡，如圖如示

按鍵盤上的方向箭，往右邊和底部，移動1px，通過觀察下圖所示的形狀：1px黑色邊出現。

按上面的方式每以1px的方式重複移動9次，注意總共是10次。

選擇陰影的文件夾，設置混合模式為正片疊底，不透明度30％，這裡的陰影形狀就完成。

第四步 輸入字元

這次，選擇圓角的任何字元。選擇你喜歡的字體就行了， 雙擊文字，打開圖層樣式窗口。

選擇顏色疊加，色值為：#D8EFFF

下一步，選擇內陰影，數據如圖。記得不勾選「使用全局光」。

成品外觀這樣子也不錯。 但是，現在讓我們也給字元增加一下影子。

第五步 增加一下字元的投影

注意圖層面板，複製一下字體跟圓角矩形圖層，將副本圓角矩形圖層和文字的樣式去掉，將文字設置成黑色，並在一個組裡

將面版中的高級混合選項中」將剪貼圖層混合成組「的部分取消勾選

」將剪貼圖層混合成組「的部分取消勾選後，右邊出現相關圖標，副本圖層的填充設置為0%，為文字「創建剪貼蒙版」（快捷鍵：ALT+點擊）

現在，通過複製圖層副本和以1px移動的方式做出切實的影子，做法跟上面講的方式一樣，總次數為10次。如圖所示

以10個為單位的複製，每一次以10px移動

選中文件夾，混合模式為「正片疊底」，不透明度設置為30%

為了解決重疊部分的遮罩層，選中副本矩形圖層，移動4px，分別向左和頂部移動。

還有比這個更簡單的方法，大家都可以多去嘗試，目前分享的就是這種，大家可以通過這種方法創造各種圖形和文字，想要像banner的效果，在長投影上添加圖層蒙版，然後用漸變工具拉伸。（按D鍵，恢復原來的黑白值）將一些細節部分，和橡皮擦除一下。記得用軟筆刷，不透明設置一下，根據自己的情況調整。

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！