哈囉！在這個名為「將您的插圖轉換為 Clip Studio PAINT 中的 2D 動畫」的教學中，您將能簡單且逐步地學習如何在 Clip Studio PAINT 中製作插圖動畫。

 

無論您擁有 PRO 或 EX 版本，本教學都適用於您，因為我們只會製作 24 影格的動畫。

我們將要做什麼：

我們將從這幅插圖開始

將其轉換為這個動畫

如您所見，這很容易製作，特別是如果您想開始進入 2D 動畫世界。這可能是一個很好的開始 :)

 

那麼我邀請您觀看以下內容：

在 Clip Studio PAINT 中將您的插圖轉為 2D 動畫 (教學)

請記得開啟您語言的字幕，您一定會找到的 :)

您覺得這個影片如何？

如您所見，將插圖轉換為動畫非常簡單，這只是一個範例，但您可以添加更多內容。

教學逐步說明

現在我想透過圖片來看看逐步說明。

1. 複製專案

我們將複製原始插圖檔案，為此，我們前往「檔案」>「儲存副本」。然後選擇 .clip (CLIP STUDIO FORMAT 檔案)…

我們更改名稱並儲存。

2. 時間軸

我們在「檔案」-「開啟」中打開複製的動畫專案。

我們前往「視窗」>「時間軸」。

我們將建立一個新的時間軸。

具有以下特點：

- 影格率：8

- 播放時間：24

 

如此一來，Clip Studio PAINT PRO 和 EX 的使用者都能循序漸進地操作 :)

3. 眼睛動畫

我們停用光線和陰影、反射和背景的圖層。

選取場景圖層並啟用「變更圖層顏色」。

以便在插圖上繪製。

在時間軸中，我們建立一個新的動畫資料夾。

在新的動畫資料夾中，我們建立一個新的圖層資料夾。

然後在圖層資料夾中，我們建立以下圖層：

• ColorLine(點陣圖層)

• Línea(向量圖層)

• Lights(點陣圖層)

• Shading(點陣圖層)

• Color(點陣圖層)

現在在時間軸中，我們啟用「指定賽璐珞至影格」。

我們選擇圖畫 1 並點擊「確定」。

我們選擇鋼筆工具來繪圖

在「輔助工具」中，我們選擇「G 筆」或您想要的任何其他筆。

我們只畫張開的眼睛。

我們前往影格 9 並建立一個新的動畫賽璐珞。

我們啟用洋蔥皮功能以查看先前的繪圖。

然後繪製閉合的眼睛

現在我們前往影格 12 建立一個新的動畫賽璐珞

並在影格 13 啟用「指定賽璐珞至影格」

我們選擇圖畫 1

我們回到影格 12 並繪製幾乎張開的眼睛。

我們將影格 9 的繪圖移動到影格 10

移動動畫的眉毛也很重要，我們使用「操作」工具來完成，選取筆劃並移動它們。

請記住，在向量圖層中繪製眼睛的線條很重要，這樣我們才能獨立移動筆劃。

這樣我們就得到了以下動畫：

4. 副視圖

現在我們前往「視窗」>「副視圖」。

我們在這個新面板中啟用滴管工具

然後在資料夾圖示中，我們選擇初始專案，也就是原始插圖。

我們可以在「副視圖」面板中看到我們的插圖，這對於接下來要做的事情將非常有用。

5. 眼睛動畫的顏色

我們回到圖層面板，選擇「顏色」和「陰影」圖層，因為我們將在這些圖層上繪製眼睛動畫。

我們啟用「副視圖」面板，然後將選取原始插圖的顏色來繪製動畫眼睛。

我們可以使用鋼筆工具繪製眼睛動畫。

我們將對每個繪圖都這樣做，達到以下結果。

不要忘記刪除固定繪圖中眼睛的筆劃，您還需要繪製一些區域以避免錯誤。

 

這樣，一旦您再次顯示眼睛動畫，它就會順利顯示。

如您接下來所見：

