有時(shí)候，我們需要一些激爽的視覺(jué)體驗(yàn)，這時(shí)就可以利用水花的造型來(lái)制作出這類視覺(jué)效果。利用PS中的置換濾鏡，其實(shí)就可以很輕松做到這點(diǎn)。將文字融入環(huán)境細(xì)節(jié)中，這一點(diǎn)相信是設(shè)計(jì)師都想要擁有的魔法。

通過(guò)本教程思緣的朋友將學(xué)會(huì)如何制作質(zhì)感較強(qiáng)的文字，如何運(yùn)用PS中的置換濾鏡對(duì)特定場(chǎng)景進(jìn)行處理，表現(xiàn)出水花飛濺的動(dòng)感效果，然后也可以學(xué)習(xí)夏季主題字體設(shè)計(jì)中的搭配元素。下面就和思緣的朋友一起來(lái)學(xué)習(xí)吧。

先看看效果圖

制作文字

文字的造型可以是扁平，也可以通過(guò)PS中制造出實(shí)體的質(zhì)感。比如我在此就從制作一個(gè)具有質(zhì)感的文字開(kāi)始演示。

STEP 01

打開(kāi)PS，新建一個(gè)1088*860的文檔，在這個(gè)文檔中央寫(xiě)上你要表達(dá)的文字。文字的字體，我在這里選用的是 NEXA Bold，文字不要太細(xì)，否則效果很難表現(xiàn)出來(lái)。文字的顏色可以隨意，因?yàn)榻酉聛?lái)我們會(huì)繼續(xù)為圖層增加顏色填充。

STEP 02

在這個(gè)文字圖層上設(shè)定不同的圖層樣式。這一過(guò)程中好好體會(huì)每種不同的圖層樣式中參數(shù)的特點(diǎn)。尤其是初學(xué)者，要注意一些微妙的變化，先在大腦中設(shè)定出最終要的效果的大概樣式，然后就通過(guò)不同的參數(shù)進(jìn)行調(diào)整，逐漸往這個(gè)方向靠攏。

先讓我們?yōu)槲淖衷黾印緢D案疊加】，圖案疊加中選中的為斜線的圖案，將其的透明度降至30%，縮放到50%，這是為了讓文字的圖案顯得若隱若現(xiàn)。

STEP 03

繼續(xù)添加【斜面與浮雕】的圖層樣式，這個(gè)圖層樣式是營(yíng)造立體感的關(guān)鍵。很多人以前問(wèn)我應(yīng)該怎樣去調(diào)整這些參數(shù)，有沒(méi)有規(guī)律?我的答案是，規(guī)律是有，但是總結(jié)起來(lái)比較難，如果是初學(xué)即使總結(jié)了，你看過(guò)了也未必能明白，不如長(zhǎng)期操練，從實(shí)踐中自己去獲得其中的微妙的體驗(yàn)。

這里我把我的參數(shù)公布給大家。

斜面與浮雕的參數(shù)面板：

注意斜面與浮雕的二級(jí)目錄中還有等高線和紋理，這兩個(gè)面板中的參數(shù)也可以適當(dāng)做出調(diào)整。

STEP 04

接下來(lái)進(jìn)入到【內(nèi)陰影】和【內(nèi)發(fā)光】的圖層樣式，對(duì)這兩個(gè)樣式的理解也非常簡(jiǎn)單，一個(gè)負(fù)責(zé)陰影部分，一個(gè)負(fù)責(zé)高光的部分，這會(huì)加深整體造型的立體感。

STEP 05

最后添加的【光澤】和【顏色疊加】則是將對(duì)象外觀做的又一次升級(jí)打造。光澤針對(duì)的還是光線中的視覺(jué)效果，而顏色疊加則再次選定了文字本身的色彩，這里我將色彩設(shè)置為粉色。我們可以看看經(jīng)過(guò)一系列調(diào)整后的效果：

水花中的激爽效果

將以上所操作好的文字保存為PNG透明背景的圖片后，我們就可以開(kāi)始往我們的最終效果進(jìn)一步邁近了。

STEP 06

再利用PS，新建一個(gè)1600*1000px的新文檔，將激起的水花素材拖入其中，同時(shí)也將我們做好的文字也拖入其中，將這兩者的位置布局好。

插播：以前看過(guò)我的教程的小伙伴，有些會(huì)私下找我要素材，但時(shí)間久了我也沒(méi)有保留這些素材。你可以去網(wǎng)上找相似的素材，主要是體驗(yàn)設(shè)計(jì)的方法，不一定要和我做的保持一致。

STEP 07

關(guān)閉文字圖層的可見(jiàn)按鈕，這時(shí)只留下了水花圖層，在水花圖層之上添加一個(gè)【黑白】調(diào)整圖層，使其變?yōu)榛叶葓D像。還可以利用滑塊進(jìn)一步調(diào)整它的灰度。然后也關(guān)閉背景圖層，將這個(gè)文檔保存為后綴為PSD的文檔。這是為進(jìn)一步施展濾鏡的功能使所備用的。

