「遮色片」的創意用法:訣竅與技巧

50,002

Mattlamp

Mattlamp

大家好!在這個教學中,我將介紹一些使用圖層遮色片的通用技巧,以及一些更有趣、更進階的技巧,可以用在我們的繪畫、動畫或完成效果上。\n希望對您有所幫助!

圖層遮色片快速入門

圖層遮色片是一種非常強大的工具,能以非破壞性的方式工作,因為您可以重新編輯遮色片,而不會丟失它們所隱藏的像素。 \n首先,讓我們快速回顧它們的工作原理:\n當我們建立圖層遮色片時,它會以縮圖的形式出現在圖層旁邊。 \n\n■ 遮色片的原理非常簡單,遮色片是一個灰階圖像,黑色部分會隱藏原始像素,而白色部分則會顯示。

▼ [1] 我在這裡準備了一個簡單的範例插圖,以回顧基本的遮色片操作。我有一個番茄的繪圖在單獨的圖層中。我們將把圖層遮色片應用到這個圖層。

▼ [2] 讓我們建立圖層遮色片。為此,我們可以點擊[圖層]調色板上的圖示來建立圖層遮色片,或者前往[圖層]選單 → [圖層遮色片] → [選區外遮色片](如手冊所述,如果未建立選區,遮色片會應用於整個圖層)。\n提示:如果您按住 Alt 鍵並點擊圖層遮色片圖示,它將建立一個黑色遮色片,這樣整個圖層都會被隱藏。這在我們想要隱藏所有圖像資料然後再顯示所需部分時非常有用。

▼ [3] 現在我們已經建立了圖層遮色片,我們可以使用橡皮擦工具(快捷鍵 E)或使用任何筆刷並以透明度繪畫(快捷鍵 C)。 \n\n重要提示:首先,請確保已選擇圖層遮色片,只需點擊圖層遮色片縮圖(選定圖層周圍會出現黑色邊框以進行編輯)。 \n\n■當我們使用透明度繪畫時,我們隱藏了圖層,但原始像素保持不變。\n要顯示隱藏的像素,只需使用任何不透明顏色繪畫即可。

■ 請記住,我們可以使用任何筆刷工具在圖層遮色片上以透明度繪畫,也可以使用填色工具,因此請嘗試使用裝飾性筆刷來實現各種效果。 \n\n▼[4] 遮色片處理過程的一個範例。請注意,我們不會丟失原始圖層上的任何資訊,我們只是隱藏和顯示。(非破壞性工作流程)

注意:我們可以在所有圖層類型上使用圖層遮色片,而不僅僅是點陣圖層。\n這在使用色調和填色圖層、圖像和圖案以及校正圖層時特別有用,因為我們可以保留這些圖層類型的可編輯性。\n\n如果您想了解更多關於圖層類型的信息,請閱讀此教學。▼

基本操作 | 編輯圖層遮色片

為了讓使用遮色片更容易,讓我們列出我們可以對圖層遮色片進行的基本操作,以及我在教學中將會繼續使用的一些術語。\n■ 稍後我會向您展示這些功能在處理更進階的遮色片時的實際應用範例。希望這對您有所幫助。\n

一些基本操作:\n●刪除:選擇[圖層]選單 > [圖層遮色片] > [刪除遮色片]以從選定圖層刪除圖層遮色片,或者點擊並拖曳圖層遮色片到[圖層]調色板上的垃圾桶圖示。

●套用遮色片至圖層:[圖層]選單 > [圖層遮色片] > [套用遮色片至圖層],將圖層與圖層遮色片合併,這會從原始像素中減去遮色片。\n\n■注意:當我們將遮色片套用至圖層時,它會變成點陣圖層,無論原始類型為何。\n\n

●移動:我們可以透過點擊並拖曳[圖層]調色板上的遮色片,將遮色片從一個圖層移動到另一個圖層。

●複製:我們可以透過 Alt+點擊並拖曳[圖層]調色板上的圖層遮色片縮圖,將遮色片從一個圖層複製到另一個圖層。

●反轉:如果我們按下 Ctrl+I,隱藏和顯示的區域將會互換。

●啟用/停用遮色片:Shift+點擊[圖層]調色板上的圖層遮色片,或前往[圖層]選單 > [圖層遮色片] > [啟用遮色片]。

