介紹

所以二維動畫對其他人來說很難，但其實不應該如此。

 

儘管我之前已經知道如何使用翻頁書製作動畫，但學習應用程式仍然是挑戰的一部分。

 

在我們開始畫畫之前，我們至少應該知道如何握鉛筆。

 

但在這種情況下，我們應該知道如何使用該應用程式。

 

在這個影片中，我應該教你如何使用 Clip Studio Paint 製作動畫，並像經典動畫師一樣分享足夠的動畫知識和技巧，這樣你至少可以為你的社群媒體製作自訂表情符號。

我還為那些想要更多視覺演示的人準備了影片教學。

第 1.1 部分 - 準備您的工作區

首先，打開一個畫布。確保您已選擇動畫預設。

我的畫布尺寸為 128 x 128 像素(px)，因為這將是表情符號的最大建議尺寸，但根據網站的不同，尺寸可能會有所不同。

 

雖然您可以將其設置得更大，例如 512x512 px，並且它可以用於貼紙，但我將保留 128px，這樣我就不會想添加更多細節。

 

這將是兩種尺寸的視覺表示。

通常，您可以保留所有設定不變，但對我來說，我將保留圖塊安全區域，以便我可以為畫布提供中心指南。

我還添加了空白，這樣我就可以保持一致性，並且每當我在框架之外繪製時都可以跟踪。

由於我一直在使用Clip Studio Paint EX，我的動畫可以有更多幀，但我希望每個人都可以使用本教程，因此我將遵循Clip Studio Paint PRO 的限制並設定我的播放時間到 24，我的幀速率為 12，這樣我最多可以有 2 秒的動畫。

打開動畫畫布後，您將在應用程式底部看到一個時間軸窗口，您可以在其中執行動畫。

但每當您因某種原因丟失它時，您始終可以在Windows下的選單列中找到它，然後在**時間軸中找到它。

另外，在選單的「動畫」標籤下，您可以找到動畫所需的所有內容，但我們不會在這裡討論所有內容。這只是一個註釋，供您在空閒時間進行實驗。

我還建議複製您的窗口，以便您在處理表情符號時能夠看到表情符號的實際大小。

為此，請下拉選單中的“視窗”選項卡，選擇“畫布”，然後選擇“新視窗”。

 

這將為您提供當前所在內容的重複視窗。

將新視窗拖出選項卡，調整視窗大小並將縮放比例保持在 100，這樣您就可以獲得表情符號的實際大小。

第 1.2 部分 - 動畫時間軸

在時間軸中，您將能夠找到所有動畫圖層。圖層視窗上的內容也將出現在時間軸中，但排列方式不同，以使其成為動畫友善的工作區。

 

當您開啟動畫預設畫布時，您將預設看到動畫資料夾。

如果您需要更多，您可以透過點擊此新動畫資料夾圖示來建立另一個動畫資料夾。

 

 

動畫資料夾與我們所知的普通資料夾不同。

 

動畫資料夾是您放置所有動畫單元和幀的地方。

如果您打算在動畫上新增更多圖層，則可以新增 1 個以上的動畫資料夾。

如果您想要更改時間軸，例如更改其幀速率。

 

您可以透過時間軸左上角的 3 行輕鬆完成此操作。

 

選擇“時間軸”，然後選擇“更改幀速率”。

 

在這種情況下，我放入8幀，它將變成3秒動畫，總共24幀。

時間軸上的分區意味著您可以製作多少秒的動畫。

您還會注意到我的動畫時間軸沒有縮圖。那是因為我保持這種方式，以便我有更多的空間在畫布上繪畫。

 

您可以輕鬆地做到這一點，只需轉到這 3 行，然後選擇縮圖。

第 1.3 部分 - Cel 和 Frame

對於某些人來說，Cel 和 Frame 很令人困惑，或者至少對我來說是這樣，因為相機和計算機，例如聽到每秒 60 幀的聲音，讓我思考幀到幀的東西。但它們略有不同。

 

對我來說，如果你稱它為 cel of frame 並不重要，但如果你要在動畫師上進行交流，有時這可能很重要。但如果您要與客戶交談，可能不會，除非他們願意了解正確的術語。

用更簡單的邏輯來解釋，cel只是動畫中的圖層。

Cel 可以在時間軸上的不同畫面上重複使用，就像我製作的這個範例動畫一樣。 1 cel 可以只是 1 圖，而不是可以在其他時間回收。

 

