當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

蒙版教程,通過PS中的蒙版給圖片營造高級感效果

來源:公眾號 作者:飛屋設(shè)計微雜志 學(xué)習(xí):13558人次

相信同學(xué)經(jīng)常有見到,文字與人物融合的畫面,彼此層疊遮擋,文字看上去更具有立體感,整個畫面也有空間感,那么同學(xué)們有沒有想過花朵和文字相結(jié)合,會營造一種怎樣的有趣畫面呢?本篇教程通過蒙版http://theoat.com.cn/tags/38847/將文字嵌入繁花中,制作五彩的融合效果,這種視覺看上去比只有花朵顯得更為美觀,給人驚喜的效果,具體如何做通過教程來學(xué)習(xí)一下吧。

效果圖:

蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn

操作步驟:

一、找一叢你喜歡的花

STEP 01

要尋找主角并不那么容易,如果你自己剛好手邊有一束花就再好不過了,但如果沒有,你需要在萬千圖庫中淘一淘。因為要嵌入文字,因此你最好找那種容易被嵌入的,背景為白色的花束,這樣就很容易將花從背景上分離出來。其次,你的花束最好全部入鏡,這樣可以不用受邊緣的干擾。當(dāng)然,你有特殊的構(gòu)圖創(chuàng)意就更好。但今天我們分享的辦法是讓花束保持在畫面中心的構(gòu)圖。

我在這四張照片中,選擇了適合我的花束。雖然其他三張的花的形態(tài)都不錯,但背景不夠理想。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
STEP 02

將花朵從背景中分離出來。經(jīng)過觀察發(fā)現(xiàn)這叢花不是普通的選擇工具或鋼筆工具可以處理的,因此就必然要用到通道。還不熟悉通道摳圖的小伙伴可以參考這篇通道摳圖教程《如何才能快速將背景復(fù)雜的圖摳干凈?一招教你告別摳圖難!》,大家可以參考同樣的方式來處理。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
二、文字編排

STEP 03

打開PS,新建一個大小為3000px*3000px的文檔。背景填充白色后,將你保存為透明背景的花朵拖入其中,放置于正中。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
STEP 04

花朵在白色背景上顯得稍微暗淡,我用曲線提高它的亮度;同時還用了色彩平衡,增加了它的暖色;最后我使用了漸變映射再讓它的色彩過渡更自然。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
STEP 05

我在這里用到的字體是Robort Bold,這個字體的線條很流暢,比較適合這里的造型要求。字體的字號是450px,這里的每個字母都獨立成為一個圖層,你在編排它們的位置時就相對自由。

字體的顏色我選用的是一種略帶黃色的綠色,我的建議就是字體一定要和花朵區(qū)別開來,因此大膽運用對比色的做法也未嘗不可。也剛好契合我寫的英文“spring”的主題。

同時,我在文字外圍增加了一個矩形邊框,增加文字的視覺重量,將焦點集中到文字上。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
STEP 06

文字和邊框這幾個圖層編排為一組,然后復(fù)制花朵的圖層放置最上方。文字組就夾雜在兩個花朵層的中間,就像一塊夾心餅干。將最上方的花朵層增加一個蒙板,蒙板全部填充為黑色,這意味著這時的蒙版幾乎沒有發(fā)揮任何遮擋的作用。因此從外觀上看,任何變化都沒有發(fā)生,實際在圖層面板中才能看出我們做了大的調(diào)整。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
三、產(chǎn)生遮擋關(guān)系

由于現(xiàn)實體驗的強大作用,使我們的視覺完全相信產(chǎn)生遮擋的兩個物體之間有一種深度關(guān)系,這會使得平面空間更加立體。利用這個特點,我們通過將文字的部分被花朵所遮擋來表現(xiàn)立體感。這一切都是在平面上發(fā)生的,但是我們的視覺會衍生更多的可能性。