6. 背景動畫

我們啟用背景圖層，因為現在我們將專注於其動畫製作。

我們使用「操作」工具選取它，並可以檢查它是一個水平無限背景，這對這個動畫來說非常完美。

這個背景是 Clip Studio PAINT 的預設背景，所以我們可以毫無問題地使用它 :)

要製作背景動畫，我們選擇包含背景的資料夾，並在時間軸中啟用：「在此圖層上啟用關鍵影格」。

在影格 1 中，我們啟用選項：「新增關鍵影格」。

然後在影格 24，我們將背景向右移動，請記住這必須使用「操作」工具來完成。

 

在這裡，我們必須嘗試使背景與影格 1 位於相同位置。

 

我使用的一種技術是延長背景動畫，也就是說，直到影格 25，這樣我們就可以將最後一個關鍵影格移動到這個新影格，以實現完美的動畫循環 :)

達成以下結果：

7. 手機反射動畫

我們前往圖層面板，選取背景圖層，然後右鍵啟用「複製圖層」。

我們將這個複製的圖層定位在女孩場景的下方並更改其名稱。然後我們建立一個新的圖層，並將複製的背景動畫放入這個新的圖層資料夾中。

在包含女孩繪圖和元素的場景資料夾中，我們將停用手機螢幕，使其變空。

我們選取包含複製背景動畫的資料夾，並在時間軸中啟用「在此圖層上啟用關鍵影格」。

我們所做的只是將此背景向下移動，以便雲朵在手機反射中可見，請記住，我們將始終使用「操作」工具移動圖層。

我們降低此資料夾的不透明度，使反射看起來更真實。

現在我們在複製的動畫背景上方建立一個新的圖層資料夾，將動畫放入這個我們稱之為「遮罩」的新資料夾中。

現在使用「自動選擇」工具，我們選擇手機螢幕區域。

然後在圖層面板中，我們選擇名為「遮罩」的新圖層資料夾並啟用：「建立圖層遮罩」。

這樣我們就得到了新的複製動畫背景只在手機反射中可見。

8. 光線動畫

我們顯示專案中的所有圖層，以專注於場景中的光線。為此，我們選擇包含光線和陰影的圖層。

我們選取燈光圖層並將其移到資料夾外部，因為我們將單獨處理燈光。

在時間軸中，我們建立一個新的動畫資料夾。

我們將動畫資料夾的名稱更改為「燈光」，並將燈光圖層放入此動畫資料夾中，所有這些都在圖層面板中完成。

我們前往時間軸並啟用「指定賽璐珞至影格」，然後選取燈光圖層。

在圖層面板中，我們選擇燈光圖層

啟用：「在此圖層上啟用關鍵影格」

在時間軸中，我們將學習一個我從未教過的工具，但這是一個好機會，那就是「曲線編輯器」。

時間軸會改變，我們選擇「不透明度」。

在影格 1 中，我們添加一個關鍵影格。

我們也在影格 24 中這樣做。

最後在影格 12。

我們選取影格 12 的關鍵影格，將其稍微降低，在場景中您將看到光線顯得較少，這將是一個微妙的光線動畫，但有助於為我們的動畫增添更多真實感。

達成以下結果：

9. 細節

我們將前往場景資料夾，選擇線稿圖層，然後我將刪除手機螢幕上的時間和元素。

 

我為什麼要這樣做？因為如果這是一個動畫循環，而插圖總是顯示相同的時間，那麼就無法顯示動畫正在時間中流逝。

使用「選取範圍」工具，我們選擇元素並將其刪除。

10. 動畫匯出

我們前往「檔案」>「匯出動畫」>「影片」。

我們可以匯出為影片或動畫 .gif。

我們可以更改名稱

大小

然後等待我們的動畫匯出

11. 最終動畫

這就是我們在這個教學中製作的動畫，我們將插圖轉變為動畫，試著用您的插圖來做，您會發現動畫的世界是如此迷人！

下一個教學見！