長陰影是扁平化風格裡的陰影表達，它的誇張和象形手法非常到位地給予了陰影以别有洞天的形态。在UI設計中，當你想要讓圖标或LOGO變得更具吸引力，最好的方式就是增添上長陰影，其原有的平淡将被打破，帶來更多豐富的視覺感受。

為規則幾何形制作長陰影應該并不算困難，然而，當我們面對的是并不能确定一以貫之的文字外形樣式，所做的工作将會比較繁瑣。今天我們就來和大家分享一種制作長陰影的方法，根據這個方法，任何形态的長陰影都能在短時間内完美繪制出來。

一、制作長陰影畫筆

首先，讓我們打開PS，新建一個680px*680px的文檔，文檔填充背景為青色，#b2ebda。

STEP 01

在網頁設計中，我們大概會遇到需要特别突出文字的時候，如”促銷”、“折扣”等，這時，先在畫面中央安排好需要增加陰影的文字。這裡我安排的是英文單詞，但中文字體仍然适用，隻是需要在字體風格上與此相匹配。

我安排了兩行字體，一行是較大的字體，字距較緊密，而下面一行的字體稍小，字距較寬。

STEP 02

圖層面闆中，将文字圖層合并為一個組，并複制這個組。右鍵點擊拷貝的文字組，并選擇“合并組”，這時新的被複制的組就合并成一個圖層。

STEP 03

在按住“Ctrl”鍵的情況下鼠标單擊上一步我們所合并的圖層，這時出現了以文字邊緣為螞蟻線的選區，也可以說這是文字的輪廓。保持選區的情況下，進入【編輯>定義畫筆預設】，在彈出的對話框中填入畫筆名稱。這時，我們就新建了叫做“文字長陰影”的畫筆。這個畫筆将會成為我們的長陰影的基礎形。

剛制作完畢的長陰影畫筆并不能立刻使用，大家可以試着選中這一畫筆畫出一條痕迹，沒錯，這就是我們通過畫筆制作長陰影的思路關鍵，但是，很明顯表現并不理想，畫筆筆觸裡的間隔還看得分明，并沒有連綴成片。

STEP 04

當然，我們要解決這一問題，這時讓我們來調試畫筆。點擊畫筆面闆的圖标，進入該新建畫筆的參數。隻需要将原有默認的間隔25%改為1%，就實現了連綴的問題。

二、繪制長陰影

STPE 05

在畫布上，用參考線标出一個十字形。首先确認畫筆工具選中的是文字長陰影的畫筆，然後用鋼筆工具，由十字形的中心位置開始到畫布的右下角畫一條路徑。新建一個圖層，在這條路徑上單擊鼠标右鍵，點選“描邊路徑”，在描邊路徑中選擇工具“畫筆”。

STEP 06

将上一步繪制的長陰影圖層移動到文字組的下方。由于這時文字和長陰影都是黑色，并不能看出層次，因此需要修改文字的顔色為#6cddbc。然後用選擇工具移動文字組将其放置于和長陰影剛好契合的位置。

STEP 07

在長陰影的下方再新建一個圖層，在這個圖層繪制一個紫色的正圓。然後将長陰影的圖層混合模式設置為“正片疊底”，透明度降至30%。

STEP 08

增加正圓的目的是為了突出文字，也讓長陰影有一個界限。因此，這時需要為長陰影增加一個蒙版，這個蒙版的形狀為正圓的形狀，讓超出正圓的部分的陰影不可見。确定好位置後再在圖層上單擊右鍵“應用圖層蒙版”。

三、潤色處理

這時長陰影就繪制完畢了嗎？當然沒有！為長陰影潤色出更多的細節看上去是永無止境的。在此，我們隻需要簡單做一兩步，也許就能讓我們的陰影脫離“呆闆乏味”的印象了。

STEP 09

投影的邊緣模糊也許是比較接近拟物的做法，然而，我們不能簡單運用高斯模糊就可以了，這會讓長陰影（接近文字的部分）看上去失真，也失去了長陰影的魅力。這時，讓我們進入【濾鏡>模糊畫廊>場景模糊】，場景模糊允許我們可以選擇模糊的位置，并且增加多個模糊點。我們将設置兩個模糊點，一個模糊點的模糊值為3、另一個為2。

STEP 10

接下來，讓我們為長陰影内部增加一點層次，這個層次關系是：離文字越近，陰影就越深。因此稍遠的部分逐漸就不見。現在讓我們為長陰影圖層增加一個蒙版，在蒙版上拉出一條黑白漸變。這一點相信已不用我多說，蒙版中黑色部分是不可見，而白色的部分是可見，灰色就是中間的透明過渡地帶。

這時長陰影的模糊處理就完成了。這時長陰影的模糊處理就完成了，比起整體模糊來說，場景模糊是非常靈活的處理方式。

STEP 11

仔細觀察過投影的小夥伴都有體會，當你的影子被太陽拉長的時候，除了被拉長的影子外，你的身體自身還有一個投影。這裡的文字也不例外。為文字增加投影，便利一點的做法是直接添加圖層樣式，但這樣做法顯然是比較粗暴的。

我們的做法是先複制長陰影圖層，然後在其複制層的蒙版上重新拉出黑白漸變，其黑色的部分更靠近文字。将這個圖層的透明度降至5%。

還可以再增加一個複制層，繼續将蒙版中黑白漸變的位置往文字的頂部移動。

長陰影的潤色部分就暫告一段落了。

STEP 12

因為看上去文字，尤其是較大的文字在陰影的襯托下略顯單薄，因此可以增加文字的“厚度”，為文字組添加“斜面與浮雕”的圖層樣式。

最終效果如下：

後記

學習的任何階段，我們都不應受困于标簽。就像長陰影這個标簽一樣，它永遠有無限探索的空間，如果你隻對現狀滿意，那麼靈感瀕臨枯竭也不會是短時間發生的事。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!