介紹和說明

你好！

在本教程中，我將解釋如何使用關鍵幀為動畫表情製作基本動畫。

 

 

在開始之前，重要的是要提到 3 件事：

 

1. Clip Studio Paint PRO（Clip Studio的基礎許可證），動畫限制為24幀。如果您需要更多，則需要購買 EX 版本的程序。

由於我們處理的是簡單的動畫，我們不需要這麼多幀，所以 24 就足夠了，將根據這個限制進行解釋。

 

2. 在本教程中，我們將只使用關鍵幀，而不是逐幀動畫。該工具可以幫助我們轉換和編輯圖層，以便從指定點到終點移動或更改大小。我們將利用這些工具來製作快速、可愛和簡單的動畫表情。

 

3. 目前無法使用 Clip Studio 導出具有透明背景的 GIF，但我們可以導出幀以便稍後渲染 gif，我將在發布的最後解釋這些步驟。

作為本教程中的示例，我將使用我的 4 個表情來製作不同的動畫：

◦ 問候：手部動作和心跳

◦ Smug：使用圖層蒙版移動眉毛

◦ 大喊：振動

◦ 睡眠：移動文本

如需支持，您還可以訪問我關於此 Clip Studio 提示的視頻教程

我如何準備我的表情來歡呼？

考慮兩種情況：

 

 

• 你還沒有開始你的表情。

 

您可以觀看本教程以跳過幾個步驟：

想想你想要移動的部分或元素（字母、手臂、學生等），然後在不同的圖層上繪製或創建它們。在“我應該如何區分我的表情？”我將進一步描述這個過程。

 

• 如果您已經有表情。

 

您不需要製作新畫布，只需從 FILE -> OPEN 打開文件並找到您的圖像

請記住，它必須是具有透明背景的 .png 圖像

由於您的表情完全在單層上，因此有必要將您要移動的部分或元素分開。

 

• 我應該如何區分我的表情？

 

您需要有單獨的部分才能開始。如果您的圖像位於單層上，則可以使用 SELECT 工具來實現：

使用選擇鉛筆，您將一次選擇一個，您將要分離的部分或元素。

選擇元素後，剪切 (CTRL+X) 並粘貼 (CTRL+V)。這應該會在您所在位置的頂部為您創建一個新圖層。

提示：為了在選擇時更好地註意任何錯誤，請使用背景圖層，並用您選擇的深色填充它。

您需要取消選擇才能繼續下一個項目。此選項可在 SELECT -> UNSELECT 窗口中找到。

您在必要的元素中重複此步驟，並且必鬚根據它們的位置按邏輯順序排列它們。在我的例子中：

 

• 心在所有這些之上，因為它是表情中的浮動元素。

• 身體放在手臂上方，這樣手臂就可以從頭後經過。

• 手伸到手臂後面，讓手腕被衣服的袖子遮住。

 

提示：如果您的表情有表達動作的線條，您可以刪除它們，因為在動畫表情中它們可能會妨礙它們，並且它們不再有太多用處。

最後，您還需要在單獨的部分中添加一些“標籤”，這些標籤被它們上方的元素隱藏。這將有助於當您移動手臂時，在製作動畫時沒有單獨的部分。

 

這些“標籤”僅適用於需要它們的表情，因為它們是更大系統的一個元素，例如問候表情。僅具有振動或浮動元素特徵的表情，無需創建這些“標籤”

在插圖中的示例中，您可以看到我如何將顏色延伸到身體後面一點。此時效果不會很明顯，但稍後您將能夠注意到它。

注意：請記住以 CLIP STUDIO FORMAT 格式保存您的文件（如果您以 .png 格式打開它），以便保存您的動畫更改。

在 FILE -> SAVE AS... 中，您可以更改文件的格式。您可以在將出現的窗口中的文件名下看到它：

一旦將元素分開，並以正確的格式保存文件，我們就可以開始了。

基本面

 

• 時間線

首先，我們需要動畫時間線。默認情況下，Clip Studio 不顯示此欄。我們將能夠在 WINDOW-> TIMELINE 中的工作區搜索中出現它

這個新欄將出現：

我們將在其中尋找位於左上角的新時間線圖標。

將出現以下選項窗口：