在此動畫中，我對 第 11 幀和第 15 幀使用 Cel #4**，這樣就不用再次繪製它，從而節省了一些時間。

現在，由於您已經了解了術語，您現在將了解 新動畫資料夾 旁邊的其他 3 個圖示的用途。

第一個是New Animation Cel.

 

基本上，您只需在框架中新增一個空單元格即可進行繪製。

 

旁邊的下一個圖示是 將 Cel 指派給框架。

 

這意味著，您將把現有的單元分配給框架。

或者您可以右鍵單擊特定的幀點並選擇您想要新增的儲存格。

第 2 部分 - 動畫

現在讓我們進入有趣的部分，即動畫。

 

動畫有一些原理，但我當然不會在這裡逐一討論，因為我不想讓您受到資訊轟炸。

 

但是，我在這裡告訴您這很重要，因此您可能想在空閒時間稍微搜尋一下。

 

• 動畫原理基本上就是生活藝術。

 

如果您在生活中觀察得足夠多，您就會直覺地知道在動畫旁邊添加什麼。

 

現在，我的角色表情符號的設計將是猴王，因為我是猴年，十二生肖是獅子座，所以這應該是有道理的。

並使其盡可能簡單，減少細節，從而減少需要查看的內容，並減少需要動畫的線條。

更多的動畫線 = 更耗時。

第 2.1 部分 - 關鍵影格姿勢

所以製作動畫首先要做的就是繪製關鍵影格姿勢。

 

關鍵影格姿勢基本上是任何要發生的動作的起始姿勢、動作變化的開始和結束姿勢。

目標是，即使只是關鍵幀姿勢，您仍然可以讀取角色的動作。

啟用洋蔥皮可以幫助您查看您製作的下一個和上一個單元格。

您可以透過前往動畫標籤 > 顯示動畫單元 > 洋蔥皮設定來變更其設定。

您可以變更要顯示的單元數，以便您可以看到動畫的進一步動作。

 

你可以改變它的顏色和不透明度。這對於後面的過程非常有幫助。

第 2.2 部分 - 中間部分

如果不填補空白，動畫就不會完成。

 

這是你需要的中間時間。

 

中間效果基本上是在間隙之間繪製，以使動畫具有平滑的運動。

要查看更改，這是之前

這是之後

幀數越多，動畫就會變得越流暢。

 

加倍幀將使動畫效果更好，但需要花費大量時間來製作動畫。

 

 

第 2.3 部分 - 拖尾與運動模糊

對於每秒 12 幀的動畫，我們無法讓它變得更流暢。

就像我們在這裡所做的那樣。看起來速度不夠快，所以他的動作沒有速度感。

 

我們將在這部分添加塗抹，以創建快速運動的錯覺。

事實上，當我們移動太快時，應該會出現運動模糊。但由於我們正在研究硬線，因此添加塗抹就可以解決問題。

 

這就是添加後的變化。

第 2.4 部分 - 擠壓和拉伸

現在我將向我的表情符號添加文本，這樣我們就可以使用擠壓和拉伸技術。

 

這有點類似於塗抹，但不同的是，它會使物體在快速運動時拉伸。這對於柔軟的物體非常有效。

當它進入時，它會伸展，當它到達目的地時，它會被擠壓，然後變成原來的形狀。

這將顯示它看起來有多有彈性。

第 3 部分 - 完成您的表情符號

透過在移動角色後添加額外的動作（例如頭髮動作）來完成您的工作。

在你的角色停止移動之前額外的畫面。這種微妙的細節使您的動畫看起來更加自然。

 

 

當一切都完成後，你就可以開始畫線條了。

 

如果做線條藝術，我建議使用向量圖層。

向量圖層的好處是您可以將其調整為您想要的任何大小，同時保持其清晰度。

 

 

確保使用操作工具調整其大小。突出顯示所有內容並進行調整。

並選取縮放時調整線條粗細複選框。這將在調整大小時保持線條的比例

取消選取是否希望線條藝術保持相同的像素厚度

您也可以隨時更改線條藝術的粗細。

剩下的事情你需要做的是顏色。

 

添加高光和陰影也需要動畫草圖，但對於我們的情況，運動是最小的，您可以對每個畫面進行猜測。

這就是本教程的全部內容，謝謝您並希望您在這裡學到了一些東西。

 

您在這裡學到的任何內容通常對任何動畫都有用，因此內容非常豐富。

 

再次感謝！