您可以在圖層上加入遮色片,然後使用遮色片隱藏此圖層的某部分及顯現位於下方的圖層。在圖層上加入遮色片是極為珍貴的組合技術,可將數張相片結合成單一影像,或是移除相片中的人或物件。

影片教學: 使用遮色片隱藏部分影像

影片教學: 使用遮色片隱藏部分影像
Matthew Pizzi

影片教學: 使用遮色片移除背景中的人像

影片教學: 使用遮色片移除背景中的人像
lynda.com

關於圖層和向量圖遮色片

您可以使用遮色片隱藏圖層的某部分及顯現下方圖層的某部分。您可以建立兩種類型的遮色片:

  • 圖層遮色片是以繪圖或選取工具編輯,且與解析度有關的點陣影像。

  • 向量圖遮色片與解析度無關,而且是以筆型或形狀工具建立而成。

    圖層遮色片和向量圖遮色片都是非破壞性的編輯方式,也就是說,您稍後還可以回頭重新編輯遮色片,而不會遺失它們所隱藏的像素。

    在「圖層」面板中,圖層遮色片和向量圖遮色片兩者都會顯示為圖層縮圖右側的額外縮圖。圖層遮色片的這個縮圖代表增加圖層遮色片時所建立的灰階色版。向量圖遮色片的縮圖則代表剪裁圖層內容的路徑。

註解:

若要在「背景」圖層上建立圖層遮色片或向量圖遮色片,首先要將它轉換成一般圖層 (「圖層 > 新增 > 背景圖層」)。

遮色片圖層
遮色片圖層

A. 圖層遮色片縮圖 B. 向量圖遮色片縮圖 C. 向量圖遮色片連結圖示 D. 增加遮色片 

您可以編輯圖層遮色片,增加或減去遮色片區域。圖層遮色片是一個灰階影像,因此以黑色塗繪的區域會隱藏起來,以白色塗繪的區域會顯示出來,而以灰色陰影塗繪的區域則會以不同的透明度層級顯示。

以黑色塗繪背景、以灰色塗繪描述卡、以白色塗繪籃子
以黑色塗繪背景、以灰色塗繪描述卡、以白色塗繪籃子

向量圖遮色片會在圖層上建立邊緣尖銳的形狀,當您想要增加清楚定義邊緣的設計成份時,隨時都可以使用它。使用向量圖遮色片建立圖層之後,就可以將一或多個圖層樣式套用到圖層上,依照需要加以編輯,並且立即擁有可使用的按鈕、面板或其他網頁設計成份。

「屬性」面板提供可用於調整遮色片的其他控制項。您可以更改遮色片的不透明度,以顯示更多或更少已使用遮色片的內容,也可以反轉遮色片或調整遮色片邊界,方法就像選取區域一樣。

屬性面板
屬性面板

A. 圖層遮色片 B. 向量圖遮色片 

增加圖層遮色片

在增加圖層遮色片時,可以隱藏或顯示所有圖層,也可以根據選取範圍或透明度來套用遮色片。稍後您要在遮色片上繪圖,以精確隱藏該圖層的某部分,並顯現位於下方的圖層。

增加顯示或隱藏整個圖層的遮色片

  1. 確認尚未選取影像的任何部分。選擇「選取 > 取消選取」。
  2. 在「圖層」面板中選取圖層或群組。
  3. 執行下列任一項作業:
    • 若要建立會顯現整個圖層的遮色片,請在「圖層」面板中按一下「增加圖層遮色片」 按鈕,或是選擇「圖層 > 圖層遮色片 > 全部顯現」。
    • 若要建立會隱藏整個圖層的遮色片,請按住 Alt 鍵 (Windows) 或按住 Option 鍵 (Mac OS) 並按一下「增加圖層遮色片」按鈕,或是選擇「圖層 > 圖層遮色片 > 全部隱藏」。

增加會隱藏圖層某部分的圖層遮色片

  1. 在「圖層」面板中選取圖層或群組。
  2. 在影像中選取區域,並執行下列任一項作業:
    • 按一下「圖層」面板中的「新增圖層遮色片」按鈕 ,建立顯現選取範圍的遮色片。
    • 按住 Alt 鍵 (Windows) 或 Option 鍵 (Mac OS),同時按一下「圖層」面板中的「新增圖層遮色片」按鈕,即可建立隱藏選取範圍的遮色片。
    • 選擇「圖層 > 圖層遮色片 > 顯現選取範圍」或「隱藏選取範圍」。

從圖層透明度建立遮色片

如果您要直接編輯圖層透明度,請從這項資料建立遮色片。這項技術對於視訊和 3D 工作流程很實用。

  1. 在「圖層」面板中選取圖層。
  2. 選擇「圖層 > 圖層遮色片 > 來自透明選取範圍」。

Photoshop 會將透明度轉換為不透明顏色,以新建立的遮色片隱藏起來。不透明顏色的變化極大,根據濾鏡和先前套用至圖層的其他處理方式而定。

套用其他圖層中的圖層遮色片

  • 執行下列任一項作業:
    • 若要將遮色片移到另一個圖層,請將遮色片拖移到該圖層。
    • 若要複製遮色片,請按住 Alt 鍵 (Windows) 或 Option 鍵 (Mac OS),並將遮色片拖移到其他圖層。

解除圖層和遮色片的連結