●顯示/隱藏遮色片區域:我們可以透過 Alt+點擊[圖層]調色板上的圖層遮色片,或前往[圖層]選單 > [圖層遮色片] > [顯示遮色片區域]來顯示遮色片區域。\n■注意:要更改遮色片的顯示方式,請前往[檔案]選單 > [偏好設定] > [圖層/格]。\n在[遮色片]標籤中,可以更改顏色和不透明度。我將其更改為100%不透明的亮綠色,以便在編輯時更容易看到遮色片區域。

●連結/取消連結:要將遮色片連結或取消連結到圖層,我們可以點擊縮圖之間,或者前往[圖層]選單 > [圖層遮色片] > [連結遮色片至圖層]。\n■注意:連結時,[圖層]調色板上的圖層和遮色片縮圖之間會出現一個勾選標記。

■重要提示:當取消連結時,我們可以獨立移動和變換圖層和圖層遮色片,這非常有用,我稍後會在更實際的範例中運用這一點。\n▼ 在這個範例中,我取消連結了圖層和遮色片,然後選擇了原始圖層(而不是遮色片),以便在遮色片內部移動或變換(Ctrl+T)。

■注意:我們可以在圖層遮色片上使用色調校正,方法是前往[編輯]選單 > [色調校正],例如色調曲線或色階,以更改遮色片資料。我們也可以使用濾鏡,例如模糊。

了解剪裁遮色片

剪裁遮色片是一種將圖層遮罩到已存在圖層像素的快速方法。 \n■注意:例如,我們可以使用剪裁遮色片在單獨的圖層上為頭髮添加陰影、套用紋理或為線條上色。\n

讓我們測試它們的工作方式:\n▼ [1] 在這個範例中,我準備了幾個獨立的圖層,一個用於線稿,另一個用於實色,還有幾個圖層用於剪裁。

▲[2] 我在線稿圖層上方又建立了一個圖層,然後用一支大軟筆刷畫了一些隨機的顏色。當我們剪裁到下方的圖層時,它只會顯示在下方圖層的不透明像素上,在這個範例中就是線稿。

▼ [3] 讓我們將顏色圖層剪裁到線稿圖層。為此,我們選擇上方的圖層,然後點擊[圖層]調色板上的[剪裁到下方圖層]按鈕。\n如您所見,顏色只會顯示在線稿上。

▲[4] 我對圓圈內的實色重複了相同的步驟,但這次使用了紋理筆刷。\n如您所見,剪裁遮色片是一種很好的方式,可以在先前繪畫的區域上添加細節,而無需建立遮色片。\n■注意:我們可以在同一個圖層上堆疊多個剪裁遮色片。我們也可以剪裁群組。\n此外,我們可以將剪裁遮色片與普通的圖層遮色片結合使用,以繼續精修圖像。

創意用法:將圖像遮罩到可編輯文字中

讓我們結合剛才學到的一些基本概念,將圖像應用到可編輯的文字中。\n▼ [1] 我在這裡準備了一個簡單的可編輯文字圖層和一個圖像紋理。使用遮色片,我們不需要將圖像點陣化,因此它保留了原始資料。

▼ [2] 接著,讓我們將圖像(金色)圖層剪裁到可編輯的文字圖層。首先,我們選擇圖像圖層,然後點擊[圖層]調色板上的[剪裁到下方圖層]按鈕,這會將金色紋理應用到文字上。

▼ [3] 現在讓我們透過將剪裁遮色片與普通圖層遮色片結合,進一步編輯圖像紋理。讓我們在紋理圖層上建立一個圖層遮色片,並用筆刷繪畫以隱藏某些部分並顯示下方的文字圖層。\n■注意:為了展示使用可編輯圖層的優勢,我將文字圖層的顏色更改為洋紅色。這可以隨時更改而不會損失品質。 \n

▲[4] 現在我編輯了金色紋理。為此,我首先點擊縮圖之間的勾選標記來取消連結圖層遮色片。\n然後我選擇了物件工具(快捷鍵 O)來移動和縮放圖層遮色片內的圖像。\n

■注意:我們可以持續對遮色片或圖像進行更改,這就是非破壞性工作流程的強大之處,所以不要害怕嘗試。\n\n▼ 編輯未連結的金色紋理:

▼ 最終結果:

遮色片與剪裁的差異:混合模式

