PS中圖層蒙版的原理和用法 詳解圖層蒙版的概念 換天空再簡單不過

2020-12-11 好色之圖1

大家好,我是好色之圖。疫情期間禁足在家,相信大家都閒的很無聊吧,寫一節PS小教程,供小夥伴們閒暇之餘學習使用,利用發呆的時間學習點新知識,也是不錯的選擇。本節內容是"圖層蒙版的概念和使用方法"。

圖層蒙版是另很多剛開始學習PS的小夥伴頭疼的工具之一,官方術語解釋的太過專業和籠統,十分晦澀難懂,這也是PS工具書的特點之一了,在這一節裡,我們嘗試用老百姓的家常話,去解釋圖層蒙版的原理和用法。

首先把"圖層蒙版"這個看起來很專業的名詞拆分開來解釋,這樣更容易理解一些,分別為"圖層"和"蒙版"。

圖層

先來看看什麼是圖層:用大白話來解釋,圖層,就是圖片的每一層。

大家在使用PS新建一張圖片文件時,你的圖層面板是這樣的:

新建圖像默認的圖層

在圖層面板中,會根據圖片生成一個默認的圖層,名字叫做"背景",通常情況下,我們把這個初始圖層稱呼為"背景層",這就是你所新建圖片文件的一個縮略圖。

毫無疑問,背景層就是你所新建立的這張圖片,因為圖片上什麼都沒有添加,所以它只有一個默認的圖層。

那麼我們嘗試著往背景中添加一些元素看看,首先點擊圖層面板下方的"+號"按鈕,這個就是新建圖層的按鈕了(2020之前版本,新建圖層按鈕是一個折角紙張的圖形,請大家注意區分):

不同版本的PS,新建圖層按鈕不同

點擊"新建圖層"按鈕後,圖層面板上會多出一個空白的圖層,因為我們沒有往新圖層裡添加任何元素,所以,它是空白的,再圖層面板上,以灰白相間的網格形式表現出來,因為它是背景層之上的第一個圖層,所以系統默認把它命名為"圖層1":

新建立的空白圖層

現在可以嘗試往這個新建的圖層裡面添加一些元素了,簡單點,比如畫個圓,此時圖層面板中新圖層的縮略圖也發生了變化,剛剛畫上去的圓形,也被呈現出來:

在空白圖層中添加元素

這個時候,我們已經擁有了兩個圖層,一個是下方默認的背景圖層,一個是新建立並且畫了個圓形的圖層1,此時使用工具欄中的"移動工具"(快捷鍵V),可以拖動調整圓形的位置,你可以放置到任何你喜歡的位置上去。

再來添加一個圖層,並加入一些元素進去。依然是點擊圖層面板下方的"新建圖層"按鈕,為圖片添加第三個圖層,也就是"圖層2",然後在上面畫一個方形:

再建立一個圖層,加入元素

看到圖片上有什麼變化了吧,被畫上方塊的"圖層2"遮擋了部分"圖層1"圓形的內容,這是什麼緣故呢?

是因為圖層順序!

大家看圖層面板上的排序,從上到下,依次為綠色方塊的圖層2,紅色圓形的圖層1,以及默認的白色背景圖層。圖層順序的排列,導致最上面的圖層優先顯示,這就是圖層2方塊能夠擋住圖層1圓形的原因了。那麼嘗試用滑鼠在圖層面板中,按住滑鼠左鍵上下拖動拖動圖層,改變圖層順序,看看又會發生什麼:

修改圖層順序

圖層1和圖層2經過滑鼠拖動,之前的順序產生了變化,圖層2的方塊排在了圖層1圓形的下方,這樣圖層1就是在圖層列表的最上面,所以它優先顯示,擋住了下方圖層2的一部分。

看到這裡,相信小夥伴們已經明白了圖層的原理,就是一層一層的疊加上去,然後通過圖層排序來顯示嘛~!完全正確!

