影片:

**你好！我叫 Iarlis，今天我帶給大家一個關於如何製作有運動的插圖的教學。

 

這是一個針對初學者的教程，從一些動畫概念開始，這樣您就可以將您的插圖變得栩栩如生！

我們要做的將與這些佣金範例類似<3

範例：

第 1 步：草圖 + 時間軸說明

*在草圖中標記我們將在插圖中進行的運動非常重要。顯然有些人馬上就做，但是在製作簡單的動畫時，我們應該標記重點。

例如：眼球運動、頭髮、衣服等！

提示：

*如果這是您第一次製作動畫，我建議您做一些簡單的動作：眨眼、頭髮、風景。有時，少即是多。

時間軸

讓我們建立時間線，轉到「視窗」->時間軸。

我們將其保留為預設值。

1： 這是一個動畫資料夾，它是一個我們可以把各個圖層組織起來的資料夾。它就像一個普通資料夾，但這個資料夾專門用於動畫。

 

**為什麼不放一個普通資料夾？這意味著我們無法縮短或延長它。

 

2： 這是洋蔥皮層，相信大多數人都聽過。它用於查看前一張和後一張圖，以在幀之間引導我們。

 

3： 這是眾所周知的動畫單元。它顯示為動畫資料夾內的一個圖層，在它的幫助下我們可以建立序列。

動畫素描+動畫概念

*現在我們對時間線有了一些了解，我們將繼續對草圖進行分類。讓我們繪製動畫草圖。

 

動畫的基本概念是，在一起的畫面越多（繪圖越多），移動速度就越慢。圖紙之間的距離越遠，速度就越快。

 

如果你想製作更複雜的運動動畫，我建議你做眾所周知的關鍵姿勢。但在本教程中，我將只專注於一個簡單的動畫。

 

我在大學做過的動畫練習範例 <3

如果您對複雜的動畫感興趣，這個官方 Clip Studio 提示會更詳細地解釋

*1）普通資料夾可用於組織（如我的情況）。

*2）動畫資料夾在製作動畫時是必需的，因為它們允許我們在時間軸上移動。

 

作為動畫草圖，我只會畫眨眼、咖啡煙霧、手機和瞳孔。

其餘部分將在 After Effects 中製作動畫

第二步：線條和顏色

線條和顏色步驟與我們對插圖所做的相同。在普通插圖中，我們使用普通資料夾，在動畫藝術線條中，我們將使用我上面解釋的動畫資料夾。

 

為了指導您使用動畫的顏色，請使用多個動畫資料夾，不要在單一圖層中執行所有全色，否則進入下一幀時會很困難。依下列方式分隔：線稿、基底色、陰影、亮度。

為了讓在看這麼多動畫資料夾時一切看起來不那麼混亂，請將其與普通資料夾一起組織起來。

頭髮：準備髮絲

對於頭髮，我們將分離髮絲：靜態基礎，然後是分開的髮絲。在頭髮部分，我們不需要動畫資料夾（我本來打算在clip studio中完成它，但我決定在向您展示之後完成它，這就是為什麼有動畫資料夾）

沒有頭髮看起來很奇怪哈哈。基礎毛髮將不會移動。

所以！我們必須準備好一切，然後才能完成。我們將像平常一樣做頭髮，但將頭髮分開以進行準備。

此時，我正在將 A 部分和 B 部分（即瀏海）分開，並細分這些線。

這有助於我在以 PNG 格式匯出並將其新增至後面時獲得更好的順序。

步驟3：導出將其加入After中

我們將這樣導出。我們將匯出動畫，但我們將隱藏稍後必須在 After Effects 中製作動畫的資料夾。就我而言，這將是鎖和其他東西，例如徽標和符號。

 

 

匯出動畫：

我們將隱藏留下的資料夾，以便稍後在 After Effect 中匯入它們。我們不打算修改且在 CLIP Studio 中製作的動畫將匯出為電影。

我建議您始終為要在其他地方設定動畫的資料夾著色。在本例中，紫色是我將在 After Effect 中設定動畫的資料夾。

沒有後期效果之前看起來是這樣的。

之後匯出 PNG：

還記得我一開始抽的煙嗎？這是我稍後添加的動畫，但我們如何導出它？我們將其導出為圖像序列。

所以要遵循的步驟是這樣的：

檔案 -> 匯出動畫 -> 影像序列

對於股線，我們會尊重順序。不要完整匯出所有內容，而是匯出每條鏈及其各自的名稱。這很乏味，但是當我們導入它時它會對我們有所幫助。

術後效果

導入文件

建議：觀看影片以更好地理解它。我將在這裡嘗試解釋一下。

 

對於頭髮來說，我們必須“錨定”

這樣，頭髮就會在適當的位置移動，而不是隨處移動。

好吧，我們有輪換，我們會保持簡單哈哈。

讓我們啟動框架（旋轉旁邊的框架），我們將沿著時間軸移動並更改數字。在我的例子中，我將輸入 7。

要匯出動畫，我們必須轉到：

檔案 -> 匯出 -> 新增至 Adobe 編碼器佇列或處理佇列。

我們可以將其匯出為 png 作為影像序列或 h.264。

就我而言，兩種方式都可以，因為我想改進某些細節並在 Photoshop <3 中添加內容

結果：

所以永遠不要限制自己<3，我期待看到你美麗的動畫！