當我們使用剪裁和遮色片時,會注意到它們的行為非常相似,但在使用混合模式時存在一個關鍵差異。\n\n■注意:我將在實際範例中使用混合模式,但我不會深入探討它們的工作原理,因為這超出了本教學的範圍。如果您想了解更多,請閱讀此教學。▼\n\n

▼ [1] 為了說明差異,我準備了兩個藍色圓圈的副本,上面都疊加了一個黃色圖層。\n其中一個圓圈,黃色圖層是剪裁的,而另一個圓圈,黃色圖層帶有遮色片。\n要製作帶遮色片的那個,我們基於圓圈建立選區,我們可以按 Ctrl+點擊圖層縮圖,或前往[圖層]選單 > [從圖層建立選區]。然後我們用這個選區載入遮色片。\n■注意:如果我們取消連結這個圖層遮色片,它的行為會與剪裁的那個非常相似。

▼ [2] 現在讓我們將藍色圓圈設定為「正片疊底」混合模式。在這裡我們可以看到差異,當使用剪裁遮色片時,上方的黃色圖層會遵循混合模式所帶來的透明度,而使用遮色片時,我們保留了所有黃色資訊。

▼ [3] 圖層資料夾和遮色片:我們可以使用資料夾來組織工作,也可以將它們用於效果和製作。它們讓我們可以堆疊不同的圖層遮色片,以製作更複雜的遮罩,並保留所有遮罩的可編輯性。\n■ 例如,我們可以將幾個校正圖層、紋理等分組,然後將圖層遮色片應用於整個群組,以僅顯示我們需要的部分。或者在群組上使用圖層遮色片來定義我們需要的邊界,而不是將圖層遮色片從一個圖層複製到另一個圖層。

要建立圖層資料夾,我們可以點擊[圖層]調色板上的圖示,或者更方便的方法是選擇我們想要的圖層,然後前往[圖層]選單 > [建立資料夾並插入圖層],以建立資料夾並將選定的圖層插入其中。\n■ 提示:我將 Ctrl+G 指定為[建立資料夾並插入圖層]的快捷鍵,這樣我就可以選擇要分組的圖層,然後直接使用快捷鍵。

只要將資料夾上的遮色片視為任何遮色片即可。\n我在這裡用透明度和紋理筆刷繪畫 ▼\n

快速遮色片與選區圖層

選區是數位藝術中不可或缺的工具。建立選區的方法有很多種,例如套索工具、選框工具或[自動選擇]工具。\n一種簡單而強大的建立選區方法是使用快速遮色片模式。

▼ [1] 要使用快速遮色片,只需前往[選擇]選單 > [快速遮色片],它會在[圖層]調色板中建立一個[快速遮色片](預設以50%不透明度的紅色顯示以供參考)。

▼ [2] 現在我們可以開始使用任何填色或繪圖工具填充這個圖層。我使用了填色工具,並啟用參照其他圖層的選項。當我們用不透明顏色繪畫時,它會填充預設的紅色,我們也可以透過繪畫透明度來擦除它。

▼ [3] 當我們完成填充要選取的區域後,我們再次前往[選擇]選單 > [快速遮色片]。這將刪除快速遮色片圖層,並將填充的區域轉換為選區。

■選區圖層:現在我們有了選區,我們可以建立一個選區圖層來儲存它並稍後重複使用。 \n▼ [4] 讓我們建立一個選區圖層。在選區活躍的情況下,我們前往[選擇 > 轉換為選區圖層]。這會預設建立一個綠色圖層,別擔心,這只作為參考。 \n■注意:我們可以前往[選擇 > 將選區圖層轉換為選區]或 Ctrl+點擊縮圖來載入選區。此外,將所有選區圖層放在資料夾中以便組織是個好主意。

創意用法:遮罩可編輯的填色圖層和圖案

■在之前的範例中,我們建立了一個選區圖層。現在讓我們使用這個選區來遮罩可編輯的填色,以試驗顏色。\n▼ [1] 首先我們載入選區。[選擇 > 將選區圖層轉換為選區]。\n在選區活躍的情況下,我們前往[圖層]選單 > [新圖層] > [填色]。這會建立一個填色圖層,並帶有一個反映選區的遮色片。

