嗨！在這篇文章中，我將教你如何在 Clip Studio PAINT 中創建你的第一個動畫，無論你是初學者還是剛接觸 2D 動畫世界的人，你都能製作出一個簡單的 LO-FI 風格動畫。

 

如果你擁有 Clip Studio PAINT PRO 或 Clip Studio PAINT EX，你就能跟隨整個過程並完成你自己的動畫！

這就是我們將要製作的動畫：

我將教你製作類似動畫的整個過程，你會發現它既有趣又簡單。

 

那麼，我邀請你觀看這個超棒的教學影片，名為：

影片教學：如何在 Clip Studio PAINT 中製作動畫 (初學者)

影片是西班牙語的，但請記住你可以啟用你語言的字幕，你一定會找到的 :)

你覺得這個影片怎麼樣？我們一步步地看到了製作一個簡單 LO-FI 風格動畫的整個過程。

動畫創作過程：

現在，我邀請你再次透過圖片逐步查看：

1. 專案創建

前往「檔案」-「新建」，然後選擇最後一個選項「動畫」。在「預設」中選擇 1920 x 1080，更改故事名稱，最重要的是，將「速度」更改為 8，將「持續時間」更改為 24 影格。完成後，點擊「確定」。

2. Clip Studio PAINT 中的時間軸

請記住，可以在頂部的「視窗」-「時間軸」中啟用它。

3. 儲存你的專案

在「檔案」-「另存新檔」中，你可以儲存你的專案，選擇你的資料夾，並且不要忘記始終以 .CLIPSTUDIOFORMAT 格式儲存。

4. 動畫佈局

創建專案時，我們會有一些預設內容，一個動畫資料夾和作為白色背景的紙張圖層。為了從零開始，我們將在圖層面板中刪除動畫資料夾，只剩下紙張圖層。

然後我們創建一個名為「LAYOUT」的新點陣圖層。

要在這個圖層上繪製動畫草圖，我們將選擇鉛筆工具，並使用鉛筆子工具。如果你想用其他畫筆繪製草圖，也可以！

我們得到了以下結果：

5. 動畫線稿

選擇「佈局」圖層並啟用：「變更圖層顏色」，然後將不透明度降至 50%。

然後我們創建一個新圖層來繪製線條，但這次我們將選擇一個「新的向量圖層」。

然後我們使用「鋼筆工具」中的「紋理子工具」來繪製動畫線條，但僅限於沒有移動的區域。

 

為什麼我選擇了「紋理子工具」？因為我希望這個動畫具有藝術感。

有時我們需要修剪線條，為此 Clip Studio 提供了一個很棒的工具，選擇「橡皮擦工具」中的「向量子工具」，我們就可以修剪不需要的筆劃。

如果你想修改線條寬度，也可以做到，你應該前往「線條修正工具」並在「子工具」中選擇：「修改線條寬度」。然後在「工具屬性」視窗中，你可以選擇「增加」或「減少」。

可以這樣編輯線條的寬度（桌子的線條）

6. 眼睛動畫

現在是時候開始製作動畫了，我們將從最簡單的開始，也就是角色的眨眼。為此，我們需要前往時間軸並創建一個：「新的動畫資料夾」。

然後我們需要創建一個：「新的動畫單元格」。

現在我們要施展一個我非常喜歡的技巧！在眼睛動畫資料夾內的圖層面板中，我們將創建一個：「新的圖層資料夾」，並給它與影格相同的名稱，即：1。

我們可以創建不同的圖層，在這種情況下，我們將創建一個名為「線稿」的向量圖層。以及一個名為「顏色」的點陣圖層。

現在我們選擇眼睛動畫資料夾中的線稿圖層，並繪製睜開的眼睛。

當一個影格成為圖層資料夾時，我們將在影格 10 創建一個新的動畫單元格，當你創建這個新繪圖時，你會發現它會創建一個新的動畫單元格，同時保留所有先前單元格的圖層和名稱，這點我非常喜歡！

在眼睛動畫資料夾的線稿圖層中，我們將繪製閉合的眼睛。

請記住啟用：「啟用洋蔥皮」，以查看先前的繪圖。

現在我們在影格 12 創建一個新的動畫單元格。

但在那之前，我們前往影格 13 並啟用：「指定單元格」。

然後我們選擇繪圖 1，以便在影格 13 再次顯示睜開的眼睛。

然後在影格 12 繪製半閉的眼睛。

然後我們看到目前為止所完成的動畫，只有眨眼。

7. 書本動畫

現在我們要創建一個新的動畫資料夾，名為「頁面」。

我們創建一個新的動畫單元格，然後重複相同的上一步驟。

我們創建一個與影格同名的圖層資料夾，這樣就可以在這個資料夾中創建更多圖層。我們將創建的圖層是：線稿圖層和顏色圖層。

然後我們只在這動畫資料夾的線稿圖層中繪製書頁，這就是我們將要動畫化的部分。

現在我們在影格 2 創建一個新的動畫單元格，如你所記得的，它會創建一個新的動畫單元格，同時保留圖層數量及其名稱。

然後在影格 3 完成繪圖後，我們的動畫就準備好了。

現在我們需要減少書頁動畫的持續時間，為此我們從右側末端拖動這個動畫資料夾，並將其設定為 3 個影格。

