了解如何使用關鍵幀為現有圖稿設置動畫

我畫了這隻狗作為電子遊戲的吉祥物：

而且我們非常喜歡他，因此我們想更加突出地使用他。我們希望能夠添加一些動畫。

 

因此，我花了大約45分鐘時間，將打算移動的每個部分都剪掉了。我將每個身體部位保存到自己的圖層中，在頭部，頸部和膝蓋等區域，我填補了缺失的空隙。它看起來像這樣：

然後，我將所有圖層拖回原處，啟動時間軸，測試關鍵幀，並最終得到以下動畫：

很好，但對我們所做的工作沒什麼用。但是我製作了一個更複雜的動畫，使他成為我們UI通知的一部分。

 

下一個動畫使用的片段較少，但運動更為誇張，並且前景/背景交換很少。因此，這是一件很棒的教材：

在Clip Studio Paint中使用關鍵幀進行動畫處理

步驟1：設定

如果您正在處理已繪製的角色，則不必擔心創建新的動畫文件。您可以使用現有的畫布。備份原始畫布...如果需要，可用於更改圖形。然後進行切出每個運動部件並給它鋪上一層的工作。填寫缺少的形狀。簡化圖層，刪除不屬於動畫重要部分的所有內容。

 

設置文件夾以實現更快，更簡單的動畫：

 

創建一個名為“狗”（或“您的角色”）的文件夾。

將角色的每一部分都投入其中。

在“ Dog”文件夾中，創建一個名為“ Head”的文件夾。

將與頭部連接的每個零件都放進去。 （就我而言，是“鼻子”，“帽子”，“耳朵”和“頭”。

在“狗”文件夾中，創建另一個名為“正文”的文件夾。

將其餘所有身體部位放入其中。

您的文件夾應如下所示：

啟用時間軸窗口。

點擊“新時間軸”。

（如果您使用的是Clip Studio Pro，則最多只能獲得24幀。要進行練習，這是一個很大的數目。我的動畫是1秒長，因此我使用了行業標準的每秒24幀。如果要使用斬波器，請使用2幀秒動畫，使其每秒12幀。或6 fps，以獲得真正震撼的4秒長動畫。）

 

您的時間軸應自動填充所有文件夾和圖層，並在動畫的24幀部分周圍具有藍色手柄。

 

（時間軸上還包含“動畫文件夾”。請勿在本教程中使用動畫文件夾。它們雖然很棒而且很有用，但是在這裡只會令人困惑。）

 

選擇“狗”文件夾，然後在時間軸窗口中單擊“在此層上啟用關鍵幀”：

（我們所做的是將狗的每個部分都轉換為關鍵幀單元。如果現在需要對任何部分進行圖形校正，則必須返回到該狗文件夾，然後再次單擊“啟用關鍵幀”圖標。啟用，美術畫筆將無法正常工作。）

 

啟用關鍵幀後，您將專門使用對象工具：

現在我們可以進行動畫了！

步驟2：移動

在時間軸中選擇第一幀後，選擇“ Head”文件夾。

 

單擊時間軸窗口頂部的“添加關鍵幀”圖標。時間軸中會出現一個菱形，並且畫布周圍會出現藍色手柄。

 

將旋轉中心從畫布的中心拖動到頭部與頸部相交的點。 （這是小號+。如果看不到它，請確保使用的是“對象”工具。）

 

通過將光標移到藍色邊框的外部來測試旋轉，在藍色邊框上它會變為“旋轉”圖標。單擊並拖動。如果頭自然點頭，那就很好。

 

（如果頭部旋轉，但是耳朵和帽子保持靜止，則已選擇“ Head”繪圖層。）

 

將頭向下旋轉。

 

單擊時間軸大約在第6幀。

 

將頭旋轉到上方位置。每當您進行更改時，都會自動創建一個關鍵幀。

 

點擊時間軸中的“播放”按鈕進行測試。

 

單擊時間軸大約在第12幀。

 