在最上一層的花朵層,我們已經(jīng)增添了黑色蒙版。這意味著這個圖層其實并沒有展示出來,還完全被黑色蒙版遮擋的狀態(tài)。如果你用白色畫筆涂抹于上,就能畫下你想要讓它展示出的部分。這個原理相信大家都明白。利用這一關(guān)系,我們既然想要文字部分“嵌”于花朵中,就可以“畫”出那部分展示在文字前方的花朵。這些枝枝葉葉的小細節(jié)無需太多,就能輕松達到讓它們產(chǎn)生遮擋關(guān)系的效果。

STEP 07

為了看清兩個圖層之間的遮擋關(guān)系,我們稍降低文字的透明度。從“S”這個字母開始,放大細節(jié),我用白色畫筆涂抹了三個部分,這三個部分讓S上方的花朵顯露了出來。記得,白色畫筆是畫在最上面花朵圖層的黑色蒙版上。

蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
利用同樣的辦法處理其他字母和邊框。你要很有耐心去對待每一個像素,這樣做出的效果才不至于凌亂。涂抹的過程中保持字母的可辨認性。做好后,再把文字的透明度調(diào)回正常值。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
四、制造陰影

增加空間感的辦法就是增加陰影。在這個案例中增加陰影和其他情況略有不同,不能直接用圖層投影樣式。

STEP 08

我們先在文字組的上方新建一個圖層,這個圖層用來作為陰影層,當(dāng)然目前它是一片空白。陰影是相互遮擋后在文字上留下的投影,因此,它必定要保留在文字的上方。

遮擋的部分在頂層花朵層的蒙板中已經(jīng)被你用白色畫筆表現(xiàn)出來了,這時你只需要按住Ctrl鍵點擊選中這些選區(qū),然后回到陰影層,將選區(qū)填充為黑色。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
STEP 09

對這個陰影層應(yīng)用高斯模糊濾鏡,進入【濾鏡>模糊>高斯模糊】,模糊的半徑為8。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn

STEP 10

模糊后可以看到,雖然文字有了投影表現(xiàn),但花朵的部分也出現(xiàn)了黑色模糊的印記,這肯定是需要去掉的。我們采用最簡單的辦法,給陰影也增加一個蒙板,用黑色的畫筆涂抹掉花朵上方的“不正常”的陰影部分。


蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
 

STEP 11

所有投影的細節(jié)都處理好后,將陰影層的圖層模式改為“正片疊底”,透明度降低至40%。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn

五、細節(jié)的升華

STEP 12

剩下的將是細節(jié)的美化。這時我們可以給花朵本身也增加一個投影。選中花朵的圖層,按住Ctrl點擊圖層,這時出現(xiàn)了花朵邊緣的選區(qū)。和我們在上一步制作陰影的方法相同,也是采用高斯模糊來制作投影效果。高斯模糊的模糊半徑為5,然后將陰影的位置稍微往左上角挪動。降低花朵陰影層的透明度至10%。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
STEP 13

為了增加一點質(zhì)感,給文字和外框的部分可以增加“內(nèi)陰影”和“圖案疊加”的圖層樣式,其中圖案疊加里增加一種非常微妙的叫做“水彩紙”的紋理,若有若無。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn

STEP 14

將所有的圖層合并一個圖層并拷貝到最新的圖層,快捷方式為“Alt+Ctrl+Shift+E”。將這個圖層更名為“濾鏡1”,右鍵將其轉(zhuǎn)為智能對象http://theoat.com.cn/tags/34209/。

把圖層的混合模式調(diào)整為“柔光”,透明度設(shè)置為20%。完成后,再拷貝這個濾鏡1到新圖層,新的拷貝后的圖層更名為濾鏡2,將透明度設(shè)置為30%。
蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn
完成:

蒙版教程,通過PS中的蒙版給圖片營造高級感效果_theoat.com.cn

教程只是一種參考,具體想要創(chuàng)建什么還需看同學(xué)們記如何操作,同學(xué)們可以運用樹、云朵等景觀制作更驚艷的效果,相信通過本篇教程,會帶給同學(xué)們更多的靈感,一起來學(xué)習(xí)制作一下吧。
 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
1537965792020-08-28 09:38
謝謝樓主的分享。
18466218112020-08-27 01:56
我的作業(yè):

18466218112020-08-27 01:48
我的作業(yè):

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!