■注意:透過使用物件工具(快捷鍵 O)選擇填色圖層,我們可以快速編輯顏色,方法是更改顏色滑桿或在[工具屬性]調色板中更改。這讓我們能夠以非破壞性且簡單的方式實驗顏色。\n我將填色圖層放在門線下方,也放在一個資料夾中以堆疊遮色片。[圖層]選單 > [建立資料夾並插入圖層]

■讓我們透過對圖層資料夾套用遮色片來添加一些紋理,這不會影響填色圖層上的遮色片,因此我們可以無後顧之憂地工作,不必擔心犯錯或丟失資料。\n▼ [2] 首先,為圖層資料夾添加一個遮色片,然後使用紋理筆刷和透明色為填色圖層繪製一些紋理(我們正在隱藏像素)。

■現在讓我們實驗一下顏色。透過使用物件工具並移動顏色滑桿。

讓我們繼續使用遮色片的基本功能進行實驗。\n▼ [3] 現在我添加了一張圖像作為紋理。為了重複使用填色圖層遮色片,我透過 Alt+點擊並拖曳來複製它。 \n

[4] 然後我取消連結遮色片並對圖像套用變形(Ctrl+T)。▼

■另一個範例:這次讓我們使用圖案。\n▼ [5] 首先,讓我們從圖像建立圖案。這裡我有幾個角色。\n要建立圖案,我們前往[檔案]選單 > [匯入] > [從圖像建立圖案]\n這會打開[開啟]對話框,我們可以選擇要製作圖案的圖像。

▼ [6] 然後我們重複使用填色圖層的遮色片,並使用物件工具或[工具屬性]調色板編輯圖案。\n■注意:這只是一個簡單的範例,請嘗試不同的圖案以獲得不同的結果。

圖像作為遮色片:亮度轉不透明度

讓我們探索一種將圖像轉換為遮色片的方法,透過將圖層的亮度轉換為透明度。\n■注意:例如,這對於對圖像陰影進行特定更改或將破舊紋理應用於圖層很有用。\n▼ [1] 我在這裡準備了一個範例,其中包含一個圖像圖層(禁止進入)和一個紋理圖層,用於獲取遮色片的選區。

▼ [2] 然後我們透過前往[編輯]選單 > [將亮度轉換為不透明度],將紋理圖層的亮部像素轉換為透明。\n此功能會將圖像的白色部分變為透明,並保留暗部區域。\n■注意:當我們套用此功能時,不透明度在黑色(100%不透明)和白色(0%不透明)之間變化。\n■ 現在我們可以透過 Ctrl+點擊圖層縮圖或使用[圖層]選單 > [從圖層建立選區] > 建立選區來載入結果作為選區。

▼ [3] 載入選區後,我們可以隱藏紋理圖層並在圖像(禁止進入)圖層上建立遮色片。這將用紋理遮罩圖像。然後我們取消連結遮色片,透過移動遮色片來找到我們想要的部分。\n■注意:我需要更多對比度來達到我想要的破舊效果,所以我會前往[編輯]選單 > [色調校正] > [色階校正]來編輯圖層遮色片,並使用滑桿調整對比度。

▼ [4] 這裡作為一個快速範例,我透過剪裁一個藍色圖層並將兩個圖層放在一個資料夾中,來添加了另一個細節層。\n然後我按照之前的相同步驟,將背景水彩紙的紋理添加到了資料夾遮色片。

■ 現在我將展示一種技術,我們可以用它來完成插圖或實現對效果更深層次的控制。\n▼ [5] 這裡我有一個角色的平面插圖。我將使用[將亮度轉換為不透明度]來分離陰影和高光,並為每個部分建立遮色片。這將使我們能夠很好地控制完成過程。\n■注意:我們可以獨立地使用遮色片為陰影和光線添加色調校正、紋理等。\n

首先,我建立原始圖層的兩個副本,一個用於陰影,另一個用於高光。\n然後前往[編輯]選單 > [將亮度轉換為不透明度]。\n■重要提示:為了建立高光的選區,我會在套用[將亮度轉換為不透明度]之前,按下 Ctrl+I 反轉圖層。

▼ [6] 現在我們可以將圖層載入為選區。我們建立兩個圖層,每個圖層一個,並套用圖層遮色片。我為圖層命名以幫助我保持組織。\n■注意:一旦建立,如果我們需要更多對比度,我們可以像之前一樣編輯遮色片。要顯示哪些區域被遮罩,請按下 Alt+點擊遮色片縮圖。

