前言
有時(shí)候,我們需要一些激爽的視覺體驗(yàn),這時(shí)就可以利用水花的造型來(lái)制作出這類視覺效果。利用PS中的置換濾鏡,其實(shí)就可以很輕松做到這點(diǎn)。將文字融入環(huán)境細(xì)節(jié)中,這一點(diǎn)相信是設(shè)計(jì)師都想要擁有的魔法。
你將要學(xué)會(huì)的是: 1、如何制作質(zhì)感較強(qiáng)的文字 2、運(yùn)用PS中的置換濾鏡對(duì)特定場(chǎng)景進(jìn)行處理,表現(xiàn)出水花飛濺的動(dòng)感效果
靈感來(lái)源
YOUTUBE的一個(gè)視頻,略有改動(dòng)。
制作文字
文字的造型可以是扁平,也可以通過(guò)PS中制造出實(shí)體的質(zhì)感。比如我在此就從制作一個(gè)具有質(zhì)感的文字開始演示。
STEP 01
打開PS,新建一個(gè)1088*860的文檔,在這個(gè)文檔中央寫上你要表達(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ì)的還是光線中的視覺效果,而顏色疊加則再次選定了文字本身的色彩,這里我將色彩設(shè)置為粉色。我們可以看看經(jīng)過(guò)一系列調(diào)整后的效果:


水花中的激爽效果
將以上所操作好的文字保存為PNG透明背景的圖片后,我們就可以開始往我們的最終效果進(jìn)一步邁近了。
STEP 06
再利用PS,新建一個(gè)1600*1000px的新文檔,將激起的水花素材拖入其中,同時(shí)也將我們做好的文字也拖入其中,將這兩者的位置布局好。
插播:以前看過(guò)我的教程的小伙伴,有些會(huì)私下找我要素材,但時(shí)間久了我也沒(méi)有保留這些素材。你可以去網(wǎng)上找相似的素材,主要是體驗(yàn)設(shè)計(jì)的方法,不一定要和我做的保持一致。

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

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

STEP 09
如果覺得這個(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ì),例如大海的波濤或者垂直而下的瀑布。
Via: ifeiwu