將頭旋轉到稍微向下的位置。

 

單擊時間軸大約在第16幀。稍微向上旋轉頭部。

 

在時間軸上大約第20幀處單擊。將頭旋轉回到其自然位置。

 

點擊“播放”按鈕進行測試。

 

移到帽子上，然後再次執行所有這些步驟。

 

移動到耳朵和鼻子。旋轉，測試，前進。

 

 

我們需要為狗準備一條新的手臂，該手臂可以自然地放在招牌上。禁用關鍵幀後，可以在其他畫布或此畫布中繪製它。我們還需要以正確的角度繪製襯衫袖子：

您可以將這兩個項目放在1層上，但是我想從套筒中獲得一些額外的運動提示。

 

我刪除了另一隻手，一隻手被藏在口袋裡的那隻，然後換成了它。我保留了以前的上衣袖子，剩下2個上衣袖子圖像。對於動畫文件夾來說，這將是一個絕好的機會，但是，我將向您展示如何在沒有動畫文件夾的情況下進行簡單的圖形交換。

 

動畫化狗的肩膀向上移動，以表明他開始舉起手臂。

 

在肩膀最高的幀上，從右向左拖動該單個動畫軌道頂部的手柄。 （對我來說，它是第5幀。這使得整個圖層僅在第5幀消失時才顯示。）

在帶有新襯衫袖子的動畫軌道上，拖動相反的手柄，以便在舊襯衫袖子消失時出現新襯衫袖子。

步驟3：從背景移到前景

我們一直在整個時間內保持通知符號可見，只是為了方便使用尺寸參考。現在，將該層移到層窗口的頂部。這應該覆蓋狗的一部分。

 

在“ Dog”文件夾中創建並移動關鍵幀，以使他作為完整的對象彈出到標誌上方。

 

複製通知標誌層。

 

向下移動標誌層副本，使其位於手臂和袖子層的正下方。

 

像處理襯衫袖子一樣，在動畫軌道上移動手柄，以便僅在將手臂抬高到其上方並且“ Dog”文件夾停止移動時才顯示符號副本。

 

對原始符號執行相同的操作，以使其在復製品出現時消失。

 

將標誌副本移到與原始標誌完全相同的空間中。這就是我的圖層結束的方式：

對於出現在狗頭後面的最後一個幀，請像以前一樣創建關鍵幀，然後：

 

抓住最左邊的手柄，並使用它縮放圖層，直到它不可見為止。 （如果圖像縮小而不是變平，請單擊“對象工具屬性”下“變換”旁邊的+，然後取消選中“保持寬高比”。

 

在時間軸中向前移動並將其縮放回其正常外觀。

 

添加更多關鍵幀以使運動生動活潑，並使其彈跳。

額外特效！

我真的很喜歡使用圖層屬性和裁剪圖層可以實現的一些效果。由於我們的大多數作品已經在文件夾中，因此易於應用。

 

為了獲得乾淨的新藝術風格的邊框，我添加了一個文件夾，並將sign圖層和“ Dog”文件夾放入其中。然後，我在圖層屬性下啟用了邊框效果：

關於使用關鍵幀的行走動畫的額外提示！

步行週期可能非常具有挑戰性。這裡有一些提示：

 

將第一個關鍵幀複製到循環中的最後一個位置。在每一層上執行此操作。

 

首先對腳進行動畫處理。

 

肩膀向相反的臀部旋轉。因此，右臂與左腿一起向前移動，左臂與右腿一起向前移動。

 

對前景和背景圖層進行顏色編碼，以便快速找到它們。

這就是整個工作區。全屏顯示，以更好地查看圖層和關鍵幀的位置：

我不認識你，但對我來說，看著角色栩栩如生是令人激動的。我希望本教程可以幫助您克服在學習時給我造成很多麻煩的相同障礙。如果您有任何問題，請在評論中提問...在我創建此問題時，我一直在思考可能出錯並引起混亂的所有不同問題，但是我不想在解決這些問題時分心。