這次，我將向您展示如何從單一圖像創建角色行走的動畫。

由於動畫是使用關鍵影格創建的，因此無需繪製多個圖像，從而可以輕鬆創建動畫。

還有影片版本，請看一下。

積分

如果您是動畫初學者，如果您不跳過所描述的任何步驟，您就不太可能放棄。

動畫創作與插畫創作不同，跳過一步就什麼都不會動，所以只要認真做就更容易成功。

以下課程是我之前創建的課程。

本課程的內容即使是初學者也能製作動畫，但以下的課程有更多基礎內容。

如果您有興趣，請看一下兩者。

建立新畫布

首先，透過前往「檔案」>「新建」來建立一個新畫布。

 

點擊工作目的下的動畫按鈕，並使用以下設定建立一個檔案：

 

原始尺寸 1200x1080 72dpi

 

時間軸

 

幀率10

 

播放時間50

 

 

一個新的動畫畫布已創建。

接下來，從“圖層”視窗中刪除“圖層 1”，以便僅留下“動畫”資料夾。

接下來，建立一個資料夾。

複製動畫資料夾，使其具有這樣的圖層結構。

將動畫資料夾名稱變更為“People”和“Background”，如下所示。

開啟「時間軸」視窗：按下「視窗」>「時間軸」。

時間軸已顯示

這次我們將使用這樣的插圖來創造步行動作。

如果您不想費心畫畫，可以使用下面的女孩圖像練習動畫。

---

在畫布上顯示圖像

背景：1 > 將所需的背景圖像放入資料夾 1 中。

此時，請確保資料夾1包含所需的影像。

如果資料夾中沒有圖像，則它可能不會顯示在畫布上。

在時間軸視窗中選擇背景資料夾。

選擇背景資料夾後，點選下圖所示的按鈕。

密切注意彈出窗口，選擇“1”並按“確定”。

圖像顯示在畫布上

重複上述步驟以使該人出現。

將單一人物圖像放入 People:1 > 1 資料夾中。

確保圖層配置如下所示。

正如我們之前在顯示背景的過程中所做的那樣，您可以透過按下下圖所示的部分來顯示人物。

如果您在畫布上顯示圖像的過程中遇到問題，請查看本教學。

更詳細地解釋了這些步驟。

設定關鍵幀

從這裡開始，我們將開始使用關鍵影格移動角色。

在此之前，我們先簡單解釋一下什麼是關鍵影格。

什麼是關鍵影格？

例如，在建立角色揮手的場景時，您可以將手的初始位置和最終位置設為關鍵影格。

然後，軟體將自動創建其間的運動，從而創建流暢的動畫。

關鍵影格是一個方便的功能，可讓您執行上述操作。

 

現在讓我們回到主題。

首先，在「工具」視窗中選擇「物件」工具。

啟用關鍵幀

仔細查看“時間軸”視窗。

選擇人員資料夾。

點擊下圖所示的部分。

此按鈕將啟用圖層的關鍵影格。

您現在已啟用圖層的關鍵影格。

 

 

啟用關鍵影格後，將出現十字準線，如圖所示。

**如果您沒有看到十字準線，請確保在「工具」視窗中選擇了「物件」工具。

現在您已準備好輕鬆建立步行動作。

使用關鍵影格創建行走動作

點選下圖所示區域周圍。

換句話說，請確保選擇第一幀。

基本上，如果到目前為止您還沒有觸及過時間線，那麼預設情況下它就會處於這種狀態。

但是，請注意，如果你稍微觸摸時間線，它就會從這種狀態崩潰。

 

仔細觀察下面的第二張圖片，確保與您自己的工作螢幕沒有任何差異。

對於初學者來說，即使是位置稍有不同的欄也可能會導致動畫無法正常運作。

返回畫布畫面並移動十字部分。

可以使用物件工具移動交叉部分。

確保將其與字元的中心對齊。

影像從十字標記處移動，因此對齊十字標記是一個重要的過程。

要點

確保此時十字準線與角色對齊。稍後嘗試將十字準線與角色對齊將會導致失敗。

注意！

如果啟用關鍵幀，您將無法繪圖。

如果您想再次繪製，請停用關鍵影格。

當您使用物件工具移動十字時，時間軸視窗中將出現如下所示的標記。

接下來，點擊下面的部分來移動紅色條。

從影格編號來看，這是第 31 格。

 

 

接下來，確保目前選擇了物件工具。

在此狀態下，查看「工具屬性」視窗。

您應該會看到放大選項。

將放大倍率設定為水平 105 倍和垂直 105 倍。

如下圖所示，將紅色條移回時間軸的開頭（第一幀），然後按三角形播放按鈕檢查移動情況。

您應該能夠看到這個人隨著時間的推移而變大。

創建上下運動

接下來，我們將創造行走時發生的上下搖擺運動。

建立一個新資料夾並將 People 資料夾放入其中。

**小心不要將Background資料夾放在裡面。

確保建立這樣的層結構。

在「圖層」視窗中保留新建立的資料夾處於選取狀態。

現在請注意時間軸視窗。

點選下圖中標示為②的部分。這將使紅條返回第一幀。

接下來，點擊標有③的部分以啟動關鍵影格。

上述步驟可讓您將雙關鍵影格套用至「人物資料夾」和「資料夾」。

這是一個方便的方法，所以最好記住它以供將來參考。

 

 

完成上一步後，方向鍵現在應該再次出現在畫布上。

將十字移動到角色的中心。

如果您查看「時間軸」視窗中的「資料夾」項目，您應該能夠確認已設定關鍵影格。

剩下要做的就是使用工具選項讓角色在正確的時間上下晃動以完成行走動畫。

我們將向時間軸添加關鍵影格。

如下圖所示，將紅棒移到所需的框框。

按下圖中顯示「點選」的按鈕新增關鍵影格。

 

移動紅棒的同時，按下關鍵幀按鈕，一一增加13個關鍵幀，如下圖所示。

如果你可以如下圖所示添加關鍵幀，那麼你就成功了。

為了更容易看到，我將我們將要操作的關鍵影格著色為黃色。

透過調整下圖中黃色關鍵影格的屬性，我們將創建上下移動影像的動作。

點擊以黃色顯示的關鍵影格之一。保持物件屬性工具處於選取狀態。

請密切注意“工具屬性”視窗。

我們將在“工具屬性”視窗中更改“位置 y”值。

將 17px 加到目前 y 值。

換句話說，如果當前 y 值為 540，請將其變更為 557。

為下圖中黃色顯示的所有關鍵影格設定此項目。 （將位置 y 改為 557px）

您不需要觸摸藍色關鍵影格。

這使我們能夠在行走時創建上下擺動的運動。

時間軸秒數調整

接下來，調整時間線上的秒數。

密切注意“時間軸”窗口，按省略號並打開“時間軸”>“更改設定”。

將結束幀設定為 30。

點擊播放按鈕播放視頻

如果如下圖所示移動，則行走動作已成功建立。

注意！

 

在平板電腦上播放時，關鍵影格可能會非常重，並且可能會凍結。

 

在這種情況下，選擇「檔案」>「匯出動畫」並儲存影片檔案。

 

透過檢視匯出的影片檔案來檢查影片。

本教學的關鍵點是，為角色向您走來時的逐漸擴展以及角色在行走時上下搖擺設置單獨的關鍵影格。

透過將關鍵影格重疊兩次，我們可以更輕鬆地進行後續微調。

---

先進的

透過添加差異影像，您可以使行走動作看起來更加真實。

本教學說明如何新增圖像的說明。