在名稱中，您可以輸入任何內容，這並不重要，因為您可以在保存之前更改它。

速度，最好保持在 24，因為如果我們的幀限制（持續時間）是 24，它將轉換為 1 秒的動畫。

 

其他選項可以保持原樣。

在時間軸中，我們創建的圖層現在將出現。

 

 

• 關鍵幀

可以在欄底部的倒數第二個圖標上激活關鍵幀，方法是單擊“為此圖層啟用關鍵幀”

您將能夠看到您的圖層現在可以使用關鍵幀，因為您的圖層左側會出現一個鉛筆和鎖形圖標。

要插入密鑰，我們將使用下圖中指示的圖標：

我們還可以在其中顯示鍵的動畫選項：

• 固定值：圖像將保持靜止，直到它到達它必須改變位置的確切幀。鑰匙圖標為黃色。

• 線性：創建運動動畫，直接從指示位置到下一個位置。鑰匙圖標為綠色。

• 平滑（曲線）：像線性一樣創建運動動畫，但在元素的過渡中添加了“柔和”元素。鑰匙圖標為紫色。

每個都可以用於不同的目的。在我將展示的示例中，我們將僅使用線性和平滑（曲線）插值

 

另一方面，您將能夠在時間線的“播放”選項中看到您的表情動畫是如何進行的。

問候表情

我們將為此表情使用平滑（曲線）模式。

 

 

 

• 手臂

 

 

從手臂開始，我們在位於第 1 幀時單擊 INSERT KEY，將出現一個菱形符號，表示已生成第一個鍵。

一旦我們的第一幀設置為起始位置，我們就可以開始移動元素。

我們將自己置於另一個框架中，我們希望手臂的第二個位置。

我們在工具欄中查看OPERATION -> OBJECT

我們可以開始根據自己的喜好移動元素。

一旦我們移動位於另一幀中的元素，我們可以注意到時間軸中自動生成了一個鍵：

然後我們將手臂從中心向上和向下移動，以產生問候動作。

注意：要使您的表情循環，您可以添加一個與初始鍵相同的鍵，但在時間線的末尾。

 

方法是右鍵單擊該鍵（菱形圖標），將出現以下選項：

單擊 CUT，將自己定位在時間線的最後一幀，然後右鍵單擊並選擇 PASTE。

提示：如果您發現某些元素在移動時會留下不應該的空間，請不要擔心！你仍然可以糾正它。

使用“EDIT LAYERS WITH KEYS ON”選項，您可以修改圖層，並使用畫筆繪製您錯過的任何內容。您的畫布將如下所示：

它看起來像這樣是正常的，這是為了幫助您更好地查看您的圖層。

完成後，您可以再次單擊“EDIT KEYED LAYERS”圖標並繼續創建動畫。

 

 

• 我的

我們按照相同的步驟插入開始和結束鍵。

 

作為與另一個元素相關的元素，我們必須在與手臂相同的位置創建鍵：

在高手和低手的位置，你可以稍微傾斜手，這樣它就會做出額外的運動，給人一種手腕的錯覺。

 

 

• 心

這是最簡單的。

它僅包括通過使心臟越來越大來創建密鑰。以這種方式創建節拍。

您可以將時間線的一部分保留為沒有鍵，以便節拍在返回節拍之前有超時

表情自鳴得意

這個表情有兩層：

• 面部基礎層，無眉毛

• 眉毛層

在這個表情中，我沒有把頭髮分開，這樣我就可以讓眉毛在頭髮下面和頭頂上，而是使用了圖層蒙版。

在打開圖層的鍵之前，尋找“CREATE LAYER MASK”圖標

第二個白框將出現在您的圖層旁邊。位於其中，使用橡皮擦，檢查您不希望在通過時看到您的元素的部分。

 

在這種情況下，我不希望眉毛顯示在頭髮上方，所以我刪除了頭髮相交的區域。

您將能夠看到黑色的阻塞區域。

激活蒙版後，您可以激活圖層的鍵，並使用眉毛進行上下移動。

在這個表情中，我覺得 24 幀是不必要的，所以我減少了它們。

睡眠表情

在睡眠表情中，由於它是一個帶有移動文字效果的表情，我們只需要基礎表情，無需任何其他添加：

 

 