我們用一個生活中常見的物體來描述圖層的原理,背景圖層就是一張白紙,圖層1是一張透明的玻璃板,你不但可以在上面畫各種形狀,還可以移動玻璃改變形狀的位置。而圖層2則是又添加了一塊透明玻璃板,又畫上了新的形狀,這兩個有內容的玻璃板,不但可以移動位置,還可以重新排序,它們之間是互相遮擋,還是並列顯示,全部看你的心情來決定,這就是圖層。

蒙版

PS中有好幾種蒙版,比如矢量蒙版、快速蒙版、圖層蒙版、剪切蒙版等等,分別代表著不同用途,本節中所介紹的圖層蒙版,只是針對圖層使用。

蒙版的英文名稱是Mask,用在PS中,可以翻譯為遮罩、遮住、蒙版等含義。

先來通俗的舉例解釋一下,圖層蒙版是幹什麼用的:

圖層蒙版類似我們日常使用的手機屏幕上,貼的那層鋼化膜。鋼化膜附著在手機屏幕上,保護屏幕不被劃傷。即便受損,也只是鋼化膜受損,撕掉扔了就是,手機屏幕本身不會受傷。

圖層蒙版附著在圖層上,就如同鋼化膜貼在手機屏幕上,修圖修的不理想,直接刪除蒙版也行,使用工具恢復回來也行,可以重複使用,作用同樣是保護照片本身不受損害,這一點比鋼化膜好用,哈哈。

大概理解一下就行,我們還是要在圖片中去操作,才能更加容易理解蒙版的原理和用法。先看一下如何為圖層添加一個蒙版,圖層面板下方,有一個外方內圓的小圖標,這個就是為圖層添加蒙版的按鈕,滑鼠點擊一下,就會為當前選中的圖層添加一個圖層蒙版:

為圖層添加蒙版

大家看,我選中的是圖層1,帶紅色圓形的圖層,然後點擊下面的"添加圖層蒙版"按鈕後,圖層1後面,就多出一個白色的方塊,這就是圖層蒙版,就是手機屏幕上的鋼化膜。

請大家注意,這個時候,圖層1上面,就有兩部分內容組成了,一個是本圖層,一個是圖層蒙版,相當於一個是手機屏幕,一個是鋼化膜。下一步要在哪部分中進行,一定要做好選擇。

在這裡需要插一句,新建圖層蒙版之後,默認的選擇區域,是圖層蒙版,大家注意看,圖層蒙版的周圍,有四調白色的直角線,也就是說,目前選中的是圖層蒙版,接下來你的操作,將全部在圖層蒙版中進行。

被選中區域周圍有白色的直角線條

比如我想在紅色圓形中添加一些新內容,這時候就要回到本圖層上去操作,需要用滑鼠先點擊一下蒙版前方的帶有紅色圓形的圖層,這個時候圖層的周圍,會出現四條白色直角線,說明當前選中的操作區域,是圖層本身,而之前蒙版周圍的白色直角線,則會消失:

當選中圖層時,直角線條出現在圖層周圍

這樣就能明白,白色直角線在那個部分,我們就是在哪個區域中工作。以前有很多朋友給我留言,說圖層蒙版操作不明白,基本上就是在這裡出了問題,選錯了工作區域。

好了,回到我們的圖片中來。既然為圖層1建立了圖層蒙版,接下來我們在操作中學習圖層蒙版的工作原理。

大家在圖層面板中可以直觀的看到,新建的圖層蒙版是白色的,我們使用黑色的畫筆去塗抹幾下看看效果:

用黑色畫筆在圖層蒙版上塗抹

當我用不透明度為100%的黑色畫筆在蒙版中塗抹,圖像本身和圖層蒙版都發生了變化,圖像上紅色的圓形擦掉了一塊,露出了下方的綠色方塊。而圖層蒙版上原本全是白色的區域,也多出了一塊黑色,形狀就是我剛才塗抹過的樣子。接下來我把畫筆的不透明度調整到50%再找個地方塗抹一下,看看變化:

調整畫筆透明度再次塗抹