▼ [7] 建立遮色片後,我們可以探索所有我們需要的最終修飾。始終以非破壞性的方式工作,並結合所有基本技術。\n在這個範例中,我透過將「光線」圖層更改為「新增(發光)」混合模式,並為陰影添加了一些顏色,來增加了一點發光效果。\n■注意:正如我一直重複的,這只是一個功能的簡單範例,請將這些概念應用到您自己的作品中,不要害怕嘗試不同的組合。\n

從照片中選取和遮罩物件

我將向您展示一種使用舊電視從照片中選取和遮罩物件的方法。\n▼ [1] 首先,我們複製原始照片,並從[圖層屬性]調色板中將[表現顏色]更改為灰色。為了避免遮色片和原始圖層之間錯位,請避免移動或縮放圖層。\n■注意:我們的目標是建立具有高對比度和清晰邊緣的區域,以選取圖像中我們不需要的部分。在這個範例中,我會將背景轉為純黑色,將電視螢幕轉為白色。

▼ [2] 我添加了一個色階校正圖層來編輯對比度,使大部分背景變黑,並保持電視邊緣相當清晰。要建立它,請前往[圖層]選單 > [新校正圖層] > [色階校正]。\n然後我透過前往[圖層]選單 > [合併可見圖層至新圖層]來建立一個可見圖層的合併副本。

▼ [3] 我使用選區和填色工具的組合,例如套索工具和筆刷工具,繪製了平面化的圖層,以便盡可能獲得清晰的邊緣和純粹的顏色。這對於使用[自動選擇]工具獲得良好的選區是必要的。\n■注意:在不損失邊緣的情況下,精修黑色或白色旁邊的灰色區域的一個簡單方法是使用疊加混合模式的筆刷工具。然後我們用不透明的黑色或白色繪畫,它只會針對不是100%純粹的區域。

▼ [4] 現在我們有了清晰的區域和邊緣,我們可以在原始圖層上建立一個圖層遮色片。使用[自動選擇]工具,我們可以選取要遮罩的區域並在圖層遮色片中填色。\n■注意:當我們對結果滿意時,我們可以透過前往[圖層]選單 > [圖層遮色片] > [套用遮色片至圖層]來套用圖層遮色片。 \n現在我們已經將電視分離出來,可以在任何我們想要的專案中使用它。(我們也可以將其儲存為 PNG 以保留透明度)

創意效果:紋理化陰影

讓我們使用圖層遮色片的基本功能來建立一個簡單的效果。\n▼ [4] 這裡我有一幅番茄的插畫,在草地上投下陰影。\n首先,建立一個圖層並將其混合模式設為「正片疊底」,降低不透明度。然後在陰影圖層上建立一個圖層遮色片,並使用植物或紋理筆刷繪畫,將陰影邊緣融入地面。\n■注意:這是一個簡單的效果,但利用基本功能我們可以獲得很好的結果,並且在必要時進行編輯。\n

創意效果:可編輯的角色發光

讓我們繼續結合技術與更實際的範例:\n這次我們將在角色後面建立一個發光效果,以實現酷炫和神奇的外觀,始終以非破壞性的方式工作。\n▼ [1] 這裡我們有一個角色,一個手持劍的女孩。我們想要為插畫套用一個最終效果,使其更突出,或者例如製作遊戲宣傳藝術品。\n第一步是將原始圖層載入為選區以製作遮色片。\nCtrl+點擊圖層縮圖或使用[圖層]選單 > [從圖層建立選區] > 建立選區

▼ [2] 在選區活躍的情況下,我們透過前往[圖層]選單 > [新圖層] > [填色]在原始圖層下方建立一個填色圖層。然後我們取消連結遮色片。\n■注意:請記住,我們可以使用物件工具或從[工具屬性]調色板更改填色圖層的顏色。

▼ [3] 讓我們對遮色片套用濾鏡。在這個範例中,我將使用動態模糊濾鏡來建立角色後方的發光效果。\n■首先,我們需要點擊縮圖來選擇遮色片圖層。 > 然後我們前往[濾鏡]選單 > [模糊] > [動態模糊]。這會打開一個對話框來修改濾鏡的設定。\n我們調整設定直到達到所需效果,然後按下確定將模糊套用到遮色片。\n然後我們打開上方的原始圖層,基本的發光效果就完成了。 \n■注意:我們仍然可以更改填色顏色來嘗試不同的結果。\n

