前言

大家好，在這個教學中，我將展示一個非常簡單的方法，僅使用4個圖層為插畫創建透明水面效果，並將其複製以創建動畫。

影片教學

觀看影片教學以了解實際操作步驟

透明度的基本概念

要讓物體看起來透明，只需將圖層不透明度從100%調低即可。

並使用圖層模式來增強效果。

(選擇任何你喜歡的模式)\n\n要讓它看起來更像水，重要的附加細節是水面反射及其陰影。\n

這就是水面透明度的基本原理，讓我們將其應用到繪圖中吧！！

製作水面 (或下載)

備註：我已將此素材註冊到 Clip Studio Assets，你可以下載並直接使用。

創建圖案：\n\n建立一個新檔案，並使用鋼筆工具繪製隨機波浪。

在波浪交錯處繪製額外的曲線

(注意：盡量使其成為簡單的形狀結構)\n\n然後裁剪並將其製作成無縫圖案磚\n

請查看我之前的教學，了解如何將繪圖轉為無縫圖案：

(第4部分也有水面範例)

創建2個版本的無縫圖案\n原始版本和帶有藍色效果的版本（複製效果並應用模糊濾鏡）

正常圖磚，以及用於發光效果的模糊圖磚（可選）。

將素材註冊到素材庫以便於使用

應用於作品 (非動畫)[Clip Studio Paint Pro/EX]

準備繪圖。

在繪圖上方建立一個新圖層，並將水面塗成白色。

使用套索工具在水線下方進行選取，選擇圖層資料夾，然後用 [Ctrl+X] 剪下，再用 [Ctrl+V] 貼上。\n\n這將為水下部分創建一個獨立的資料夾。\n

在兩個資料夾之間創建新圖層並使用漸層工具填充\n（選擇漸層選項，然後將其拖曳到畫布上以填充，您也可以通過點擊漸層條上方的色點來自訂自己的漸層）\n

調整不透明度以創建透明效果。

將水面素材拖曳到圖層面板（漸層圖層上方）。

將圖層模式調整為「覆蓋」以使其看起來更閃亮。

[可選] 將模糊版本的圖案拖曳到圖層面板，並將模式設為「增加(發光)」，這將產生更強烈的發光效果。

(調整圖層素材的不透明度使其更柔和)\n\n按住 [Shift] 並選擇兩個效果圖層，然後按下 [Ctrl+t] 進行邊緣變形。\n

此方法將允許兩個目標同時調整\n\n將模式設定為「自由變形」，並將圖案的角落移動到繪圖的透視點。 \n

按Enter鍵確認變形，您將得到一個簡單閃亮的水面！\n\n要創建陰影效果，複製模糊圖層（如果您沒有製作模糊效果，則複製水面圖層），並將其拖曳到水面漸層圖層下方。\n\n

使用「物件」工具，並稍微向下移動它。

然後在圖層屬性中將圖層顏色效果設定為「變暗」\n然後將圖層模式設為「線性加深」\n

您將獲得一個簡單的透明效果。

開始動畫！！波浪動畫的基礎

波浪的運動與地面透視線相關。

基本的波浪會從小處開始，在某一點達到大波浪，波浪越大，速度會越慢。\n\n這是參考動畫及時間軸。\n

為動畫準備檔案[Clip Studio Paint EX]

為動畫建立一個新畫布，這裡我選擇動畫模板 (1920*1080)，影格率為24以獲得流暢的運動，播放時間為100。

您將得到預設的動畫資料夾，如果不需要請刪除它。

複製繪圖並將其放置在畫布上\n\n同時將紙張顏色設定為與原始顏色相同（沙色）\n

因為我們要為圖層添加移動，所以使用透視尺來製作移動的代理。\n\n要創建透視尺，請按住要放置線的位置，然後移動它以對齊透視，每兩條線將匯聚在一個透視點。\n\n如果您不習慣透視，請想像角色下方的矩形地板，然後將一對線匯聚到每個透視點。

透視尺在啟用時會顯示為紫色。\n（未啟用時為綠色）[預設設定]\n

將水上和水下部分分開[如前述部分]，然後像之前非動畫圖像一樣添加漸層圖層。

>動畫步驟1：創建波浪泡沫

創建2個新圖層，並在兩個圖層上水平繪製泡沫線。\n（我使用紋理筆刷來繪製類似泡沫的效果）\n

注意：您必須禁用透視尺捕捉才能自由繪畫。\n點擊透視尺「物件」工具，然後在工具屬性面板中禁用捕捉。\n

將兩個圖層轉換為影像素材圖層。

使用「物件」工具的自由變形模式，稍微調整物件的角落。\n（這將激活圖層關鍵影格動畫中的自由變形模式）\n

在時間軸上，啟用圖層關鍵影格。

使用「物件」工具調整波浪在第1影格的起始位置。

使用平滑補間關鍵影格以指數曲線平滑動畫\n（預設情況下，它會從第一個節點快速移動，並在接近最後一個節點時變慢，這符合我們在波浪動畫中的需求）\n

在最後一個影格將其放大，並調整到透視線（縮小以查看物件的控制邊界）。

[可選]\n為了像我們設計波浪一樣，在開始時快速移動，在結束時變慢\n創建波浪到達圖像中間的中間影格\n

然後將菱形圖標稍微往前拖曳，以縮短到達該點所需的時間。

第一個波浪完成了！\n\n重複此步驟，使用另一個波浪圖層，並讓它們相互重疊。\n\n這將創建波浪泡沫的移動。\n

注意：在時間軸的某些點調整圖層不透明度，以創建淡入淡出效果。

>動畫步驟2：創建水面

在此步驟中，我們將使用透視線來協助表面圖層的移動。\n\n選擇透視尺圖層並使用「物件」工具調整尺規。\n\n

然後開啟捕捉（在工具屬性面板中）。

在尺規圖層上繪製2個矩形，作為水面移動的指南。\n起始點較小，結束點較大且展開更多，就像水波移動的方式一樣。\n

我們需要繪製透視移動的代理，因為物件變形節點不會與透視尺捕捉。\n\n下一步，將水面素材匯入畫布並調整到起始點（使用「物件」工具）。\n\n

啟用圖層關鍵影格並將關鍵影格新增到第一個影格。

這將應用於第一個影格的調整。\n\n然後選擇最後一個影格並將素材調整到結束位置。\n\n

這將使水面隨波浪移動。\n\n然後在結尾處讓波浪稍微反轉，在最後一個關鍵影格之前的位置添加關鍵影格。\n

然後拖曳它以交換位置（將新影格移動到最後一個影格）。

調整水面的圖層模式和不透明度即可完成。

>動畫步驟3：遮罩波浪以創建分離運動

為了讓動作看起來更自然，將波浪分成兩部分，使其獨立移動。\n\n在 Clip Studio 中，我們可以輕鬆地為圖層創建遮罩，並將其與圖層中的物件分開動畫。\n\n這是遮罩和圖層動畫的概念。\n

它會隱藏物件的某些部分，這樣當我們移動時波浪就不會重疊。\n\n\n再次點擊圖層關鍵影格以禁用水面圖層的關鍵影格。\n\n

\n在波浪的一側進行選取。

複製水面圖層以用於另一部分。

然後右鍵點擊圖層並選擇「圖層遮罩 > 遮罩選區外」來創建遮罩。

這將使波浪後面的水面僅在波浪後面顯示。

也將遮罩的反向側應用到遮罩的另一側。\n\n\n右鍵點擊遮罩，然後從「圖層 > 創建選區」中選擇。\n\n

然後右鍵點擊我們之前複製的圖層，並根據選區製作遮罩。

現在水面的兩側已分離。

當您再次啟用關鍵影格時，您也可以將關鍵影格設定給圖層遮罩。

將遮罩調整大小至300%。\n這將使波浪完全下降時覆蓋整個畫布。\n

(藍色區域是未顯示區域)\n\n右鍵點擊遮罩並勾選「顯示遮罩圖層」以突出顯示未顯示的區域。\n\n

調整兩側的遮罩以匹配波浪的位置。\n（當您調整遮罩時，關鍵影格將自動創建）\n\n

[重要！] 編輯時請確保您的工具在遮罩上處於活動狀態，這樣它就不會影響圖層移動。

結果（在這裡您可以單獨調整水面的不透明度和移動）。

>動畫步驟4：製作循環

根據時間軸的初始設置，回程波被置於波浪動畫之後。

注意：我命名了兩側以減少混淆。

如果我們隱藏頂部邊緣，在早期的關鍵影格會出現間隙，因為底部邊緣的遮罩尚未到達該點。

此圖像顯示兩條邊緣在整個時間軸上都沒有出現，但會像這樣出現。

頂部邊緣直到最後一個影格才會出現，\n而底部邊緣不會在第一個影格出現。\n\n唯一的條件是使頂部邊緣的第一個關鍵影格與底部邊緣的最後一個場景相同。 \n\n\n因此，我們可以將底部邊緣末端的向後移動移到頂部邊緣。 \n

由於動畫是相同圖像素材的移動，我們可以簡單地右鍵點擊底部邊緣末端的菱形圖標，然後選擇「複製」。 \n

然後右鍵點擊頂部邊緣的第一個節點並貼上。

（時間軸上的每個菱形圖標都包含物件的屬性資訊，如果我們使用相同尺寸的物件，屬性資訊將完全無誤地貼上）\n\n警告：遮罩的屬性不能取代過渡的屬性，請確保您複製了正確的圖層節點。\n\n\n重複此步驟，處理底部邊緣的最終關鍵影格（將其放置在頂部邊緣時間軸的末尾）。\n完成後，將結束條移動到底部邊緣的最後一個關鍵影格。\n

動畫將以平滑循環的方式出現。

[重要] 請確保連接影格的不透明度調整也相同。\n\n注意：清除包絡藍條外不需要的關鍵影格。這將使日後編輯時減少混淆。\n

>動畫步驟5：添加水面光暈和陰影

>> 表面光暈\n\n將模糊素材帶入畫布，就像我們處理非動畫版本一樣。\n

複製下方圖層。

禁用圖層的關鍵影格，然後將遮罩圖標拖曳到模糊素材的圖層。

然後移除複製的圖層，您將在模糊素材上獲得相同的圖層遮罩。

在畫布上，稍微移動一個角落以在圖層關鍵影格中切換自由變形模式。

通過點擊時間軸的頂部欄，選擇下方圖層的整個關鍵影格。

然後右鍵點擊並選擇「複製」，以複製整個時間軸。\n

然後選擇模糊素材圖層，設定啟用圖層關鍵影格，並刪除時間軸。\n

然後選擇第一個影格，並貼上我們之前複製的時間軸。

這將為您提供完美重疊的影格，將圖層模式設為「增加(發光)」並調整不透明度，直到對結果滿意為止。\n\n在水面的其他部分重複這些步驟。

\n>> 陰影

複製2個模糊圖層和1個波浪圖層，然後將其放置在水面漸層圖層下方。

我們必須在每個關鍵影格的菱形圖標處將圖層向下移動，以避免軟體創建額外的變形菱形圖標。\n\n選擇菱形圖標，然後使用「物件」工具將圖層向下移動到畫布中。\n\n

確保您專注於變形欄（圖層時間軸的頂部欄）。

(因此我們將模糊圖層的第一個關鍵影格和最後一個關鍵影格向下移動)

(並將波浪圖層的3個關鍵影格向下移動)

將3個圖層的圖層模式更改為「正片疊底」，並將圖層顏色效果設定為較深的顏色。

現在波浪也將具有透明效果。

注意：對於陰影，請確保模糊圖層的第一個影格與底部邊緣的最後一個影格具有相同的位置和不透明度。

最後潤飾

當循環完成後，現在我們可以編輯影格，例如：

\n>> 水與角色的對比：\n\n創建動畫資料夾，並在與水對比的角色部分塗上白色。

重複循環

\n>> 水花飛濺：\n\n創建另一個動畫資料夾，使用飛沫噴灑（在噴槍子工具中）應用於水波，以創建水花飛濺效果。\n

當波浪到達海豹時，還會產生額外的泡沫。

\n>> 角色調整：\n\n使用「物件」工具調整角色的向量墨線以匹配背景。

請查看我之前的教學，了解更多關於向量圖層操作的詳細資訊：

在角色資料夾上方添加剪裁遮色片圖層以添加光照效果。\n將圖層模式設為「增加(發光)」，然後使用柔和噴槍繪製。\n\n

將漸層效果應用於頂層，使圖像看起來更平滑。

最終結果

我希望這個技巧能幫助您對為您的作品添加透明海洋動畫有所啟發！！\n\n祝您動畫製作愉快！！