STEP 08

回到原來(lái)的文檔中，打開(kāi)背景、文字圖層的可見(jiàn)按鈕，刪掉【黑白】調(diào)整圖層。將文字圖層置于最上方。選中文字圖層，進(jìn)入【濾鏡>扭曲>置換】，置換濾鏡會(huì)彈出一個(gè)參數(shù)面板，在這個(gè)參數(shù)面板中可以通過(guò)參數(shù)調(diào)整來(lái)變換最終的效果，但這里我們只需要使用默認(rèn)的參數(shù)即可，點(diǎn)擊確定后，PS會(huì)自動(dòng)打開(kāi)電腦中的文件夾，選中我們?cè)谏弦徊街斜４娴腜SD文檔，使用置換濾鏡，就可以魔法般地讓水花“穿透”文字。

STEP 09

如果覺(jué)得這個(gè)效果還不夠沖擊力，可以再來(lái)一次，采用上一步相同的步驟，只是在彈出的置換濾鏡的參數(shù)面板中改變一下水平和垂直的比例，比如將其調(diào)整到3，再進(jìn)行一次置換。

STEP 10

這里的水花可以保留原色，也可以增加通過(guò)【色相/飽和度】的調(diào)整圖層對(duì)水花的顏色進(jìn)行調(diào)整，記得調(diào)整圖層要成為水花圖層的剪切蒙版，不至于影響到其他的圖層色彩。通過(guò)這個(gè)方法不僅可以調(diào)整圖層的色調(diào)，還可以對(duì)飽和度和明度也進(jìn)行調(diào)整。

STEP 11

這里可以再為文字的顏色增加顏色漸變來(lái)為整個(gè)效果增添光彩。

STEP 12

再為其整體添加背景色，這里依然需要一個(gè)漸變背景，純色背景也未嘗不可。這部分完全可以自由發(fā)揮。在最下方添加一個(gè)純色背景，為其增加漸變疊加的圖層樣式。

最終效果如下：

在你實(shí)際操作的過(guò)程中，可以把文字換成其他的焦點(diǎn)對(duì)象，水花也可以換成是其他能體現(xiàn)動(dòng)感的物質(zhì)，例如大海的波濤或者垂直而下的瀑布。

伊頓的神秘經(jīng)驗(yàn)啟示

記得讀過(guò)一本書(shū)，有關(guān)包豪斯早期大師的介紹，其中讓我印象深刻是色彩大師伊頓。伊頓作為最早邀請(qǐng)到包豪斯的大師之一，開(kāi)啟了他具有實(shí)驗(yàn)性的對(duì)于設(shè)計(jì)的理解和教授風(fēng)格：比如要求上課前學(xué)生要進(jìn)行靜坐冥想，讓學(xué)生們嚴(yán)格遵守一定的食譜，并且在課程中引入了很多類似老莊哲學(xué)的理念，目的是為了開(kāi)發(fā)學(xué)生們的內(nèi)心的潛能……

后來(lái)，由于他的授課太傾向于神秘主義，與當(dāng)時(shí)所奉行的科學(xué)精神越來(lái)越遠(yuǎn)，因此，他辭任了包豪斯。(我想學(xué)校課堂中頑強(qiáng)的馬列主義唯物論的老師是堅(jiān)決不想談他的)

對(duì)于這個(gè)故事，我的情緒比較復(fù)雜，一方面，在我們?nèi)粘９ぷ鲿r(shí)的確是和點(diǎn)線面長(zhǎng)期糾纏，但是我仍然認(rèn)為它們必定有可遵循的邏輯規(guī)則，并且假以時(shí)日，就能通過(guò)練習(xí)而掌握到其中的規(guī)律并運(yùn)用自如。另一方面，我又感覺(jué)它們的不可捉摸，有時(shí)候花幾天都未必能做出的效果，別人有可能兩分鐘就想到了，前提是他的經(jīng)驗(yàn)也未必比我的豐富。這其中的差別，根本無(wú)法用量化的辦法來(lái)做出說(shuō)明。

于是看到伊頓大師的這個(gè)教授，覺(jué)得新鮮有趣的同時(shí)感受到設(shè)計(jì)這個(gè)職業(yè)里的某種屬于“天份”的東西，所謂天份也并不是指的就是一份與生俱來(lái)的gift，而是你愿意放棄掉多少對(duì)于作品的控制?這是個(gè)問(wèn)題，而且這是長(zhǎng)期盤(pán)踞在我心里的問(wèn)號(hào)。這個(gè)故事不知為何又仿佛給了我一點(diǎn)小小的回答。分享出來(lái)給大家，也許是想說(shuō)，如果你我都能持續(xù)保持更開(kāi)放的心量，我們收獲的東西肯定比目前多得多。