在本教學中，我將向您展示如何設計和製作同步的故事循環動畫。它很詳細，並且只需要24幀即可動畫化。您可以使用Clip Studio Paint的Pro和Ex版本製作此動畫。

 

 

 

 

設計循環

流水線故事的概念是透過同步運動，使動畫從一個循環流向另一個循環。在本教學中，我將製作貓咪壽司吧。從草圖開始。

將有一條輸送帶，將魚透過各種壽司製作過程傳送。四隻貓將分擔每個過程：切塊、用圓形刀片切片、將魚與米飯結合以及將壽司放在盤子上。

設計的動作將如下所示（在24幀中）

您可以看到，對於一個故事循環來說，24幀太少了。

 

如果我們給每隻貓咪24幀，將有更多時間進行詳細動作。

但是這個範例使用了24*4 = 96幀，這對於一個循環來說太長了，並且與Clip Studio Pro不相容。

 

貓咪的動作是獨立的，因此我們可以重疊每個動畫的關鍵幀，並製作像這樣的獨立動作循環。

最終，24個關鍵幀是完美的。看起來所有的貓咪都忙於牠們的工作！

動畫循環總結如下：

1. 貓咪切魚

2. 貓咪用機器切魚片

3. 貓咪製作壽司（每個循環2個壽司）

4. 貓咪擺盤和壽司

5. 輸送帶循環

 

繪製背景和物體

從背景開始。我將其製作成等距視角，以便整個流水線過程可見。

備註：我使用了Clipstudio Asset中的瓷磚圖案

再次根據背景調整場景草圖。

然後在不同的圖層中繪製將出現在傳輸帶上的物體

物體現在已準備好稍後進行動畫化

創建單個動畫循環

分開繪製貓咪的各個部分

不要忘記重新命名圖層，以便於管理

使用此設定為動畫創建時間軸。

幀率 = 8 且播放時間 = 24

 

在時間軸面板中，關鍵幀將根據我們的設定出現

[如果找不到時間軸面板，請透過「視窗」>「時間軸」開啟它]

將每個圖層轉換為圖像素材物件，以便於變形。

右鍵點擊圖層並選擇「轉換圖層」

將類型更改為「圖像素材圖層」並按下「確定」

對所有圖層重複此操作，然後會得到像這樣的圖層

現在已準備好進行動畫製作

 

要進行動畫製作，我們將使用「變形」方法根據角色動作移動各個部分。

 

選取圖層，然後點擊「啟用圖層關鍵幀」圖標

 

圖層名稱上將出現「變形」字樣

 

設定關鍵幀以添加「線性插值」

 

然後點擊圖標以添加關鍵幀，關鍵幀圖標將出現在選定的幀上（紅色條）

點擊最後一幀並添加另一個關鍵幀

然後按住最後一幀的關鍵幀圖標並拖曳到第25幀

（這將使第24幀看起來與第1幀不同，並使動作更流暢）

 

要製作動畫。

點擊您想要的任何關鍵幀，然後使用物件工具移動物件

 

時間軸將自動為您在此點創建關鍵幀

 

 

您可以點擊播放圖標查看動作

 

結果

應用於所有物件

您將得到貓咪的簡單動作

將身體部分移動到背景物件下方以修正重疊（創建一個資料夾以便稍後更輕鬆地編輯）

對於手臂動作，我將其製作成逐幀動畫，因為對於變形方法來說太複雜了

 

點擊時間軸面板上的「新建動畫資料夾」圖標

 

在圖層面板中，您將看到動畫資料夾在內部創建了一個資料夾

創建線稿、草圖和顏色的圖層

在時間軸面板中，右鍵點擊動畫資料夾時間軸，並選擇關鍵幀1

繪製第一幀，然後透過「啟用洋蔥皮圖標」啟用洋蔥皮

然後創建新的動畫影格

在第二個影格上，將有顯示前一個影格的藍線，您可以繼續在「2」資料夾中自動生成的草圖圖層上工作

