嗨！我的名字是 Manu Mercurial。我是一名 2D 動畫師。

在本教學中，我將向您展示如何在 Clip Studio Paint 中製作 2D 動畫。

 

這就是我們將要創作的最終動畫：

 

我將使用程式的 EX 版本，但您也可以使用 PRO 版本。

唯一的區別是每個動畫文件限制為 24 張圖畫。

 

首先，我們將前往「檔案」>「新建」> 並選擇「動畫預設」。

左側：

在這裡您可以選擇畫布的解析度，包括寬度和高度。顯示器的標準解析度為 1920x1080 像素。

 

旁邊有一個小預覽，顯示您的畫布外觀。藍色方塊是您的畫布。

 

您還可以選擇使用「標題安全區域」，也稱為「電視安全區域」。

這是一個假想的輪廓，不會顯示在最終渲染中，但會提醒您不要畫得太靠近邊界。

 

另一方面，我們還有「溢出框架」選項。這是畫布周圍的額外空間，如果您想將其偏離中心，可以使用參考點方塊。

這也不會被渲染，但讓您在繪製動畫時有更多的呼吸空間。

 

右側：

現在是您的時間軸設定。

這是您場景的影格速率。這是您的動畫每秒將運行的圖畫數量。

我建議您始終將其保持在 24，因為每秒顯示 24 張圖畫是業界標準。

 

這樣我們就可以在「二」和「三」上工作，即分別每兩或三幀一張圖畫。但如果我們需要，我們也可以選擇在「一」上工作，即每幀一張圖畫。

唯一的例外是，如果您使用 Clip Studio PRO，您可以降低此設定，使您的動畫

持續數秒而不僅僅是一秒。

 

我們還有播放時間，它以影格為單位測量，告訴我們動畫場景的時長。由於我希望我的動畫一開始是四秒長，我將 24 * 4 = 96，並寫下 96 影格的播放時間。

 

讓我們點擊確定並開始吧！

現在，您看到的方塊就是如果我們要渲染影片時程式將匯出的內容。

在我們的圖層面板中，您會看到我們有一個動畫資料夾，裡面有一個動畫格和一張紙。

 

程式對您來說可能看起來有所不同。如果您缺少我將使用的任何面板或工具，您只需前往「視窗」>，它們都在這裡。

 

這就是時間軸！

您的動畫時間軸可能正在顯示縮圖。我個人會關閉此功能，因為這樣可以提供更多空間，只需前往時間軸選項並選擇縮圖大小為「無」。

如果您在沒有使用動畫預設的情況下開始了一個檔案，您的時間軸可能會變灰。

您可以點擊「新建時間軸」按鈕。然後在彈出視窗中，您可以選擇影格速率和播放時間等選項。

旁邊是動畫的播放/停止按鈕。在播放控制項旁邊，我們有「新建動畫資料夾」和「新建動畫格按鈕」。

 

讓我們談談動畫資料夾。

 

如果我點擊新建動畫格按鈕，我將在時間軸上創建一個新格，同時也在動畫資料夾內創建一個新圖層。

 

但是如果我只是在資料夾內創建一個新圖層會發生什麼？它不會顯示在時間軸上！

我必須右鍵點擊時間軸並選擇我要顯示的圖畫。

您使用什麼類型的圖層都沒有關係。如果我創建一個新的向量圖層，而不是點陣圖層，並點擊「新建動畫格」按鈕，它將創建一個新的向量圖層。

 

如果我想刪除這些圖畫中的任何一個，我只需點擊「刪除指定格」按鈕。

它會將其刪除，但仍會將圖畫保存在此處，以備我需要備份。

我有 3 個關鍵姿勢，每個都在不同的圖層中。

我將把角色的某些部分分離到不同的資料夾中。這不是強制性的。

這只是為了讓我的工作更輕鬆，因為像頭髮這樣的東西往往會滯後，或者她帽子上的字母需要保持堅固。

 

這樣做的好處是，例如，如果我想改變頭髮，我只需在頭髮動畫資料夾的第三張圖畫中進行廣泛選擇，然後隨心所欲地改變它，而不會影響其餘部分。

 

所以我所做的就是選擇圖像，然後剪下並貼到每個部分的動畫資料夾中。

我總是希望遵守 1、2 和 3 的命名慣例，因為程式會利用這一點。

您可以前往時間軸選單按鈕，然後前往「編輯軌道」並重新命名動畫資料夾內的所有圖層，無論是時間軸順序還是圖層順序，您都會看到它們已經重新命名。

