長陰影是扁平化風(fēng)格里的陰影表達(dá)，本篇教程通過PS來制作一款具有長陰影效果的字體，它的效果會(huì)一改往日單純扁平化字體的沉悶，給整個(gè)字體呈現(xiàn)錦上添花，同學(xué)們一起來練習(xí)下吧。

效果圖：

www.16xx8.com

一、制作長陰影畫筆

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

STEP 01

在網(wǎng)頁設(shè)計(jì)中，我們大概會(huì)遇到需要特別突出文字的時(shí)候，如"促銷"、“折扣”等，這時(shí)，先在畫面中央安排好需要增加陰影的文字。這里我安排的是英文單詞，但中文字體仍然適用，只是需要在字體風(fēng)格上與此相匹配。

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

STEP 02

圖層面板中，將文字圖層合并為一個(gè)組，并復(fù)制這個(gè)組。右鍵點(diǎn)擊拷貝的文字組，并選擇“合并組”，這時(shí)新的被復(fù)制的組就合并成一個(gè)圖層。

STEP 03

在按住“Ctrl”鍵的情況下鼠標(biāo)單擊上一步我們所合并的圖層，這時(shí)出現(xiàn)了以文字邊緣為螞蟻線的選區(qū)，也可以說這是文字的輪廓。保持選區(qū)的情況下，進(jìn)入【編輯>定義畫筆預(yù)設(shè)】，在彈出的對(duì)話框中填入畫筆名稱。這時(shí)，我們就新建了叫做“文字長陰影”的畫筆。這個(gè)畫筆將會(huì)成為我們的長陰影的基礎(chǔ)形。

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

STEP 04

當(dāng)然，我們要解決這一問題，這時(shí)讓我們來調(diào)試畫筆。點(diǎn)擊畫筆面板的圖標(biāo)，進(jìn)入該新建畫筆的參數(shù)。只需要將原有默認(rèn)的間隔25%改為1%，就實(shí)現(xiàn)了連綴的問題。

二、繪制長陰影

STPE 05

在畫布上，用參考線標(biāo)出一個(gè)十字形。首先確認(rèn)畫筆工具選中的是文字長陰影的畫筆，然后用鋼筆工具，由十字形的中心位置開始到畫布的右下角畫一條路徑。新建一個(gè)圖層，在這條路徑上單擊鼠標(biāo)右鍵，點(diǎn)選“描邊路徑”，在描邊路徑中選擇工具“畫筆”。

STEP 06

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

STEP 07

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

STEP 08

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

三、潤色處理

這時(shí)長陰影就繪制完畢了嗎?當(dāng)然沒有!為長陰影潤色出更多的細(xì)節(jié)看上去是永無止境的。在此，我們只需要簡(jiǎn)單做一兩步，也許就能讓我們的陰影脫離“呆板乏味”的印象了。

STEP 09

投影的邊緣模糊也許是比較接近擬物的做法，然而，我們不能簡(jiǎn)單運(yùn)用高斯模糊就可以了，這會(huì)讓長陰影(接近文字的部分)看上去失真，也失去了長陰影的魅力。這時(shí)，讓我們進(jìn)入【濾鏡>模糊畫廊>場(chǎng)景模糊】，場(chǎng)景模糊允許我們可以選擇模糊的位置，并且增加多個(gè)模糊點(diǎn)。我們將設(shè)置兩個(gè)模糊點(diǎn)，一個(gè)模糊點(diǎn)的模糊值為3、另一個(gè)為2。

STEP 10

接下來，讓我們?yōu)殚L陰影內(nèi)部增加一點(diǎn)層次，這個(gè)層次關(guān)系是：離文字越近，陰影就越深。因此稍遠(yuǎn)的部分逐漸就不見。現(xiàn)在讓我們?yōu)殚L陰影圖層增加一個(gè)蒙版，在蒙版上拉出一條黑白漸變。這一點(diǎn)相信已不用我多說，蒙版中黑色部分是不可見，而白色的部分是可見，灰色就是中間的透明過渡地帶。

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

STEP 11

仔細(xì)觀察過投影的小伙伴都有體會(huì)，當(dāng)你的影子被太陽拉長的時(shí)候，除了被拉長的影子外，你的身體自身還有一個(gè)投影。這里的文字也不例外。為文字增加投影，便利一點(diǎn)的做法是直接添加圖層樣式，但這樣做法顯然是比較粗暴的。

我們的做法是先復(fù)制長陰影圖層，然后在其復(fù)制層的蒙版上重新拉出黑白漸變，其黑色的部分更靠近文字。將這個(gè)圖層的透明度降至5%。

還可以再增加一個(gè)復(fù)制層，繼續(xù)將蒙版中黑白漸變的位置往文字的頂部移動(dòng)。

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

STEP 12

因?yàn)榭瓷先ノ淖郑绕涫禽^大的文字在陰影的襯托下略顯單薄，因此可以增加文字的“厚度”，為文字組添加“斜面與浮雕”的圖層樣式。

最終效果如下：

www.16xx8.com

www.16xx8.com