欧美中文字幕在线播放_人妻无码免费的_中文日韩欧美州_无码av中文系列久久免费

PS教程:扁平化風(fēng)格里的長陰影效果

2022-03-05 6659 0
      它的夸張和象形技術(shù)給了陰影一種獨(dú)特的形式。在UI設(shè)計(jì)中,當(dāng)你想讓圖標(biāo)或標(biāo)志更有吸引力時,最好的辦法就是添加長陰影。它原來的平淡將被打破,帶來更豐富的視覺感受。

     為規(guī)則幾何形制作長陰影應(yīng)該并不算困難,然而,當(dāng)我們面對的是并不能確定一以貫之的文字外形樣式,所做的工作將會比較繁瑣。今天我們就來和大家分享一種制作長陰影的方法,根據(jù)這個方法,任何形態(tài)的長陰影都能在短時間內(nèi)完美繪制出來。

PS制作扁平風(fēng)格長陰影字體

一、制作長陰影畫筆

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

STEP 01

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

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

STEP 02

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

STEP 03

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

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

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

二、繪制長陰影

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

STEP 06

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

STEP 07

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體 

STEP 08

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

三、潤色處理

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

      STEP 09

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

STEP 10

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

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

      STEP 11

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

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

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

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

最終效果如下:

PS制作扁平風(fēng)格長陰影字體

PS制作扁平風(fēng)格長陰影字體

 

2
評論區(qū)(0)
正在加載評論...
相關(guān)推薦