讓我們來看看 Clip Studio 中的命名慣例。

 

假設我想在影格 2 和 3 之間創建一個分解圖。

 

所以我會直接點擊中間的「新建動畫格」按鈕。您會注意到 CSP 添加了一個 A。所以現在是 2A。一個數字加上一個字母。

 

如果我在這兩個之間再創建一個，它將是 B。所以它繼續使用相同的命名系統。

這樣我們就知道我們可以為關鍵影格（講述故事的姿勢 – 它們告訴我們發生了什麼）使用數字，以及為分解圖（告訴我們角色如何從一個關鍵影格到下一個）使用數字和字母。

 

對於中間影格我們能做些什麼？

 

假設我想在 2A 和 2B 之間創建一個中間影格。如果我正常創建它，它會將其命名為「圖層 1」。但我們可以通過將其命名為 2A1 來幫助程式。然後，如果我創建另一個中間影格，它將將其命名為 2A2。

這可能看起來沒有必要，但當您開始處理更複雜的場景和大量的動畫資料夾，同一場景中有多個不同角色，並為它們著色時，您會發現它會變得有點混亂。因此，我確實建議您善用這個系統。

我也可以複製圖層以重複使用圖畫的一部分。打開我的動畫資料夾。點擊我要複製的圖畫，然後將其拖到「新建圖層」按鈕上。我從姿勢 1 到 2 使用它，因為帽子和字母變化不大，所以我只是擦除了臉部。

 

沒有介紹我們在數位動畫中的好朋友「洋蔥皮工具」，我們就無法開始製作動畫，

它就是這個按鈕，它會顯示前一張和下一張圖畫的虛影。

由於我可以將頭髮與她的基本特徵分開，因此我可以在分解圖中應用一些擠壓和拉伸。您可以看到這一點，但我也可以在這些姿勢之間添加幾個額外的分解圖，以改變她上升的方式。我在這裡和那裡拖動一些特徵。然後當她下降時，我們實際上會超調然後穩定下來。

 

這比僅僅從一個姿勢到下一個姿勢，在中間添加中間影格更有趣。

所以這就是結果。

 

我也將開始定義動畫圖表。它們是允許我了解加速和減速發生的位置的資訊。它也像一個中間影格指南，因為它告訴我中間影格應該有的間距。

我有一個建議，可以避免您的圖層面板變得雜亂，那就是使用「變更圖層顏色」按鈕。這只是為了顏色編碼。您可以選擇您想要的顏色。

 

現在我想向您展示像專業人士一樣使用動畫資料夾的秘密。這就是我們在動畫產業中的做法。

 

Clip Studio 中的動畫資料夾一次只能顯示一個元素。所以，如果我們需要同時顯示一個線稿圖層和一個陰影參考線圖層，我們將需要兩個動畫資料夾才能同時顯示它們，對嗎？錯了。

 

我們可以引入普通資料夾！在普通資料夾中，所有圖層都同時顯示，我們可以隨時單獨開啟和關閉它們。我們所做的只是將我們需要的圖層放入一個普通資料夾中，然後將該資料夾放入動畫資料夾中。然後我們選擇該普通資料夾作為我們時間軸中的一個格，現在我們正在同時顯示動畫資料夾中的多個元素。

如果裡面有這麼多圖層開始變得混亂怎麼辦？我們將使用「變更圖層顏色」按鈕，選擇該圖層唯一能繪製的顏色，所以如果我將其設定為藍色，無論我選擇什麼顏色，如果我在該圖層中繪製，我總是會畫藍色。

 

這樣做時，我們甚至不必再更改顏色了。我將始終用黑線繪製。

我也為這些「資料夾」格正確保留了命名慣例。所以，如果我在第三個關鍵姿勢上繪製，我會將我的資料夾命名為「3」。您也可以只製作一個空資料夾，裡面有所有您需要的黑色圖層，並已開啟「變更顏色」功能，並將其作為備份，然後在需要添加新圖畫時複製它。

讓我們談談播放設定選單。位於「動畫」>「播放設定」之下。

 

在這裡您可以選擇優先即時播放動畫，這意味著其時間將精確無誤，即使它必須跳過一些圖畫或播放所有影格。即使動畫必須播放得慢一點。

 

還有一個很棒的選項：「開始播放前渲染」按鈕。