接下來我們將把這個動畫複製到同一個動畫資料夾中。為此，我們將游標放在書頁動畫的頂部，右鍵 - 複製。

然後在影格 4 空白處右鍵 - 貼上。並在整個時間軸上重複相同操作，直到結束。

得到以下結果：

8. 動畫清理

這是我們目前為止所完成的動畫線稿。

9. 動畫上色

現在是時候添加顏色了，為此我們在動畫線稿圖層下方創建一個名為「顏色」的新點陣圖層，在這裡我們將為所有沒有移動的元素上色。

我們選擇「填充工具」，並在「子工具」中更改為：「參照其他圖層」。這樣我們就可以在不同的圖層上繪畫，並且它會讀取邊框線以填充動畫中固定元素的顏色。

以這種方式完成：

10. 書頁動畫上色

現在我們要為書本動畫上色，我們選擇動畫的第一個繪圖，然後選擇顏色圖層，並使用鋼筆工具進行繪畫，就是我們用來繪製線稿的那個工具。

11. 眼睛動畫上色

我們執行相同的過程，選擇眼睛動畫資料夾，並為眨眼動畫的 3 個繪圖上色。

我們繪製眼睛的亮部和虹膜。如果你想，可以為眼睛添加額外的顏色。

得到以下結果。

12. 邊框線顏色

現在我們要添加一個額外的細節，我們將為邊框線上色，你會發現這樣做會讓我們的動畫看起來更好。

 

為此，我們在線稿圖層上方創建一個名為「線條顏色」的新圖層。然後前往「編輯」-「填充」。但非常重要的是，要在圖層面板中啟用：「調整到下方圖層」，如我在下圖所示：

13. 動畫氛圍

現在我們要玩轉動畫的燈光。我們將創建一個名為「氛圍」的新點陣圖層。前往「編輯」-「填充」以繪製整個工作區，使用與邊框線相同的顏色。然後在圖層面板的混合模式中，我們啟用：「正片疊底」並將不透明度降至 70%。

14. 動畫陰影

儘管這個動畫將是平面顏色，但我們需要創建前景和背景元素之間的深度。為此，我們將在所有其他圖層之上創建一個新的點陣圖層，並將其命名為：「陰影」。然後使用鋼筆工具只繪製動畫的背景。不透明度也將保持在 70%。

15. 動畫照明

作為最後的潤飾，我們可以創建一個名為：「光」的新點陣圖層。為了為場景添加一些小小的照明，我們將混合模式更改為「加法 (發光)」並將不透明度保持在 50%。

16. Clip Studio PAINT 中的 2D 攝影機

如果你想改變攝影機的構圖，這可以在 Clip Studio PAINT 中通過創建一個 2D 攝影機輕鬆完成，但在創建之前，我們將啟用 2D 攝影機的渲染，這將真實地顯示我們將作為影片或 GIF 導出的攝影機構圖。

 

首先，我們前往「動畫」-「播放設定」-「渲染 2D 攝影機」。

如果我們在時間軸上啟用播放，我們將看到攝影機的實際畫面。

現在我們將創建一個新的攝影機來改變構圖。為此，我們前往：「動畫」-「新建動畫圖層」-「2D 攝影機資料夾」。

然後我們可以使用「操作工具」將攝影機移動到我們想要的構圖。

但為了讓攝影機運作，我們需要將所有圖層移動並放入攝影機資料夾中，如下圖所示：

如果我們啟用播放，我們將看到我們編輯過的攝影機的最終構圖。

17. 光線動畫

作為最後的細節，我們將非常簡單地製作一個光線動畫。為此，我們在所有圖層之上創建一個：「新的動畫資料夾」，並將其命名為「光」。

我們將之前創建的光線圖層放入名為「光」的新動畫資料夾中。

然後在名為「光」的動畫資料夾中，我們啟用選項：「指定單元格」。

然後我們選擇名為「光 1」的繪圖。

在時間軸上繪圖所在區域，右鍵點擊 - 「複製圖層」。

現在在光的動畫資料夾中有 2 個相同的繪圖。現在我們前往影格 3 並啟用：「指定單元格」。

然後我們選擇名為「光 2」的繪圖 2，最後將其不透明度更改為 70%。

現在我們將光線動畫的持續時間設定為 4 個影格。

然後在光線動畫的頂部右鍵點擊 - 「複製」。

然後在影格 5 右鍵點擊 - 「貼上」。並對其餘影格執行相同的操作。

成功用光線動畫填滿時間軸。

18. 將動畫匯出為影片

前往「檔案」-「匯出動畫」-「影片」

我們啟用：「應用 2D 攝影機效果」並將 FPS（每秒影格數）更改為 8。然後點擊「確定」，將我們的動畫匯出為影片。你可以選擇 .mov 或 .mp4 格式。

19. 將動畫匯出為 GIF

「檔案」-「匯出動畫」-「動畫 GIF」

在「動畫 GIF 匯出設定」中，如果我們想要一個大尺寸且高品質的 GIF，可以更改寬度和高度，然後點擊「確定」，我們的動畫將匯出為 .gif。

20. 最終 LO-FI 風格動畫

希望這篇文章對你有所幫助，並激勵你製作你的第一個動畫，如你所見，它比想像中容易。

 

期待你在下一個 TIP 中再次見到你！