長陰影（Long Shadow）概念來自于非常流行的扁平化設(shè)計（Flat Design）。扁平化設(shè)計趨勢影響最大的是用戶界面元素和圖標(biāo)，但它也開始蔓延到其他網(wǎng)頁設(shè)計的其他部分。?
長陰影其實就是擴展了對象的投影，感覺是一種光線照射下的影子，通常采用角度為 45 度的投影，給對象添加了一份立體感。長陰影快速發(fā)展為流行的設(shè)計趨勢，并經(jīng)常被應(yīng)用到扁平設(shè)計方案的對象。這些陰影特別之處在于它們也是扁平的。網(wǎng)頁設(shè)計師使用沒有陰影、漸變的顏色來生成陰影。目前，長陰影設(shè)計主要用于較小的對象和元素，如圖標(biāo)。
一、PS如何打造長陰影？要深入學(xué)習(xí)PS，我們需要循序漸進，從基本操作開始入手。
先打開PS，新建一個文件，用矩形工具畫出一個圖標(biāo)背景，然后輸入文字，調(diào)整好文字和圖標(biāo)背景的位置，我們一般設(shè)置為居中。
然后我們開始長陰影的繪制吧。
方法一：矩形疊加法（操作難度：★★ ）
1、新建一個圖層，用矩形工具繪制一個矩形（為了識別方便，我們填充了黑色，長陰影一般為圖標(biāo)顏色的高飽和度顏色，大小和角度可以在后面的步驟里進行調(diào)整）。
2、Ctrl+t，對矩形進行旋轉(zhuǎn)，一般角度設(shè)置在45°，
3、調(diào)整好矩形的大小和位置。
4、重新填充矩形顏色后，柵格化圖層，把多余的部分可以用橡皮擦擦除掉，也可以通過載入選區(qū)的方法來刪除。
方法二：鋼筆工具法（操作難度：★★）
1、新建一個圖層，選擇鋼筆工具，沿著文字的邊緣繪制路徑，在繪制45°斜線的時候，由于我們是繪制斜下方陰影，一般采取先上后下的步驟，先在上方添加一個描點，然后按住shift鍵，在斜下方添加第二個描點，就可以畫出很標(biāo)準(zhǔn)的45°斜線了，在圖例中，為了使兩個斜線角度保持一致，我們使用了兩個路徑拼合。
2、在路徑上點擊右鍵，選擇建立選區(qū)
3、確認(rèn)后用油漆桶工具選取陰影的顏色填充，再擦除掉多余的陰影，這樣就完成了。
方法三：圖層位移法（操作難度：★★）
1、復(fù)制一個文字圖層（為了辨識，文字填充黑色），通過按鍵盤的方向鍵“→”和“↓”，把復(fù)制圖層右移1px（像素）和下移1px。
2、重復(fù)上面的步驟，一直復(fù)制到覆蓋圖標(biāo)的邊緣。
3、將全部復(fù)制的文字圖層?xùn)鸥窕蠛喜橐粋€圖層，填充好顏色，去掉多余的部分就完成了。
二、上面的基本操作都學(xué)會了，有沒有進階版本的技巧？當(dāng)然！下面我們來學(xué)習(xí)打造長陰影的高逼格方法。
方法一、ps動作（操作難度：★）
1、下載ps長陰影動作文件（一般為.atn），雙擊動作文件即可載入，完成后在ps動作窗格中會添加一個名字為Long Shadow的動作，
2、選擇要制作長陰影的圖層，執(zhí)行動作，長陰影就做好了。
另外還可以調(diào)整圖層的效果來調(diào)整陰影的深淺和顏色
ps動作的優(yōu)點是一鍵傻瓜式生成，缺點是無法自由調(diào)整角度。
ps長陰影動作下載地址
http://pan.baidu.com/s/1bpdYFBx
方法二：ps長陰影擴展（操作難度：★★）
Long Shadow Generator是一個 Photoshop 擴展 —— 幫助你一鍵傻瓜式操作，輕松創(chuàng)建長陰影，原理和 Photoshop 動作一樣，不過所有的參數(shù)都是可以調(diào)整的。需要注意的是Long Shadow Generator只支持CC以上版本。
擴展的安裝
1、先下載安裝Adobe Extension ManagerCC，地址http://www.adobe.com/exchange/em_download/
2、在官網(wǎng)插件庫（地址https://creative.adobe.com/addons）中搜索long shadow ganerator2插件，點擊免費按鈕獲取。
3、打開Adobe Extension Manager軟件就可以看到獲得的插件。
4、也可以去插件官網(wǎng)下載（下載地址http://lab.rayps.com/lsg2/），然后點擊Adobe Extension Manager的安裝按鈕，載入插件進行安裝就完成了，需要注意的一點是，安裝過程要進行聯(lián)網(wǎng)才能完成。
5、安裝完成后在軟件對應(yīng)插件列表就可以找到剛才安裝的插件了，重啟PS，在窗口-擴展功能選項中即可看到此插件。
為了方便下載，我們把需要的程序和插件一起打包分享了哦。
http://pan.baidu.com/s/1mim4zPm
方法三：ps智能對象（操作難度：★★）
1、打開包含智能對象的長陰影PSD文件，
2、雙擊打開智能對象
3、新建圖層，在圖層上輸入文字或者繪制圖標(biāo)，完成后選擇菜單“文件-存儲”。
4、再回到原圖就可以看到效果了。
PSD智能對象的方法好處是能夠快速制作各個方向的長陰影效果，缺點是效果單一，后期個人根據(jù)需求要進行二次處理。
PSD文件下載地址
http://pan.baidu.com/s/1pLIRQQ3
三、放在最后的福利
在線生成長陰影圖標(biāo)的網(wǎng)站，文章開頭的圖標(biāo)就是通過網(wǎng)站制作的。
http://flattyshadow.com/
打開網(wǎng)址，在網(wǎng)站的最下方就是制作長陰影圖標(biāo)的界面
四、寫在最后
做一下教程的總結(jié)：
1、PS軟件繪制長陰影的方法有矩形疊加、路徑繪制、圖層位移。
2、借助動作、擴展插件、PSD文件修改也可以制作出長陰影。
PS繪制長陰影的方法有很多種，找到最適合自己的方法，多實踐幾次，就是自己最熟悉的方法。