這將強制程式在實際嘗試播放動畫之前進行一點渲染，無論如何。這樣，它將始終顯示舊影格並以正確的速度播放。它只是在開始前需要多一點時間。

完成清理後，剩下的就是製作中間影格，這基本上是使用洋蔥皮來應用我們的間距圖表，以檢查我應該在哪裡繪製線條。

 

有時您可以直接從格中選擇部分並進行變換。這就是為什麼我建議使用向量線條。

完成後，我們可以繼續著色。

 

為此，我將創建一個我們需要的資料夾，每個資料夾用於不同的顏色部分。

您需要創建點陣圖層，因為向量無法與填充工具（也稱為油漆桶工具）一起使用。

 

現在我將所有空的點陣圖層設定到時間軸中，然後開始複製這個空的動畫資料夾，這是一種更簡單的方法來獲取我需要的所有資料夾。

 

擁有多個顏色資料夾而不是一個，可以讓我們在後期製作中擁有更多的控制權。但如果您願意，您也可以將所有顏色填充到單個動畫資料夾中。

使用填充工具時，請務必開啟「封閉間隙」功能，這樣顏色就不會透過繪圖中的小開口逸出，同時也要開啟「區域縮放」。這將有助於覆蓋您可能遺漏的微小像素。

一旦我們為每個動畫資料夾填充了各自的顏色，我們就可以進行後期製作了。

 

首先，圖層的順序非常重要。我做的一件事就是將瞳孔顏色（即這個紅色）和眼睛的高光放在線條之上。您可以從每個動畫資料夾的顏色中看到，像高光或任何與光線相關的東西，當它們在線條之上時看起來會更好，因為這樣它們要么改變顏色，要么完全覆蓋它。

 

我們可以玩轉混合模式，這是一種將一個動畫資料夾的顏色，或者就此而言，Clip Studio 中任何其他元素與另一個元素混合的方式。

所以我將使用「相乘」混合模式來處理陰影，您可以看到它產生的效果。

我也可以降低不透明度，使其不那麼強烈。但現在陰影在角色之上起作用。還有一些混合模式可以用於高光，例如，使其看起來更亮。

您可以使用「剪裁到下方圖層」按鈕，例如，為金色字母繪製紋理。然後只需將其剪裁到帶有文字顏色的圖層。

最後，讓我們談談 Clip Studio 中的補間。我們將切換場景，進行一個小的攝影機移動。

 

我將前往我的背景圖像，然後點擊「啟用此圖層上的關鍵影格」按鈕。

它允許我在此圖層的所有變換屬性中設定關鍵影格。這包括縮放、位置、旋轉甚至不透明度。

 

旁邊還有一個選項告訴我們正在創建哪種類型的補間。保持 (Hold) 意味著從一個關鍵影格到另一個關鍵影格沒有變化。它只會顯示關鍵影格。線性 (Linear) 意味著沒有加速或減速，因為間距將完全均勻。最後，平滑補間 (Smooth interpolation) 是最常見的，具有加速和減速。

使用操作工具和物件模式，我已選擇背景圖層，並將為所有這些比例設定關鍵影格。即位置、縮放和旋轉。現在我將在此處進一步向下移動動畫，並將位置向右改變 900 像素。

 

如果您想修改加速和減速的曲線，請按「圖形編輯器」按鈕。

我們還可以對不透明度進行動畫處理以產生這樣的效果。光線正在變化。這是因為我設定了不同的圖層組。有些正在關閉，有些正在開啟。

讓我們談談匯出選項。首先，我們將前往「檔案」>「匯出動畫」，這裡我們有這些選項。

 

如果這是您製作此動畫的最終步驟，您可以匯出為 GIF 或影片，您可以將其儲存為 AVI 或 MP4，我強烈推薦 MP4。

 

如果您像我一樣計劃在其他軟體中進行後期製作。請將動畫圖像序列匯出為 PNG。只需關閉所有內容（包括背景紙），然後只留下您要匯出的圖層。PNG 序列具有出色的品質，而且大小不大，並且也具有不透明度。

 

這就是最終結果：

我迫不及待想看看您會用這個創造出什麼！

 

請記住：

 

「您畫下的每一條線，都讓您離夢想更近一步。」

 

@ManuMercurial 在所有平台：

 

www.youtube.com/c/ManuMercurial

www.twitch.tv/ManuMercurial

www.instagram.com/ManuMercurial

www.twitter.com/ManuMercurial