依預設,圖層或群組會連結到它的圖層遮色片或向量圖遮色片,您可以從「圖層」面板中縮圖之間的連結圖示 看出來。使用「移動」工具 移動影像中的圖層或遮色片時,這兩者會一起移動。解除它們之間的連結就可以分別移動它們,而且可以將遮色片的邊界與圖層分開來。

  • 若要解除圖層與其遮色片的連結,請在「圖層」面板中按一下連結圖示。

  • 若要重建連結及其遮色片之間的連結,請在「圖層」面板中,按一下圖層與遮色片路徑縮圖之間的位置。

關閉或啟動圖層遮色片

  • 執行下列任一項作業:
    • 選取要關閉或啟動圖層遮色片的圖層,然後按一下「屬性」面板中的「關閉/啟動遮色片」按鈕
    • 在「圖層」面板中,按住 Shift 鍵並按一下圖層遮色片縮圖。
    • 選取要關閉或啟動圖層遮色片的圖層,然後選擇「圖層 > 圖層遮色片 > 關閉」或「圖層 > 圖層遮色片 > 啟動」。

    如果遮色片為關閉的,在「圖層」面板中的遮色片縮圖之上會出現一個紅色的 X,而且圖層的內容不會有遮色片效果。

套用或刪除圖層遮色片

您可以經由套用圖層遮色片,永久刪除圖層的隱藏部分。由於圖層遮色片會儲存成 Alpha 色版,因此套用及刪除圖層遮色片可以縮減檔案大小。您也可以在不套用更改的情況下刪除圖層遮色片。

  1. 在「圖層」面板中,選取包含圖層遮色片的圖層。
  2. 執行下列任一項作業:
    • 將圖層遮色片套用至圖層之後,如果想要永久移除該圖層遮色片,請按一下「屬性」面板底部的「套用遮色片」圖示
    • 如果圖層尚未套用圖層遮色片,就想要移除該圖層遮色片,請按一下「屬性」面板底部的「刪除」按鈕,然後按一下「刪除」。

    您也可以使用「圖層」選單,套用或刪除圖層遮色片。

    註解:

    如果您刪除圖層遮色片,就無法將此圖層遮色片永久套用至「智慧型物件」圖層。

選取及顯示圖層遮色片色版

如果想要比較輕鬆地編輯圖層遮色片,您可以單獨顯示灰階遮色片,或將它當成圖層上的紅色修色覆蓋來顯示。

  • 在「圖層」面板中,執行下列任一項作業:

    • 按住 Alt 鍵 (Windows) 或 Option 鍵 (Mac OS) 並按一下圖層遮色片縮圖,即可只檢視灰階遮色片。若要重新顯示圖層,請按住 Alt 鍵或 Option 鍵並按一下圖層遮色片縮圖。或者,按一下「屬性」面板中的眼睛圖示 
    • 按住 Alt+Shift 鍵 (Windows) 或 Option+Shift 鍵 (Mac OS),並按一下圖層遮色片縮圖,以紅色遮色片顏色檢視圖層上方的遮色片。按住 Alt+Shift 鍵或 Option+Shift 鍵並再按一下縮圖,則可關閉顏色顯示。

更改圖層遮色片的紅色修色片顏色或不透明度

  1. 在「色版」面板中,按兩下圖層遮色片色版。

  2. 若要選擇新的遮色片顏色,請在「圖層遮色片顯示選項」對話框中,按一下色票,然後選擇新的顏色。
  3. 若要變更不透明度,請輸入介於 0% 與 100% 之間的數值。

    顏色和不透明度兩種設定都只會影響遮色片的外觀,對於下面區域的保護方式則沒有任何影響。例如,您可能會想要更改這些設定,使遮色片在影像的顏色中更容易看得見。

  4. 按一下「確定」。

調整遮色片的不透明度和邊緣

使用「屬性」面板,調整已選取圖層或向量圖遮色片的不透明度。「濃度」滑桿控制遮色片的不透明度。羽化可以柔化遮色片邊緣。

其他選項是圖層遮色片專用。負片效果選項會反轉遮色片區域和無遮色片區域。「遮色片邊緣」選項提供多種可修改遮色片邊緣的控制項,例如「平滑」和「縮減/擴張」。如需有關「顏色範圍」選項的資訊,請參閱建立調整和填色圖層並設定相關限制

變更遮色片濃度

  1. 在「圖層」面板中,選取包含要編輯之遮色片的圖層。
  2. 在「圖層」面板中,按一下「遮色片」縮圖。縮圖周圍會出現邊框。

  3. 在「屬性」面板中,拖移「濃度」滑桿即可調整遮色片的不透明度。

    濃度為 100% 時,遮色片完全不透明,會封鎖圖層的所有下方區域。降低濃度時,遮色片下方越多區域可以顯現。

羽化遮色片邊緣

  1. 在「圖層」面板中,選取包含要編輯之遮色片的圖層。
  2. 在「圖層」面板中,按一下「遮色片」縮圖。縮圖周圍會出現邊框。

  3. 拖移「羽化」滑桿,將羽化效果套用至遮色片邊緣。

    羽化會模糊遮色片邊緣,在使用遮色片和不使用遮色片的區域之間建立較柔和的過渡效果。羽化會從遮色片邊緣往外套用,範圍即為您以滑桿設定的像素範圍。

調整遮色片邊緣

  1. 在「圖層」面板中,選取包含要編輯之遮色片的圖層。
  2. 在「圖層」面板中,按一下「遮色片」縮圖。縮圖周圍會出現邊框。

  3. 按一下「遮色片邊緣」。您可以使用「調整遮色片」對話框中的選項來修改遮色片邊緣,以及檢視不同背景下的遮色片。如需選項說明,請參閱調整選取範圍邊緣

  4. 按一下「確定」,關閉「調整遮色片」對話框,並將變更套用至圖層遮色片。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策