半透明的畫筆塗抹出來的效果,也是呈半透明狀態,此時圖層蒙版上,新塗抹的半透明區域,是以灰色來展現的。

我們做一個動圖,直觀一些的看看,到底是怎麼回事:

動圖演示塗抹方法

通過這個簡單的示範,我們看看圖層蒙版的工作原理吧:

PS中的圖層蒙版,它只能用黑白色及其中間的過渡色(灰色)來表現。

圖層蒙版中的黑色,就是擦掉當前圖層的內容,露出當前圖層下面圖層的內容來。

圖層蒙版中的白色,就是顯示當前層的內容。

圖層蒙版中的灰色則是半透明狀,當前圖層與它下面的圖層交界處的內容則若隱若現。

總結起來就是一句話:圖層蒙版的特性就是"黑透白不透"。

蒙版中的黑色區域,透明。

蒙版中的灰色區域,半透明。

蒙版中的白色區域,不透明。

前面我們說過,圖層蒙版如果做錯了,可以刪除,也可以恢復。刪除蒙版很簡單,滑鼠右鍵在圖層蒙版上點擊一下,會彈出菜單,選擇"刪除圖層蒙版",就可以將當前蒙版刪除,之後再重新建立蒙版就行。

刪除圖層蒙版的方法

不過這個方法一般用不上,因為蒙版是可以恢復的!

咋個恢復方法呢,還要從圖層蒙版的特性說起,剛才講過,它的特點是"黑透白不透",用黑色畫筆在蒙版中塗抹,塗抹區域就變透明了,露出下方圖層的內容。那反過來思考一下,如果塗抹的效果不滿意,是不是也可以用白色畫筆,在剛才塗抹過的黑色區域中塗抹,把之前的內容擦回來呢?看個動圖:

使用白色畫筆將之前塗抹過的區域恢復回

就是利用黑透白不透的特點,把之前塗抹不理想的區域,用白色畫筆擦回來就是了,就是這麼簡單,所以就沒必要刪除圖層蒙版了。

圖層和圖層蒙版的概念,講到這裡相信小夥伴們也能明白個大概了,那麼在我們日常修飾攝影照片時,要在什麼情況下使用圖層蒙版呢,這就是很多朋友感興趣的話題了,舉個大家都喜聞樂見的例子,比如:換天空

打開一張風光圖片:

在PS中打開一張風光素材

再拖入一張替換天空的素材:

再加入一張天空素材

將天空素材圖層不透明度降低,設置在50%左右,這樣方便我們觀察素材的擺放位置。再使用CTRL+T自由變換,調整天空素材的大小,要覆蓋住背景圖層的天空部分才好,至於背景圖層的水面部分,不用管它,後面再處理:

調整天空素材大小和位置,降低圖層不透

位置擺放好了,敲回車完成自由變換,為天空素材新建圖層蒙版:

為天空素材添加圖層蒙版

使用黑色畫筆,或者從黑色到透明的漸變工具,將不想要的區域全都圖上黑色,讓天空素材變透明,露出下方的背景圖層,還是做個動圖吧:

動圖演示圖層蒙版使用方法

接下來將天空素材圖層不透明度調整至80%左右,把圖層混合模式修改為"變暗",基本上天空就換完了,是不是很簡單?

調整圖層不透明度和混合模式

願意豐富細節的同學,可以再製作一個水面上的天空倒影。使用CTRL+J將天空圖層再複製出來一份,然後CTRL+T,進入自由變換工具,滑鼠右鍵在變換框內點擊一下,彈出的菜單中,選擇"垂直翻轉",這樣複製出來的天空圖層就被上下顛倒過來,然後拖動位置,放在水面部分,敲回車完成自由變換:

製作水面倒影

再將圖層不透明度設置在50%左右因為倒影不可能如同天空一樣清晰濃重,所以減淡一些是應該的。最後再將倒影圖層的混合模式設置為"柔光",就完成調整啦!

調整圖層混合模式,降低不透明度

這個教程只是圖層蒙版中一小部分應用方法,這個工具真的是非常強大,今天先簡單介紹一下圖層蒙版的工作原理和基本使用方法,圖層蒙版可以結合畫筆、橡皮擦、漸變工具一起來使用,大家可以在做練習的時候逐個去嘗試一下,是個挺好玩的工具。

關於換天空實例中為什麼要使用"變暗"、"柔光"等圖層混合模式,由於篇幅有限,不能全部寫下來,感興趣的朋友可以去查找我之前寫過的"27種圖層混合模式"系列文章,那裡介紹了所有的圖層混合模式原理和用,就不在這裡贅述了。

好了,今天的內容就是這些,希望能夠幫助到那些弄不清楚圖層蒙版的同學,感謝大家觀看!

最後希望大家都能響應國家號召,足不出戶,共克時艱,管住自己的腿,就是為祖國做貢獻,天佑中華,勝利一定是屬於我們的!

需要教程的朋友,看這裡:

知識付費的年代 自食其力 生活總要繼續

相關焦點

  • PS基礎教程:圖層蒙版怎麼用?
    ps中圖層蒙版是經常使用的功能,今天我們就來看看ps圖層蒙版的具體使用方法。蒙版有好幾大類:快速蒙版、矢量蒙板、剪切蒙版、圖層蒙版,我們在攝影后期中最常用的就是圖層蒙版;我們控制蒙版的黑白灰來控制圖層是否可見,把圖層蒙版理解為,能使圖層變透明的布,我們在布上塗黑色時,圖層被隱藏不顯現,在布上塗白色時,圖層顯現,在布上塗灰色時,是半透明的狀態;白色的蒙版代表著完全顯示出來,黑色的蒙版代表著完全不顯示,蒙版控制著這個圖層是否顯示出來;
  • PS裡面圖層蒙版怎麼用?這些教程看完裡面變高手_圖層蒙版使用技巧
    圖層蒙版是一個十分重要和我們必須學會的工具。在這裡跟新手們講講蒙版的作用和怎麼使用圖層蒙版。photoshop裡帶蒙版字眼的有好幾個,如圖層蒙版、剪貼蒙版、快速蒙版等。通常我們說的蒙版,指的是圖層蒙版,圖層蒙版也是我們用的最多的,其他的幾個很少機會用到。我們這裡也主要介紹圖層蒙版的使用。蒙版(圖層蒙版)的作用是什麼?
  • ps如何使用圖層蒙版,剪貼蒙版,淘寶圖片優化必會
    那麼如何簡單快速有效的進行圖片美化,在下給大家普及ps中一個非常實用工具的使用方法【小白亦學習】,ps中蒙版到底如何使用? 圖層蒙版的使用技巧: 步驟:在PS中添加背景圖層——將圖片露西拖到背景圖層上方——點擊圖層蒙版(必須選中圖片露西圖層)——使用畫筆工具在圖片露西四周塗抹。
  • 在Photoshop中使用圖層蒙版的10個技巧
    圖層蒙版是Photoshop工作流程的基礎。從隱藏和顯示圖層的各個部分到創建更高級的選擇,再到無損工作,「圖層蒙版」可以幫助我們做很多事情。請按照以下步驟進行操作,以分解掌握該基本Photoshop工具的十大技巧。什麼是層遮罩?從最重要的問題開始:圖層蒙版到底是什麼?
  • PS繪畫上色小技巧(圖層蒙版)
    上色圖層蒙版1、先打開一張線稿。2、按住alt鍵把滑鼠指向圖層2和皮膚圖層之間,會出現一個向下的箭頭單機即可3、這樣做的目的是你在皮膚圖層上上好了底色,在圖層蒙版再次上色不會超出底圖顏色範圍,下面是無蒙版和有蒙版的區別圖層蒙版的使用可以大大加快繪畫上色的進度,之後的陰影上色,高光,柔和等這些上色都不會超出底色範圍,這樣便不用每層上色都需要將就邊緣,
  • PS教程|在Photoshop中如何用圖層蒙版摳圖?
    2.然後關掉背景圖層眼睛,再添加一個適當稍微偏暗一些的顏色。3.現在可以開始提取水的素材啦,對圖層1按ctrl+alt+2這個快捷鍵,得到高光選區後直接添加蒙版。4.現在看起來還有些不乾淨的邊緣石頭和樹木,接著按alt再配合滑鼠左鍵進入蒙版狀態,對蒙版ctrl+l調出色階微調整。5.微調之後點擊圖層任意位置退出蒙版狀態,再使用畫筆工具,前景色為黑色,將邊緣再塗抹乾淨。
  • 用photoshop圖層蒙版製作海報 電商美工實例教程 PS設計教學課程
    大家好,我是彭生生,今天呢,我來教大家用蒙版來設計一張海報。你可以一邊看,一邊打開photoshop一步步設計。接著新建圖層,點編輯-填充-顏色,我們選擇深褐色填充。在此基礎上新建圖層,用橢圓框選擇工具畫一個正圓,然後填充白色。第2步:複製2圓形圖層,並且調整2個圖層的透明度,倆個圖層的透明度設置不一樣,讓它形成立體的感覺。第3步:打開一張我們準備的好素材圖片,複製粘貼到文檔中來,正好把圓形遮蓋住。然後複製素材圖層。
  • 怎麼用PS將兩張圖片完美融合,精髓就是運用黑白漸變圖層蒙版!
    大家好,我是尤良,怎麼使用PS將兩張圖片完美融合在一起,精髓就是運用黑白漸變圖層蒙版,下面學溶圖技巧,我用的是cs6版本。首先,準備兩張圖片首先,將一個圖拉入PS中,雙擊鎖頭-確定,解除背景圖層鎖定,Ctrl+t右鍵水平翻轉-enter(因為要將兩張圖片人物都靠在邊緣,中間部位留出來進行融合),將另一張圖片拉入PS中,滑鼠移動圖層將圖片錯落開一些選擇最上一層,點擊圖層蒙版,點擊圖層蒙版,選擇漸變工具,黑白色,按圖選擇,選好後按住shift鍵,滑鼠從左拉向右,用黑色進行遮擋
  • 乾貨分享(第八期):PS蒙版教學,利用蒙版製造漸隱效果
    哈嘍,大家好,在下喬安生,之前已經跟大家說過圖層蒙版的一個應用。今天再跟大家分享下,如何利用蒙版製造出漸隱的一個效果。利用圖層蒙版 ,為圖像增加漸隱的感覺,然後利用畫筆工具來修改圖層蒙版以及改變圖層的混合模式 ,難點在於理解與掌握圖層蒙版的工作原理 ,然後靈活地使用該工具 。
  • PS新手入門:如何使用矢量蒙版?蒙版系列教程(四)
    前幾篇文章已經和大家分享了剪貼蒙版、圖層蒙版、快速蒙版,這次我們說說矢量蒙版。矢量蒙版是通過形狀控制圖像顯示區域的,它只能作用於當前圖層。其本質是使用路徑製作蒙版,遮蓋路徑覆蓋的圖像區域,顯示無路徑覆蓋的圖像區域。
  • PS蒙版與合成,先說下前沿東西,純文字的
    前幾個文章都是說PS有關摳圖的內容和方法,基本上就這幾種,看自己的天賦了,接下來我們說下有關蒙版與合成的,利用系統提供的圖片我找到了一張範冰冰的照片,真白啊!今天說下蒙版的幾個分類。先說下蒙版的意思,是指用於控制照片不同區域曝光的傳統暗房技術。
  • PS蒙版有什麼作用
    )用左邊第二個調整邊緣畫筆塗一下人物邊緣,在輸出到選擇新建帶有圖層蒙版的圖層這個時候人物就扣出來了,這個圖層就是太有蒙版的,可以看到蒙版上白色是顯示,而黑色就起到遮罩和隱藏的作用。2、保護圖層比如我們摳出來的圖需要再次更改,那麼蒙版就有一個再次編輯的作用,而且當我們按住shift點擊蒙版就可以取消遮罩,蒙版上會出現個×,想取消×的話,按住shift鍵再點擊一次就可以去除了,方便的不要不要的3.融圖可以用畫筆在添加蒙版上擦除
  • Alpha通道,蒙版與遮罩
    大家在視頻製作或者是處理圖片時,經常可以看到Alpha通道,蒙版與遮罩這三個詞彙。尤其是近些時期大火的Vlog中蒙版遮罩轉場,古風中水墨轉場,無縫轉場等特效都是運用這三個功能實現的。那麼它們在圖片和視頻編輯中到底起到什麼樣的作用呢?
  • 不知道Ps蒙版該怎麼用?詳細講解來了
    一塊板子蒙上去,蒙版,這蒙上去應該看不到了呀?可是為什麼我添加蒙版後覺得圖片沒變呢?其實,Ps蒙版的說法是來源於實際生活的不假,可是僅僅是含義相似,Ps中的蒙版並不是我們腦海裡想像中的那塊四四方方的木板子或者玻璃板子直接蒙上去的,此「板」非彼「版」。那接下來我們來看下Ps蒙版究竟是怎麼回事吧。
  • 09節:靈活的選區繪製工具「快速蒙版」
    在前面的幾節教程中,我們簡單介紹了PS軟體中,幾個比較常用的基礎調整工具,回顧以往的內容,我們分別對調整照片的一些基礎工具做了初步的了解,有「色階」、「色彩平衡」、「曲線」、「色相飽和度」、「可選顏色」、「陰影/高光
  • 在Adobe XD 如何做元素遮罩層(剪切蒙版)
    剪切蒙版在日常設計中非常重要,sketch 和 PS 都有很好的支持,Adobe XD 中也有很好的支持,不過用法略有不同,今天就給大家詳解下。1. 首先繪製一個矢量圖形作為遮罩層。2. 選中多個圖層。
  • ps快速蒙版工具摳圖,超實用技巧!
    今天在這裡啊喵教各位快速使用快速蒙版工具摳圖,主要工具:快熟蒙版、 畫筆工具在學習快速蒙版工具摳圖前,啊喵現在這和大家講講快速蒙版的使用原理:快速蒙版是指快速在圖像上創建一個暫時的蒙版效果,常用於精確定義選區,實現圖像選區的分離處理。
  • 如何在Photoshop中使用剪貼蒙版(而非圖層蒙版)
    什麼是剪貼蒙版?剪貼蒙版並不是很複雜,但是除非您了解它們的作用,否則在應用時可能會感到非常困惑。作為演示,先從一個空白的空文檔開始,然後創建一個文本對象。我們將創建一個剪切蒙版,剪切到文本對象的不透明像素。在您的文字圖層上創建一個新圖層,然後將其填充任何內容。出於演示目的,您可以導航至「編輯」>「填充」,並在上一層中使用圖案填充。右鍵單擊您放置在文本上方的圖層,然後選擇「創建剪貼蒙版」。
  • 電商美工第二課:ps的位圖、矢量圖和圖層
    各位同學大家好,我是曦和之家的木木老師,昨天給大家發布了一個用矢量圖轉換成位圖,然後填充之後,再複製圖層,做成一個一環套一環的奧運五環圖形。今天木木老師來給大家講解一下位圖、矢量圖和圖層的屬性以及關係。
  • photoshop圖片怎麼加蒙版方法 PS蒙版快捷鍵分享
    在裡面蒙版的效果使用非常廣泛,不過有部分小夥伴不知道怎麼使用,下面小編就告訴你。  首先,拖入素材,快捷鍵Ctrl+O;  接下來我們先通俗地了解一下蒙版的定義,其實它就是在圖層上面加上了一層板子,對於你選中的區域來講,蒙版默認是白色的不透明的(當然透明度是可以調的),未選中的部分是黑色的透明的,這樣以來如果圖層下方還有圖層的話,上面圖層中黑色的區域會顯示成下面圖層對應的地方