• 歌詞

要開始我們的文本動畫，我們需要使用這個工具：

使用我們偏好的字體和顏色，我們將編寫文本。

在這個例子中，我只會寫一個 Z

我們插入密鑰，並根據我們的喜好容納字母。

 

我會把它放在嘴邊，體積小。我將插入鍵，轉換為更大的字母以產生像蒸汽一樣的運動。

中間的鍵用於隨著字母的上升而在大小和角度上做出微小的變化。

 

末尾的字母位於畫布外部以使其“消失”。

 

 

 

• 不透明度

為了增加更蒸汽的效果，我們可以在字母上升時改變它的不透明度。

為此，只需將自己定位在鍵 1 上（確保選中菱形時有紅色邊框）。在不透明度滑塊（圖層上方）上，將其移至 0。

接下來，您轉到您的鍵 2，並將不透明度設置為 100。

 

有了這個，你的信應該會彈出一個動畫。

 

 

 

• 重複

現在，您將使用另外兩個字母執行前面的步驟，以獲得文本“Zzz”。

 

你添加的新字母，放在你第一個創建的字母下面，這樣，當它們出現時，它們會一個接一個地出現，不會干擾順序和疊加。

 

 

• 表格

獲得三個動畫字母后，您可以對它們應用彩色邊框，以使它們在表情中更具吸引力。

在 LAYER PROPERTY 下，找到 EFFECT -> EDGE EFFECT 並打開它。

激活後，您將能夠修改邊框的顏色和粗細：

然後你把這個邊框應用到你的三個字母上。

表情大喊

對於這個帶有振動效果的表情，只需要有基礎表情即可。

我們將應用模糊效果，因此如果您願意，可以復製圖層，如果您不喜歡更改，可以返回原始圖層。

 

 

• 模糊

讓我們去濾鏡 -> 模糊 -> 運動模糊

會出現以下窗口：

• 距離：是拖動效果的量。我建議最多 3 個。我用的是 1.8。

• 角度：是拖動的方向。在我看來，在這種情況下並不重要。

• 方向：如果拖動適用於兩個方向，或者僅適用於一個方向。對於這個表情，我建議你使用兩個方向。

• 如何模糊：它有兩種不同的效果：框或平滑，距離越大，差異越明顯。這是一個偏好問題，你選擇哪一個並不重要。我選擇了盒子。

 

 

• 動畫

對於這個表情，最好使用“線性”插值，因為試圖做出更強的動作，它需要在“柔和”消除的過渡中更加粗糙。

您可以隨意移動圖像。

 

如果可能，每幀都創建關鍵點，這樣振動看起來會更快。

如何出口？

正如我在開頭提到的，我們無法在 Clip Studio 中導出具有透明背景的 GIF，因為它會自動將其轉換為白色背景。

在這種情況下，替代方法是導出為圖像序列。

文件 -> 導出動畫 -> 圖像序列

將出現此窗口：

確保您的出口目的地是正確的。

您可以在此窗口中更改時間線的名稱，這將是導出的圖像名稱的開頭。

 

在高級設置中，文件類型應為 PNG（注意：確保您設置的深色背景顏色不再是動畫的一部分！）

 

如果您的文件非常大，您可以修改大小，或者根據您必須上傳動畫表情的網站的規格進行調整。

 

在導出幀下，第一行應與您在製作時間線時確定的幀數相匹配。

最後是 FPS，將其保留為 24。

 

一旦設置好，點擊確定，你製作的每一幀（在我們的例子中是 24 張圖像）都應該出現在你指定的文件夾中。

如何使用幀製作動畫 GIF？

您可以在您選擇的軟件中使用它們，該軟件允許您製作具有透明背景的 GIF。您只需按順序輸入要處理的幀。

 

如果您沒有使用或不知道哪一個，我建議使用 GIMP，因為它是免費的。

 

您可以在我的個人資料中找到有關如何製作這些 GIF 的簡短提示。

結果

這就是它的樣子！

 

有很多選項可以應用這種動畫，所以盡情發揮你的想像力吧！祝你好運

 

 

 

感謝您訪問此提示！如果您有任何意見或反饋，請隨時評論❤