長陰影（Long Shadow）概念來自于非常流行的扁平化設(shè)計(jì)（Flat Design）幕随。扁平化設(shè)計(jì)趨勢(shì)影響最大的是用戶界面元素和圖標(biāo)顾瞻，但它也開始蔓延到其他網(wǎng)頁設(shè)計(jì)的其他部分。?
長陰影其實(shí)就是擴(kuò)展了對(duì)象的投影宫峦，感覺是一種光線照射下的影子岔帽，通常采用角度為 45 度的投影，給對(duì)象添加了一份立體感导绷。長陰影快速發(fā)展為流行的設(shè)計(jì)趨勢(shì)犀勒，并經(jīng)常被應(yīng)用到扁平設(shè)計(jì)方案的對(duì)象。這些陰影特別之處在于它們也是扁平的妥曲。網(wǎng)頁設(shè)計(jì)師使用沒有陰影贾费、漸變的顏色來生成陰影。目前檐盟，長陰影設(shè)計(jì)主要用于較小的對(duì)象和元素铸本，如圖標(biāo)。
一遵堵、PS如何打造長陰影箱玷？要深入學(xué)習(xí)PS，我們需要循序漸進(jìn)陌宿，從基本操作開始入手锡足。
先打開PS，新建一個(gè)文件壳坪，用矩形工具畫出一個(gè)圖標(biāo)背景舶得，然后輸入文字，調(diào)整好文字和圖標(biāo)背景的位置爽蝴，我們一般設(shè)置為居中沐批。
然后我們開始長陰影的繪制吧纫骑。
方法一：矩形疊加法（操作難度：★★ ）
1、新建一個(gè)圖層九孩，用矩形工具繪制一個(gè)矩形（為了識(shí)別方便先馆，我們填充了黑色，長陰影一般為圖標(biāo)顏色的高飽和度顏色躺彬，大小和角度可以在后面的步驟里進(jìn)行調(diào)整）煤墙。
2、Ctrl+t宪拥，對(duì)矩形進(jìn)行旋轉(zhuǎn)仿野，一般角度設(shè)置在45°，
3她君、調(diào)整好矩形的大小和位置脚作。
4、重新填充矩形顏色后缔刹，柵格化圖層球涛，把多余的部分可以用橡皮擦擦除掉，也可以通過載入選區(qū)的方法來刪除桨螺。
方法二：鋼筆工具法（操作難度：★★）
1宾符、新建一個(gè)圖層酿秸，選擇鋼筆工具灭翔，沿著文字的邊緣繪制路徑，在繪制45°斜線的時(shí)候辣苏，由于我們是繪制斜下方陰影肝箱，一般采取先上后下的步驟，先在上方添加一個(gè)描點(diǎn)稀蟋，然后按住shift鍵煌张，在斜下方添加第二個(gè)描點(diǎn)，就可以畫出很標(biāo)準(zhǔn)的45°斜線了退客，在圖例中骏融，為了使兩個(gè)斜線角度保持一致，我們使用了兩個(gè)路徑拼合萌狂。
2档玻、在路徑上點(diǎn)擊右鍵，選擇建立選區(qū)
3茫藏、確認(rèn)后用油漆桶工具選取陰影的顏色填充误趴，再擦除掉多余的陰影，這樣就完成了务傲。
方法三：圖層位移法（操作難度：★★）
1凉当、復(fù)制一個(gè)文字圖層（為了辨識(shí)枣申，文字填充黑色），通過按鍵盤的方向鍵“→”和“↓”看杭，把復(fù)制圖層右移1px（像素）和下移1px忠藤。
2、重復(fù)上面的步驟泊窘，一直復(fù)制到覆蓋圖標(biāo)的邊緣熄驼。
3、將全部復(fù)制的文字圖層?xùn)鸥窕蠛喜橐粋€(gè)圖層烘豹，填充好顏色瓜贾，去掉多余的部分就完成了。
二携悯、上面的基本操作都學(xué)會(huì)了祭芦，有沒有進(jìn)階版本的技巧？當(dāng)然憔鬼！下面我們來學(xué)習(xí)打造長陰影的高逼格方法龟劲。
方法一、ps動(dòng)作（操作難度：★）
1轴或、下載ps長陰影動(dòng)作文件（一般為.atn）昌跌，雙擊動(dòng)作文件即可載入，完成后在ps動(dòng)作窗格中會(huì)添加一個(gè)名字為Long Shadow的動(dòng)作照雁，
2蚕愤、選擇要制作長陰影的圖層，執(zhí)行動(dòng)作饺蚊，長陰影就做好了萍诱。
另外還可以調(diào)整圖層的效果來調(diào)整陰影的深淺和顏色
ps動(dòng)作的優(yōu)點(diǎn)是一鍵傻瓜式生成，缺點(diǎn)是無法自由調(diào)整角度污呼。
ps長陰影動(dòng)作下載地址
http://pan.baidu.com/s/1bpdYFBx
方法二：ps長陰影擴(kuò)展（操作難度：★★）
Long Shadow Generator是一個(gè) Photoshop 擴(kuò)展 —— 幫助你一鍵傻瓜式操作裕坊，輕松創(chuàng)建長陰影，原理和 Photoshop 動(dòng)作一樣燕酷，不過所有的參數(shù)都是可以調(diào)整的籍凝。需要注意的是Long Shadow Generator只支持CC以上版本。
擴(kuò)展的安裝
1苗缩、先下載安裝Adobe Extension ManagerCC饵蒂，地址http://www.adobe.com/exchange/em_download/
2、在官網(wǎng)插件庫（地址https://creative.adobe.com/addons）中搜索long shadow ganerator2插件挤渐，點(diǎn)擊免費(fèi)按鈕獲取苹享。
3、打開Adobe Extension Manager軟件就可以看到獲得的插件。
4得问、也可以去插件官網(wǎng)下載（下載地址http://lab.rayps.com/lsg2/）囤攀，然后點(diǎn)擊Adobe Extension Manager的安裝按鈕，載入插件進(jìn)行安裝就完成了宫纬，需要注意的一點(diǎn)是焚挠，安裝過程要進(jìn)行聯(lián)網(wǎng)才能完成。
5漓骚、安裝完成后在軟件對(duì)應(yīng)插件列表就可以找到剛才安裝的插件了蝌衔，重啟PS，在窗口-擴(kuò)展功能選項(xiàng)中即可看到此插件蝌蹂。
為了方便下載噩斟，我們把需要的程序和插件一起打包分享了哦。
http://pan.baidu.com/s/1mim4zPm
方法三：ps智能對(duì)象（操作難度：★★）
1孤个、打開包含智能對(duì)象的長陰影PSD文件剃允，
2、雙擊打開智能對(duì)象
3齐鲤、新建圖層斥废，在圖層上輸入文字或者繪制圖標(biāo)，完成后選擇菜單“文件-存儲(chǔ)”给郊。
4牡肉、再回到原圖就可以看到效果了。
PSD智能對(duì)象的方法好處是能夠快速制作各個(gè)方向的長陰影效果淆九，缺點(diǎn)是效果單一统锤，后期個(gè)人根據(jù)需求要進(jìn)行二次處理。
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迹卢、借助動(dòng)作、擴(kuò)展插件徒仓、PSD文件修改也可以制作出長陰影腐碱。
PS繪制長陰影的方法有很多種，找到最適合自己的方法，多實(shí)踐幾次症见，就是自己最熟悉的方法喂走。