在所有關鍵幀上繪製草圖以製作動畫草圖

然後在每個影格中添加細節

備註：對於墨線，我推薦使用標記子工具[筆]中的「單色填充筆」，因為它不會因壓力而改變大小，這對於動畫很有幫助:)

 

您還可以調整變形，並使用更多關鍵幀使動作更令人滿意（只需保持開始和結束相同）

現在動作更自然了

 

然後使用這些步驟創建另一隻貓。這是結果

創建同步動畫循環

動畫尚未同步。必須添加輸送帶動畫才能完成此作品

輸送帶可以分成5個部分。

1 - 魚從盒子中落下

2 - 魚片切成生魚片

3 - 壽司移動

4 和 5 - 準備上菜的壽司移出

 

為了便於管理，我們必須檢查它可以與相關動畫循環同步的關鍵幀

 

例如，魚在第一個貓咪的手中，在關鍵幀1，所以它會在關鍵幀24準備好被貓咪拉出

 

從魚從斜坡上落下開始

魚落下分為3個步驟

在關鍵幀1開始同步[與切魚的貓咪]，因此我們將魚放置在第1幀貓咪手中之前的位置

 

透過設定第一個顯示幀來限制時間軸上顯示的幀

 

為魚創建變形動畫，並在第一個關鍵幀移動魚的位置

結果將是這樣的

魚在關鍵幀18彈出。現在製作魚落下的動畫，該動畫將在關鍵幀17結束

提示：您可以使用網格變形來調整魚的形狀，使魚自然落下

[編輯 > 變形 > 網格變形]

 

然後以相同的步驟製作變形動畫

 

現在魚將持續落下，其他步驟也一樣

為避免重疊部分，複製部分背景並放置在物體上方

最終的時間軸將像這樣

對於重複物件的移動，您可以將它們放在一起並一次移動

製作從拿起一片生魚片到另一片生魚片的動作關鍵幀會有些複雜（因為貓咪每循環拿起2片生魚片，每個循環需要12幀）

 

您必須創建需要12幀的動作

結果將是非同步且閃爍的。

 

要使其同步，您必須使其成為一個完整的循環，嘗試將動作保持在2、4、6、8、12幀的循環中，因為它可以在24幀內形成完美的循環。

 

這裡有12幀，可以重複循環2次以填滿所有24幀

 

複製圖層並將時間軸移到前面

（按住時間軸標頭可自由移動）

您也可以複製整個條形並貼到後面的關鍵幀上

這就是製作簡單循環的所有技巧

這是其餘部分的結果

 

為輸送帶添加動作細節

繪製線條以製作輸送帶（每條線一個圖層）

每24幀將製作一對壽司，然後我們創建輸送帶的移動偏移，長度為24幀

因此，創建變形並在最後一個關鍵幀移動物件以與下一條線重疊（對所有線執行此操作）

 

您可以看到場景中的某些物件無法隨輸送帶移動，我們可以稍後透過應用其他表面來修復它，以隱藏奇怪的動作。

為了使輸送帶更好地融入背景，將條形資料夾移動到輸送帶顏色圖層上方，然後使用「剪裁到下方圖層」剪裁圖層

您可以調整透明度以獲得更好的外觀

最後潤飾

檢測我們製作的動作中的一些錯誤並修復它，或者如果需要則添加細節。

例如，我在較慢的過程中添加了更多線條以使其更同步，以及砧板。

 

現在工作完成了！

補充說明1：循環動畫的基礎知識

如果您是循環動畫的新手，我希望這會有所幫助:)

循環動畫很有趣，嘗試簡單的動畫可以幫助您更好地理解更複雜的動畫。

補充說明2：等距繪圖指南

我一直在思考如何在不使用網格的情況下繪製等距視圖。我找到了一個有趣的方法來製作自己的等距繪圖指南。

總結

我希望我的教學能幫助您對設計和創建自己的循環動畫有所啟發。祝您有美好的一天 :)