▼ [4] 我們可以繼續透過混合迄今為止學到的基本技術來進行實驗。\n在這個範例中,我複製了填色圖層並更改了顏色。然後我將圖層混合模式設定為「新增(發光)」。這會產生具有更高亮度和平移顏色的效果。

▼ [5] 為了進一步編輯結果,在這個範例中,我為頂部填色圖層遮色片添加了高斯模糊,濾鏡]選單 > [模糊] > [高斯模糊]。\n>然後我使用物件工具並選擇顏色滑桿,將頂部填色圖層的顏色更改為綠色。\n結果是一個更柔和的發光模糊。

▼ [6] 我們可以嘗試遮罩效果,使其看起來只從劍發光。\n為此,我們將填色圖層放入一個資料夾中,以堆疊遮色片。然後用軟筆刷繪畫以隱藏我們不需要的像素。\n■注意:我們可以繼續結合基本技術和濾鏡,並獲得所有我們能想像的結果。

最終結果▼

創意用法:校正圖層與遮色片

校正圖層對於完成插圖非常有用,因為它們可以修改其下方所有圖層的顏色和對比度,我們可以修改其設定,並且還可以使用剪裁和圖層遮色片,為完成過程添加另一層自訂。

■注意:我們將探索校正圖層的一些用途,並實驗結合我們之前學到的技術。

▼ [1] 校正圖層的一個基本用途是修飾最終圖像,例如使用色調曲線圖層來增加對比度或創造暈影效果。\n首先,我們從[圖層]選單 > [新校正圖層] > [色調曲線]建立一個色調圖層。\n然後我們調整設定以增加圖像的對比度。\n■注意:當我們建立色調圖層時,會打開一個對話框,其中包含我們選擇的校正類型的設定。在這裡,我們修改設定,完成後按下確定。如果我們需要編輯校正圖層,我們可以雙擊圖層縮圖以打開設定。\n

▼ [2] 新的校正圖層預設會建立一個圖層遮色片。我們可以像在其他圖層類型上使用遮色片一樣,使用此遮色片來隱藏效果。\n■提示:如果我們只想修改圖像的一部分,一個好的做法是調整效果設定以達到我們需要的結果,然後用透明度填充遮色片以隱藏所有效果。\n然後我們可以繪製不透明顏色,只在我們想要的部分顯示效果。

▲ 在這裡,我們透過只在圖像邊緣顯示色調圖層來實現暈影效果。

▼ [3] 我們重複這些步驟,但這次使用色相/飽和度/亮度圖層,我們使用這個圖層來調整圖像的顏色。在這裡,我降低了圖像的飽和度,然後將其僅應用於番茄。

▼ [4] 為了增加角色的亮度,我建立了另一個色調曲線圖層,然後只在角色上顯示它。\n■注意:我們可以將混合模式與校正圖層一起使用以實現不同的結果,以及圖層不透明度。在這個範例中,我將色調曲線圖層設定為「新增(發光)」,並降低不透明度以使效果不明顯。\n有時在遮罩之前誇大效果會更好,這有助於我們在想要的區域上繪畫,然後我們編輯校正圖層以獲得正確的結果。

▼ [5] 讓我們嘗試使用圖像紋理來遮罩校正圖層,看看我們可以得到什麼樣的結果。 \n我放置了一個類似雲朵的紋理,然後前往[編輯]選單 > [將亮度轉換為不透明度] > Ctrl+點擊縮圖以將暗部載入為選區。\n然後我使用這個選區來遮罩一個色相/飽和度/亮度圖層。

▼ [6] 在這裡,我複製了(Alt+點擊並拖曳)校正圖層的遮色片到一個設定為「新增(發光)」的填色圖層,以獲得彩色雲朵發光效果。

▼ [7] 讓我們嘗試其他類型的紋理。\n首先,我們將畫布或破舊像素紋理應用到色相圖層。結果是紋理化的去飽和度。它給人一種老舊的效果。\n另一個是紋理化的水平線,我將其應用到設定為「新增(發光)」的填色圖層,結果看起來像一個帶有干擾的老舊螢幕。\n■注意:請嘗試其他紋理和組合。

創意用法:故障效果

