featureimage

Photoshop教學『剪裁遮色片』、『快速遮色片』及『圖層遮色片』的介紹與合成圖片運用!讓你一次搞懂這三種遮色片的差異。

文章最後更新於

在Photoshop裡有三種遮色片,『剪裁遮色片』、『快速遮色片』、與『圖層遮色片』,很多人常常都會搞不懂這三種遮色片的差異。今天這篇文章就要來教你認識這些遮色片的使用方法。

教學影片

 

ㄧ、剪裁遮色片(Clipping Mask)

原理:『剪裁遮色片』是一個可以讓我們把兩個不同的圖片合成在一起。例如可以把一張圖片與一個形狀合併在一起後變成一個設計後的外框,在平面設計上非常好用。

練習圖下載

範例一:

1. 首先我我們先建立一個透明圖層,之後在這個透明的圖層畫出任何你喜歡的形狀,這裡我就先做一個蝴蝶的形狀當示範。

clippingMask_pic_img1
2. 這裡看到有一隻蝴蝶已經在我們圖片的上方,記得要把我們的model圖片移到蝴蝶圖層的上方。

clippingMask_pic_img2

 

3. 建立剪裁遮色片的方法有兩種,第一種是在我們model的圖層按下滑鼠右鍵會看到『建立剪裁遮色片』,第二種是用快捷鍵的方式,在model 與蝴蝶的圖層中間按住我們鍵盤上的Alt 鍵後會看到一個往下的箭頭與正方形,這時按下滑鼠左鍵後就會建立剪裁遮色片了。

clippingMask_pic_img3

 

4. 建立完遮色片後就會像下圖一樣,如果想改變蝴蝶或model照片的大小或顯示的範圍都能在選取各自的圖層後做改變。

clippingMask_pic_img4

 

 

範例二:

除了圖片與形狀的合併外,剪裁遮色片也能運用在我們文字的上面,當我們在做平面設計時也是非常好用的一個技巧。首先先建立一個文字。首先先建立一個文字。

練習圖下載 

1. 先建立一段文字

ClippingMask_text_img1

 

排版的小技巧: 按住Alt+鍵盤左鍵或右鍵 =增加或減少左右字間的縮排。 按住Alt+鍵盤上鍵或下鍵 = 增加或減少上下字間的縮排。

2. 貼上我們想要的圖片

ClippingMask_text_img2
 
3. 建立剪裁遮色片( 按滑鼠右鍵 or Alt鍵 )

ClippingMask_text_img3
 
4. 如果想要讓文字增加效果的話可以在我們文字圖層按下滑鼠右鍵選擇『混合模式』

ClippingMask_text_img4

 

 
 
5. 在混合模式裡可以讓文字有不一樣的設計,這裡我增加了斜角和浮雕與陰影,想要不同種的效果的話可以在這裡試不同的模式。

ClippingMask_text_img5

 

二、快速遮色片(Quick Mask)

原理:快速遮色片的原理很像圖層遮色片,都可以在圖片上保留我們想要的部份,不過快速遮色片是在我們用畫筆畫出後保留我們想要的部分後轉成選取區域。聽起來很複雜對吧?沒關係,我們用例子來解釋就會比較清楚了。

練習圖下載

1. 左下角的這個圖示就是『快速遮色片』,『Q』為快捷鍵。

quickMask_img1
 
2. 這時我們用筆刷工具把時鐘給塗起來

quickMask_img2

 

 
 
3. 塗完之後我們再按下『快速遮色片』的圖示或『Q』鍵後會看到除了時鐘之外的區域都成了選 取的範圍。

quickMask_img3

 

 
 
因為PS『快速遮色片』的初始設定是塗色的範圍為不被選取的範圍,這樣跟我們的常識不太一樣,所以我們可以到裡面改變設定。

4. 在『快速遮色片』的圖示上快速的點兩下滑鼠左鍵,這時我們要把顯示指示改為選取區域。

quickMask_img4
 
5. 我們先把之前的選取區域取消掉或按Ctr +D or Cmd+ D

quickMask_img5

 

