介紹

大家好！我是kuramoriz。在本教程中，我將向您展示如何使用關鍵幀在 Clip Studio Paint 中創建一個簡單的動畫。

 

我希望本教程能幫助您創建自己的動畫！

 

視頻教程

您可以在此處觀看英文視頻教程：

為了您的方便，該視頻有英文字幕。您還可以啟用將字幕自動翻譯成您的語言。

我們最終會製作的動畫

動畫的兩種方式

通常在二維動畫中，藝術家必須逐幀手動繪製。對於從未嘗試過動畫製作的初學者來說，這可能會很困難。試想一下：手動繪製 24 幀以獲得 1 秒的動畫！

我將向您展示如何製作不需要繪製每一幀的簡單動畫，Clip Studio Paint 將為我們完成一些工作！為此，我們將使用關鍵幀製作動畫。

 

什麼是關鍵幀動畫

關鍵幀動畫是當我們告訴 Clip Studio Paint 一個對象應該如何定位在其中一個幀上以及它應該如何定位（或者，一般來說，它應該如何轉換）在隨後的一個幀上，以及其間的一切都是由程序自動創建。

 

關鍵幀動畫中的變換類型

我們可以執行不同類型的轉換，例如：

 

1、換位：

2.改變尺寸：

3.旋轉和改變旋轉中心點：

4. 改變透明度：

當然，我們可以將它們全部組合起來：

關鍵幀模式下的變換適用於整個圖層，因此如果我們要為多個對象設置動畫，則需要將它們放置在不同的圖層上。

 

一步一步的過程

讓我向您展示如何使用 Clip Studio Paint 中的關鍵幀創建動畫。

 

首先，您需要繪製圖像並進行一些準備。

正如你在上面的截圖中看到的，我有一個單獨的男孩文件夾和一個女孩的單獨文件夾。您需要將每個將在不同層上移動的對象放置。例如，我將她的手、衣服、腿、眼睛、頭部和翅膀放在不同的圖層上。您甚至需要繪製在靜態圖像中通常不可見的圖像部分，例如手後。

 

有兩種方法可以走得更遠。第一種方法是使用菜單 File-> New 創建一個新動畫，然後選擇 Animation，然後將所有對象複製到一個新文件中。

 

但我會在我的原始文件中創建一個動畫。為此，只需在菜單 Windows -> Timeline 中打開時間線。然後單擊“新時間線”按鈕。見下圖：

在彈出窗口中，我將幀速率設置為每秒 24 幀，將播放時間設置為 24 幀。我使用的是 Clip Studio Paint PRO，所以我被限制在 24 幀以內，但這足以創建簡單的 gif。如果你想沒有限制，你應該使用 Clip Studio Paint EX。

讓我們開始為女孩製作動畫。首先要做的是選擇我們的文件夾，然後單擊“在此圖層上啟用關鍵幀”。

請注意，現在我們無法在此文件夾內的任何圖層上繪圖。那是因為現在我們只能使用“對象”工具。

在第一幀上，單擊“添加關鍵幀”按鈕：

然後選擇任何其他框架並使用“對象”工具將這個文件夾中的所有圖層移高一點。將自動添加新的關鍵幀。

我希望女孩在最後一幀中的位置與在第一幀中的位置相同。右鍵單擊第一個關鍵幀，選擇複製，右鍵單擊最後一幀，選擇粘貼。

如果單擊幀，您會看到 Clip Studio Paint 添加了中間幀，現在女孩移動順暢了。讓我們點擊“播放”看看吧！

現在讓我們為她的翅膀製作動畫。我選擇帶有翅膀的圖層（您可以在時間軸上或在帶有圖層的窗口中執行此操作），然後轉到第一幀並添加關鍵幀。我將在下一幀中旋轉翅膀，因此在第一幀中設置旋轉點很重要。我們只需要將這個小十字架移動到她的翅膀將圍繞其旋轉的點。

然後轉到另一個框架並稍微旋轉翅膀。

重複此操作：轉到另一個框架並旋轉機翼。

 

不要忘記您可以一次一個或多個複制關鍵幀：用鼠標選擇它們，鼠標右鍵，複製，鼠標右鍵，粘貼。現在女孩正在揮動她的翅膀。播放動畫看看結果！這很容易，對吧？ :)

 

同樣，我將為圖像的其他部分添加動畫：讓她的手臂稍微上下移動，讓她的腿稍微移動。

如果您不喜歡結果，您可以從時間軸中選擇任何關鍵幀並編輯圖像在當前圖層上的位置。

您也可以自己移動關鍵幀，只需抓住它們並拖動即可。

您可以通過右鍵單擊其中一個（或者您可以一次選擇多個）並選擇“刪除”來刪除關鍵幀。

您可以通過右鍵單擊圖層並選擇“刪除所有關鍵幀”來刪除圖層上的所有關鍵幀。

 

現在讓我們讓女孩眨眨眼睛。

 

我有兩個單獨的圖層用於睜開和閉上眼睛。

首先，我需要選擇閉眼的圖層並轉到第一幀。如果單擊“加號”按鈕，您將能夠看到 opacity 屬性的關鍵幀。

不透明度的關鍵幀與我們可以應用於圖層的其他轉換不同。我們可以在工具屬性面板或圖層面板中設置不透明度值。我將閉眼圖層的不透明度設置為 0。

對於睜眼層，我也轉到第一幀，那裡的不透明度應該已經設置為 100，所以我應該點擊“添加關鍵幀”按鈕。

現在假設我們轉到第 8 幀，我希望她在這裡閉上眼睛。為此，我需要將睜眼圖層的不透明度更改為 0，將閉眼圖層的不透明度更改為 100。我們將看到她的眼睛在此幀上是閉合的。

 

之後，我們需要她在幾幀後再次睜開眼睛，所以我只需在第 10 幀上為睜眼和閉眼圖層創建新的關鍵幀。如果我們播放這個動畫，女孩會眨眼，但由於 opacity 屬性變化平滑，所以看起來不太好。

也許您需要更仔細（更慢地）查看一層的透明度如何流入另一層：

要修復它，讓我們更改關鍵幀插值類型。選擇圖層上的所有關鍵幀，右鍵單擊並選擇“切換關鍵幀以保持插值”

大多數情況下，默認的平滑插值看起來更漂亮更自然，但對於這種眼睛動畫，保持插值更合適。

 

現在不透明度的變化將是即時的：

之後我為這個男孩做了一個類似的動畫。

 

導出動畫

要保存我們的動畫，請單擊文件 -> 導出動畫。通常您希望將其導出為 GIF 文件或視頻文件。

 

我會將其導出為 GIF。

 

這是我最後得到的動畫：

您還可以在單獨的圖層上添加背景，使 gif 看起來更有趣。

我希望本教程能幫助您製作自己的動畫。感謝您的閱讀！