讓我們結合濾鏡和遮色片來實現扭曲或故障的外觀。這種效果一開始看起來很複雜,但它只是一堆應用了不同基本技術的圖層堆疊。

▼ [1] 首先,讓我們嘗試一個適度的扭曲和破舊效果。\n首先,我們需要複製基礎插圖圖層。然後我們使用魚眼濾鏡來變形和扭曲圖層。[濾鏡]選單 > [扭曲] > [魚眼鏡頭],它會打開設定對話框。當我們對結果滿意時,按下確定以確認更改。\n最後,我們從上一個範例中複製扭曲的水平線遮色片,並使用[編輯]選單 > [色調校正] > [色階校正]調整對比度。

這是結果 ▼

▼ [2] 讓我們嘗試一個更極端的故障效果。這次我們使用波浪濾鏡來獲得我們想要的扭曲。[濾鏡]選單 > [扭曲] > [波浪],然後我們繪製一個遮色片以僅顯示我們想要的部分。\n

▼ [3] 我們可以堆疊幾個圖層以獲得更精緻的外觀。 \n在這個範例中,我複製了故障圖層並將其設定為「新增(發光)」。在遮色片未連結的情況下,我們可以移動效果直到我們喜歡它的外觀。\n>然後我建立了一個設定為「顏色」混合模式並填充了青色的圖層。\n這個圖層被剪裁到複製的發光圖層以獲得彩色故障發光效果。\n■注意:我還添加了其他圖層用於紋理顏色校正。

▼ [4] 最後,為了獲得更自然的外觀,我選擇了故障發光遮色片並套用動態模糊濾鏡。[濾鏡]選單 > [模糊] > [動態模糊]。 \n我調整了設定直到我喜歡最終結果。 \n

這是最終效果 ▼

創意用法:熱波 | 玻璃效果

按照與上一個範例類似的步驟,我們將建立熱波或扭曲玻璃效果。\n▼ [1] 對基礎圖層的副本,我們套用波浪濾鏡。[濾鏡]選單 > [扭曲] > [波浪]\n這次我們調整設定,直到獲得平滑彎曲的波浪。\n然後我們套用[濾鏡]選單 > [模糊] > [高斯模糊]來實現我們想要的效果,

▼ [2] 為了創造玻璃效果,我建立了一個圖層資料夾來添加遮色片,然後我建立了一個顏色減淡圖層來為玻璃上色。

快速最終結果▼

動畫效果:關鍵影格與遮色片

讓我們來享受動畫遮色片以創造最終效果的樂趣。我將快速介紹幾個效果。\n解釋 Clip Studio 的動畫功能超出了本教學的範圍,因此如果您不熟悉動畫,請閱讀此教學。▼

▼ [1] 動畫遮色片的基本原理是啟用關鍵影格。\n首先,我們建立一個圖層資料夾來分組我們要遮罩的圖層,然後繪製遮色片,接著取消連結遮色片。\n在動畫時間軸上,我們按下按鈕以啟用圖層上的關鍵影格。\n在這個範例中,我為遮色片位置添加了起始和結束影格。 \nClip Studio 會生成關鍵影格之間的插值,並為我們建立動畫。

▼ [2] 這裡我展示了第一幀和最後一幀,以及遮色片位置如何變化。

現在讓我們看看動畫效果 ▼

遮色片顯示了角色。但如果我們在圖層遮色片上按下 Ctrl+I,我們會反轉被遮罩的區域。創造一個分解效果。▼

按照類似的步驟,我建立了這個光澤效果,動畫化了色調曲線圖層的遮色片▼

如果我們改變縮放而不是位置,我們可以創造一個脈動發光效果。▼

現在,使用我們學到的所有遮色片技術,我創建了一個更複雜的動畫 ▼

結語

好的,本教學到此結束。希望它不會太複雜。 \n我試著詳盡解釋所有功能和技術,所以可能講得太多了,我很抱歉。\n我沒有時間深入講解動畫部分,或許留到下一個教學。\n\n圖層遮色片一開始可能會讓人困惑,但遵循基本操作,我們就能取得很好的成果。我希望您能將我的一些訣竅應用到自己的作品中,並記得多嘗試和結合各種技術。\n最重要的是保持創造力。請不要害怕嘗試新事物。 \n下次見。感謝您的觀看。\n

留言

最新

最新官方