6. 塗完關閉『快速遮色片』後按下左邊矩形選取工具再到圖片上按下滑鼠左鍵選擇『拷貝的圖層』

quickMask_img6

 

quickMask_img7

 

7.  之後會看到我們的鬧鐘圖案已經拷貝為另一個圖層, 再用『移動工具』移動我們第二個鐘。

quickMask_img8

 

快速遮色片部分透明用法: 你知道嗎?運用『快速遮色片』能將我們想要的物體改變成半透明的。這裡我們繼續用我的時鐘來演示。

我們知道在黑跟白顏色中間有不同深淺的灰色。這裡我打開前景色的檢色器把顏色調成灰色。

quickMask_img9

 

我們在第二個複製的鬧鐘塗上不同深淺的灰色

quickMask_img10

 

quickMask_img11

 

這邊可以看到關閉『快速遮色片』後只會看到最深的區域被選取到,但其實是淺色的部分也會被選取到,只是PS沒有顯示。

quickMask_img12

 

複製第三個圖時可以明顯得看到我們時鐘是由越來越透明。這樣就能將我們想要的物體呈現局部透明囉!

quickMask_img13

 


、圖層遮色片(Layer Mask)

接下來就要介紹到Photoshop裡合成圖片時最常用也最好用的『圖層遮色片』。圖層遮色片的可以讓我們想要的部分顯示出來,不想要的部分隱藏起來。跟橡皮擦工具很像,但比橡皮擦的更好的是不會去破壞到我們原本圖片的部分。

當我們已經花很多時間去處理一張圖時,突然我們又需要把我們擦掉的部分還原,這時如果是利用橡皮擦工具的話就會需要重新做一次或一直按返回。這樣一點效率都沒有。相反的,『圖層遮色片』提供更彈性的方法,我們只要把畫筆換成白色就能把我們想顯示的部分變出來。

圖片下載

利用『圖層遮色片』製作真實倒影

1. 首先我們先用快速選取工具將我們的小豬選好後,在空白處按下右鍵選拷貝的圖層。

layerMask_img1

 

2.再來我們到『編輯→變形→垂直翻轉』來將我們拷貝的圖層翻轉移到主體下。

layerMask_img2

 

3. 移動小豬時記得按住我們鍵盤上的Shift鍵,這樣可以幫助我們移動圖時能幫我們自動對齊上面的圖。

layerMask_img3

 

4. 按下圖層遮色片後,將拷貝的這個圖層不透明度改為40%左右。 到左邊選漸層工具後再到上面的地方選擇黑到白漸層,選取反向與不透明度為80%左右。在我們拷貝的圖層由上往下拉就會變成如範例圖倒影的樣子了。

layerMask_img4

 

最後這裡要教大家一些在使用『圖層遮色片』時需要的一些快捷鍵,可以幫助我們以後做圖時更有效率。

  • 『SHIFT+左鍵』 – 暫時關閉圖層遮色片功能
  • 『ALT/OPTN+左鍵』 – 顯示圖層遮色片塗抹區域
  • 『CTRL/CMD+左鍵』 – 把圖層遮色片轉為選取區域
  • 『CTRL/CMD+I』 – 反轉圖層遮色片中黑白部分(顯示變隱藏,隱藏變顯示)

如果喜歡我的文章的話~

拜託訂閱+留言+按5個Like
謝謝大家,你的鼓勵是我最大的動力

by Miles

19 thoughts on “Photoshop教學『剪裁遮色片』、『快速遮色片』及『圖層遮色片』的介紹與合成圖片運用!讓你一次搞懂這三種遮色片的差異。”

    1. 我圖片都有提供連結唷,可能不是很明顯XD,每一個有寫圖片下載的就是了。
      謝謝你的提醒,下次會把圖片下載的字弄明顯一點:)

    1. Krita我是第一次聽到,查了一下網路看一下也是不錯的軟體,重點是價錢比Photoshop便宜多了XD。
      謝謝你的建議唷,我會再去研究一下這個軟體的,畢竟不是沒跟人都需要用到Photoshop的。

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *