大家好，今天我們將使用神奇軟體「CLIP STUDIO!!」來上魔法課！

 

本工作坊教學將展示如何為召喚場景製作魔法效果。您可以將其應用於您的插圖中

 

或者加入您的動畫場景，並進行一些變形。

本教學包含三個主要部分：如何使用對稱尺規工具製作對稱召喚環、如何使用物件工具製作簡單的旋轉循環，以及如何將其應用於您的動畫場景。

 

我的教學主要著重於如何使用 Clip Studio 的工具來創作。如果您是軟體新手，可以輕鬆地一步一步跟隨；如果您已經是工具專家，也可以從中獲得一些想法來改進您的工作方法。

讓我們開始吧！

影片教學

第一部分：繪製召喚環

使用對稱尺規工具製作召喚環非常簡單。

您可以完美地繪製在一個點上旋轉的對稱形狀。

然而，對稱尺規工具對於手繪召喚環效果更好。

 

有時當您之後添加形狀時，物件的旋轉中心可能與對稱尺規的中心不一致

 

這張圖片應該可以旋轉 90 度，但在製作循環時，您會發現如果對稱尺規的中心沒有對齊旋轉中心，它就無法完美地旋轉 90 度。

(循環時會有一點跳動。但是，這個問題也可以透過旋轉 360 度來解決，但您需要更長的時間軸才能使其平滑緩慢地移動)

如果您使用網格繪製，它可以完美旋轉

 

您也可以稍後使用素材變形方法將對稱尺規繪製到網格中

提示：

這裡提到的旋轉角度將有助於您優化檔案，角度越小表示您需要更少的影格才能使其緩慢旋轉

 

從這些範例來看：對於相同的速度，

如果 90 度對稱使用 16 影格進行完美循環旋轉，

60 度對稱將只需要 12 影格，

而 180 度對稱將需要 32 影格。

 

(別擔心，這不是必需的，只是以防您需要檔案稍微小一點)

 

為環製作一些簡單的設計，我使用對稱尺規工具來協助設計

 

您可以在 [尺規] 子工具中找到它，這裡我使用 8 線對稱並勾選了「線對稱」

 

按住 [Shift] 鍵並在畫布中央拖曳線條，它將會吸附到畫布的垂直、水平和 45 度對齊位置。

這裡我將製作兩層召喚環，使其在移動時看起來更精緻。

 

只需在兩個單獨的圖層中繪製即可。

對於可能不需要對稱尺規來繪製的符文，

您可以隱藏對稱尺規或在命令列上停用「吸附到特殊尺規」。

 

提示：嘗試保持您的設計形狀簡潔，以便在網格上輕鬆創建向量墨線。使用幾何形狀會使其看起來更整潔。

 

下一步，我們將為設計繪製向量線。

 

啟用網格，請前往 [檢視 > 網格]

 

然後使用 [網格/尺規設定] 來設定網格。

將網格設定為符合您的工作細節，在線條之間留出一些間隙，以便於拖曳形狀。

降低墨線圖層的不透明度，並創建一個新的向量圖層。

確保您已啟用「吸附到網格」。

從圓形部分開始，我使用 [圖形] 子工具中的「橢圓」工具。

從觸及圓邊頂部和左側的網格線交叉點拖曳。

圓形將吸附到網格，向下拖曳直到其符合草圖線。

您可以在稍後處理較小的細節時調整網格。

這裡我將網格調整為圓圈內的方形形狀，您可以看到調整前的網格沒有位於線上，這樣就無法在實際草圖上繪製。

使用矩形工具或多邊形工具 [帶有矩形圖形] 來繪製方形形狀。

對於其他多邊形，您可以在圖形選項中選擇多邊形並設定角數。

創建一個新的向量圖層，並按照草圖上的樣子繪製一個三角形。

如果我們只是繪製重疊的形狀，則形狀會有一些重疊的部分，這裡三角形的底部將與方形的一側重疊。

為了避免線條重疊，請使用 [修正線條] 子工具中的 [控制點] 工具，並使用分割模式將三角形的邊緣分割開。

然後您可以使用橡皮擦工具中的向量橡皮擦模式簡單地刪除線條。

這是為了零件旋轉我使用的技術，因為 Clip Studio 尚未提供移動和吸附物件到網格的功能（而且我希望它成為向量圖層墨線，所以我將教您如何在 Clip Studio 中完美地製作它）

 

在新向量圖層中繪製圓圈，覆蓋所有形狀

 

按住 [Shift] 鍵以選擇三角形圖層和藍色圓圈圖層。

建立自由變形邊框，[編輯 > 變形 > 自由變形]

 

或 [Ctrl + T]

 

現在您可以按住 [Shift] 鍵並將形狀旋轉到您想要的方向（以 45 度為單位）。

按一下 [確定] 或按下 [Enter] 鍵來確認變形

 

透過這種方法，您可以輕鬆地圍繞旋轉中心旋轉所有內容。

 

複製圖層並重複步驟，您可以對所有零件使用相同的藍色圓圈。

 

完成後，合併圖層，但不要將藍色圓圈與完成的形狀合併，這樣我們就可以將它用於其他零件的旋轉。

對於月亮形狀，我繪製了 2 個重疊的圓圈並擦除了不需要的部分

 

[重要！] 形狀的對稱性必須僅與從旋轉中心投射的網格線對齊！

您可能會發現它的尺寸對於我們製作的草圖來說太大了。

 

建立自由變形來縮放它。

[重要！] 不要透過點擊拖曳來縮放圖像（因為它不會吸附到網格），您必須僅在工具屬性面板中設定縮放比例（請確保勾選 [保持長寬比]）。

按住 [Ctrl] 鍵並使用 [↓] 鍵（鍵盤上的十字鍵）將形狀向下移動到其位置

(您也可以使用 [移動] 工具並按住 Shift 鍵來保持對齊)

 

確保您的繪圖仍在藍色圓圈內。

重複我們對三角形部分所做的相同步驟。

對於無法以 45 度為單位旋轉的部分，請在工具屬性中設定旋轉角度（這裡我正在移動 +）。

我一側使用 25 度，另一側使用 -25 度。

然後我合併圖層並像其他部分一樣移動，使用這種方法，您不需要為每個物件計算所有的旋轉角度

 

您也可以翻轉它將其放置在另一側

星星是這樣製作的。

完成後，將所有圖層合併為一層並擦除不需要的部分。

內召喚環已完成。

用相同的方法繪製外環（對於符文，禁用「吸附到網格」並直接寫入）。

如果您想改變墨線的粗細，可以使用物件工具。

按住 [Shift] 鍵以選擇多個向量部分。

並在工具屬性中調整筆刷大小。

召喚環已準備就緒。

第二部分：將召喚環應用於插圖

在這部分中，我將把我製作的移動召喚環添加到插畫中。

準備要匯入的檔案

 

[右鍵點擊圖層 > 檔案物件 > 將圖層轉換為檔案物件]

轉換繪圖區域。

使用這種方法，您可以輕鬆地將檔案儲存為透明背景並良好裁切，而旋轉中心不會改變。

現在是時候讓它動起來了。

 

打開檔案，並透過 [編輯 > 變更畫布大小] 為圖像添加更多偏移

 

在畫布的兩個維度上添加一些像素。

我們需要製作一個偏移來創建環的模糊版本，用作召喚環的光效。

 

複製圖層並柵格化它

 

然後使用濾鏡 [高斯模糊]。

調整強度以創建柔和的光效。

然後將旋轉運動應用於環和效果圖層，我將使用圖層關鍵影格功能來協助變形。

 

使用影格率 8 fps (適用於動畫插畫) 的設定創建一個新的時間軸。

 

選擇兩個圖層並啟用圖層關鍵影格。

選擇第一個影格並點擊創建 [線性插值] 關鍵影格圖示 (將顯示為綠色)。

也在時間軸的末尾創建關鍵影格。

在最後一個影格使用 [物件] 工具選擇繪圖，在工具屬性面板中將旋轉角度設定為 360。

注意：您必須只選擇一個圖層才能編輯數值

 

將最後一個關鍵影格拖曳到時間軸的末尾，以消除循環的間隙

 

您將獲得完美的旋轉環

(召喚環將在 24 影格中旋轉 360 度)

如果環移動太快，您可以插入更多影格使其移動更慢

 

右鍵點擊時間軸並 [插入影格]

 

設定您要添加的影格數量。

現在召喚環將在 72 影格中旋轉 360 度。

將檔案儲存為 2 個檔案：墨線和模糊效果線

 

刪除效果圖層並儲存檔案

 

然後 [Ctrl+Z] 撤銷，刪除墨線圖層，並使用 [另存為] 儲存為另一個檔案。

內環也重複此步驟。

 

我將內環的旋轉角度反轉，因為它是 90 度對稱

所以，不是像外環那樣從 0 度開始在 72 影格中旋轉到 360 度，

而是從 180 度開始在 72 影格中旋轉到 0 度（當外環旋轉一整圈時，內環只旋轉半圈）

 

外環（順時針旋轉一整圈 0 >> 360 度）

 

內環（逆時針旋轉半圈 180 >> 0 度）

它將像這樣完美循環旋轉。

我們將有 4 個檔案。

應用於插畫家，創建一個與環檔案具有相同影格率設定的新時間軸。

然後使用 [檔案 > 匯入 > 建立檔案物件] 將環和效果匯入畫布。

透過選擇多個檔案一次性匯入。

選擇所有環圖層並使用 [移動工具] 將它們一起移動。

使用自由變形 [Ctrl+T] 調整大小。

將效果物件的混合模式設定為 [加法(發光)] 以創建光效

 

重新上色環，使用圖層顏色來實現效果，您可以點擊此圖示或在圖層屬性面板中操作。

選擇顏色並點擊桶子以應用於色條。

透過在所有環圖層上方創建一個新的發光模式圖層來添加更多光線，

 

並使用柔和噴槍繪製額外的光線

 

透過複製外環效果並將其移動到角色上方，為角色添加光線效果。

將光效剪輯到角色上，使其不會洩漏到背景。

為了使其更自然，創建新圖層並用柔和噴槍繪製光線區域。

透過右鍵點擊 > 從圖層選擇 > 建立選取範圍

(或按住 [Ctrl] 並點擊圖層縮圖) 建立選取範圍。

 

然後右鍵點擊效果圖層並 [圖層遮罩 > 遮罩選取範圍以外]。

隱藏（或刪除）噴槍圖層（我們不再需要它）。

結果

第三部分：為召喚環應用過渡效果

我將讓它在我的場景中漂浮並旋轉，就像這樣

也稍微移動位置，使其看起來更有立體感。

對於動畫場景，我也將添加過渡效果，使其在時間軸的正確時間出現。

從製作動畫場景開始。

您可以從我的前一集教學中學習如何使用向量圖層製作逐影格動畫。

分別準備檔案 (.clip)，這裡我將使用每秒 24 影格的影格率

確保所有檔案都具有相同的影格率

 

為場景創建一個新檔案。我將使用電影預設並將影格率設定為每秒 24 影格。

將所有物件檔案匯入畫布

[檔案 > 匯入 > 建立檔案物件 ]

 

提示：選擇物件（召喚環）應該出現的影格，當您匯入物件時，它將出現在時間軸位置

選擇所有物件，建立自由變形並將其放置在時間軸上必須出現的位置。

設定紙張顏色，以便在操作時更清楚地看到效果。

將圖層效果和顏色應用到物件圖層（與我們在教學前一部分所做的一樣）。

為環添加過渡運動，使其與場景動畫化，為召喚環物件啟用圖層關鍵影格。

角色施放召喚效果時會有一些間隙。

在該點為每個環創建一個平滑插值關鍵影格，這將是效果過渡的終點。

使用 [物件] 工具稍微移動內環。

您可以複製關鍵影格並將其貼上到另一個物件上，它將複製關鍵影格的位置屬性。這樣您就不需要小心地移動它。

內環將會先出現，所以我在終點前建立另一個關鍵影格。

在環開始出現的影格處，將其縮小到小尺寸。

同時調整該點的不透明度。

在時間軸上，您可以透過點擊 [+] 圖示來顯示不透明度時間軸。

您也可以複製並貼上它。

重複外環的步驟，將關鍵影格稍微向後移動，使其在第一個環之後出現。

對於光效，在圖層上以加法(發光)模式繪製。

同時設定不透明度以符合環的變形。

注意：我為外環和內環分別製作了光線疊加。

 

在變形的終點增加光線圖層的不透明度，作為完成施法效果

 

另外，透過在角色物件上方創建一個具有加法（發光）模式的新圖層，將光線應用於角色。

 

繪製光線並剪輯到角色物件

 

根據動畫時間調整不透明度級別。

魔法發生了

額外部分：變形的附加效果

這是場景的最終渲染，包含攝影機效果和光線變形效果。

這些效果是使用逐影格動畫方法創建的。

 

建立一個新的動畫資料夾，並將空白關鍵影格映射到物件關鍵影格（因為場景和物件具有相同的影格率，所以可以完美映射）。

 

建立角色物件的選取範圍。

擴大選取範圍。

並在動畫資料夾中的第一個關鍵影格填色。

取消選取物件 [Ctrl+D] 並應用模糊濾鏡。

透過拖曳到資料夾圖示將圖層放入資料夾。

再次建立角色的選取範圍，並在新圖層上填色。

然後鎖定模糊圖層的透明度，並填入淺色。

對其他關鍵影格重複這些步驟。

同時應用與物件相關的顯示影格。

並啟用圖層關鍵影格並設定物件的不透明度。

將資料夾設定為「加法（發光）」模式將使其看起來更迷人！

對於額外的光效：創建新的動畫資料夾並使用鋼筆工具繪製光效。

提示：我使用水滴噴槍添加粒子。

我也將效果應用於變形動畫。

您可以使用自動動作方法來節省關鍵影格任務的時間，請查看 Mattlamp 的教學：

您也可以使用動畫資料夾來繪製物件上的額外高光細節。

我添加了攝影機效果，使其隨著召喚環的效果而晃動。

將所有圖層放入 2D 攝影機資料夾。

在效果發生的時間軸點上，使用物件工具旋轉攝影機。

關鍵影格將自動出現在時間軸上。

在時間軸上隨機旋轉攝影機以創建攝影機晃動效果。

這就是最終結果！！

我希望我的教學能為您的專案提供一些關於魔法效果的想法。

 

祝您有個美好的一天！動畫愉快！！<3