3種讓你的表情生動起來的方法

5,967

Linkurys

Linkurys

瓦斯普,夥計們!

我是 Link,來自 @linkurys 的動畫師和插畫家

Linkurys (@linkurys) • Instagram 照片與影片

 

這是我第一次在網路上分享動畫技巧,所以如果我的任何建議看起來不清楚或令人困惑,請隨時詢問!您可以發表評論或DM我。

 

在本教程中,我將向您展示 3 種快速輕鬆地製作表情動畫的方法。每種方法都有其自身的挑戰,但不用擔心!我將指導您使用 Clip Studio Paint Ex 從頭到尾完成每個步驟! 😁

我們要做什麼?

當您想到製作動畫表情時,您可能會認為這很困難、很複雜並且需要大量工作。在開始製作動畫之前我也是這麼想的。但不管你信不信,以上三點基本上就是全部了!當然,這並不是那麼簡單,但比您想像的要容易!特別是當我們使用 Clip Studio Paint 時,它為我們提供了許多功能😎

3 種讓你的表情變得生動起來的方法!

正如我之前提到的,我將為您提供 3 種創建自己的動畫表情的方法,它們是:

1.靜態圖像動畫

這種技術的本質很簡單,基本上只是移動你的圖像/繪圖來實現你想要的運動。

(這是人們製作動畫表情時最常用的方法,您可能已經多次看到這種類型的表情,對吧?)

 

2.零件動畫

在這裡,您將使用與第一種方法相同的技術分離表情的各個部分並單獨移動它們。

(與第一種方法類似,但需要更多動畫組件。)

 

3.逐幀動畫

透過逐幀繪製每個動作來製作動畫!

這項技術需要更多的努力,對於初學者來說可能有些挑戰性。然而,透過堅持不懈的練習,您會發現自己在創建這些動畫方面變得更快、更熟練!

(最具挑戰性,但也很有趣!:D)

 

 

準備你的工作空間和東西

1. 準備您想要動畫的表情圖

確保你能看到它!

當我們討論動畫表情時,它們通常用於即時串流聊天,例如 Twitch 或類似平台上的聊天。由於它們可能看起來很小,因此確保它們易於看到非常重要。不要添加太多可能會丟失的小細節。保持簡單即可!


2. 設定您的 Clip Studio 繪畫工作區

在深入學習動畫教學之前,讓我們先進行一些設定!

1.打開您的 Clip Studio Paint

2.點選 檔案 > 新建...

3.選擇項目動畫

4.將畫布/框架大小設定為 1000x1000 像素,將解析度設為 150

(您可以選擇不同的尺寸,但請確保其保持 1:1 比例

5.將幀速率設定為 24 FPS

6.按一下確定

如果您沒有時間軸面板,您可以透過前往視窗>時間軸來使其顯示

 

等等,你問什麼是時間軸?嗯,它本質上是任何動畫項目的支柱。在時間軸上,您可以佈置序列、設定節奏並組織動畫影格。這是所有各個部分組合在一起的地方,使您可以視覺化並控制動畫從開始到結束的流程。可以將其視為導演的儀表板,其中的每個動作、每個過渡和每個時刻都被繪製出來。

這是可選的,但您可以隱藏動畫資料夾預覽以獲得更好的空間,方法是轉到時間軸旁邊的漢堡圖示(3行),然後縮圖大小>無

耶!現在您已完成 Clip Studio Paint 工作區的設定! ✨

動畫和移動你的東西

如果您正在閱讀本文,這意味著您已經準備好為您的表情添加動畫了,對吧!? (或者也許您只是跳到這部分😏)。無論哪種方式,讓我們從最簡單但最簡單的方法開始:靜態圖像動畫!


第一個技巧:靜態圖像動畫

在上圖中,您將看到三種移動和更改靜態影像的方法。您可以移動它、轉動它、放大或縮小它,或混合使用這些方法以獲得不同的效果。只要使用這些技巧,您就可以實現很多可能性,您的創造力是唯一的限制!


靜態影像動畫:1 級(基礎)

1. 準備靜態影像/繪圖

對於第 1 級,讓我們只使用 2 張圖像來製作那些失望的表情:

-你的人物畫

-背景圖


2.建立動畫資料夾

將繪圖匯入 Clip Studio Paint 之前:

1.建立一個新的動畫資料夾。這將幫助您將角色繪圖和背景圖像分離到不同的圖層中。

2.根據需要重命名動畫資料夾。例如,我在頂層使用“字元”,在底層使用“背景”。”


3. 匯入您的影像/繪圖

在用於動畫的 Clip Studio Paint 中,您不能直接將圖像拖放到畫布上來匯入它們。這是因為 CSP 中的動畫單元主要是為畫筆和其他工具設計的,而不是為直接圖像導入而設計的。可以這樣想:它們不是為原始影像材料而製作的。

 

要成功匯入圖像文件,確保將它們拖放到圖層調色板區域,正好位於動畫資料夾下方

圖像檔案將作為名為“Dino 1”的向量圖層插入。

(“Dino 1”是我的圖像檔案名稱)

 

 

「但是圖像沒有出現在畫布上:(」你說?

嗯,這是因為你需要先將你的圖像向量圖層分配到你的動畫資料夾!

您可以點擊 將 cel 指派給框架 > 選擇圖像圖層 > 確定 來完成此操作

匯入的影像尺寸可能大於或小於畫布尺寸。若要讓影像適合畫布而不改變其比例,請按住 Shift 鍵,同時拖曳圖片的一角

 

 

就是這樣!您已完成角色圖像的匯入! ✨

現在,您可以對其他動畫資料夾匯入和指派背景執行相同的操作!


4. 讓你的畫動起來!

要開始對繪圖進行動畫處理,您必須先透過執行以下操作來啟動關鍵影格功能:

1.選擇“背景”動畫資料夾

2.為您選擇的圖層啟用關鍵幀

啟用關鍵幀時,在第一幀中添加關鍵幀

現在,複製您新增的關鍵影格並將其貼到動畫持續時間(2 秒)的末尾。您可以按 ALT+拖放 關鍵影格輕鬆完成此操作。

現在您有 2 個關鍵影格!

首先,選擇初始關鍵影格。接下來,點選操作模式 >物件。此設定將使您能夠從第一個關鍵影格開始調整背景

之後,將背景圖像移至頂部/從畫布移出

就是這樣!

您已經製作了第一個動畫表情! 🥳

如果您覺得背景動畫太慢,請隨意調整為您喜歡的。就我個人而言,我在接近初始幀的位置添加更多關鍵幀來調整速度。

這是結果!

這是使用所有 3 種靜態動畫基本技術(旋轉、縮放和位置)且過程完全相同的另一個結果!您能告訴我在哪裡以及何時使用它們嗎? 👀

升級!恭喜! ✨

您已完成靜態動畫 第 1 級。 現在,您已準備好進入 第 2 級!


靜態影像動畫:2 級(進階)

歡迎來到 2 級!

到目前為止,我假設您已經牢牢掌握了靜態圖像動畫的基礎知識。那麼,我們將跳過基本步驟並直接進入動畫過程,好嗎!?

1. 2 級表情材質

使用兩個不同的圖像可能看起來很簡單,特別是結合基本的靜態動畫技術具有無限的可能性。但對於這個級別,我們提高賭注怎麼樣?讓我們僅使用一張圖像創建一個動畫 gif! 😈


2. 新文件還是新時間軸?

對於這部分,您有兩個選擇:要么像我們一直在做的那樣創建一個新文件/畫布,要么簡單地創建一個與以前格式相同但進行細微調整的新時間軸。對製作新時間線感到好奇嗎?讓我告訴你!


以下是建立新時間表的方法:

1.在時間軸面板上,按一下“新時間軸”按鈕。

2.將出現一個彈出螢幕。由於我們使用相同的動畫格式,因此無需調整任何設定。只需將時間軸重命名為“Level 2”,或者您可能想要將播放時間更改為更短/更長的持續時間。

3.按一下確定

您的新時間線已準備就緒! ✨

但是,如果您查看圖層面板,您會發現先前匯入的繪圖影像仍然存在。這是因為建立新的時間軸意味著您正在與以前相同的文件中工作。不過,這些不會影響你在新時間線上的進度!

 

不要刪除它們! ⛔

如果刪除這些文件,您將從先前的時間軸中刪除匯入的文件。是的,這意味著您在另一條時間線上處理的動畫將會消失。所以,最好不要碰它們

但如果這讓你煩惱,這裡有一個快速解決方案

1.選擇所有圖層

2.按 CTRL G 將這些選定的圖層分組在一起

3.將其標記為“時間軸 1”。

4.只需最小化資料夾即可保持工作空間整潔。

5.瞧!您的工作空間現在具有清新、井井有條的外觀,並具有新的時間線就緒外觀 ✨


3. 動畫化你的繪畫!

您的新時間軸現已設置,現在讓我們開始製作動畫!

以下是您需要準備的物品的快速提醒:

1.新建一個動畫資料夾

2.匯入您的影像/繪圖

3.將導入的圖像分配給動畫單元

4.調整影像比例


新增 2D 相機資料夾:

1.點擊漢堡按鈕

2.新動畫圖層

3. 2D 相機資料夾

現在您的 2D 相機資料夾已設定完畢,將繪圖圖層移入其中。只需將圖層拖放到 2D 相機資料夾內即可。執行此操作會啟動影像/繪圖上的相機效果


動畫 2D 相機效果之前的注意事項

1.確保您已選擇相機資料夾或圖層。

2.您在畫布上看到的方框代表相機效果將捕捉的區域。本質上,這個正方形內的任何內容都會是輸出

3.當您開始調整相機效果幀時,關鍵影格將自動新增至時間軸。如果您進入另一個幀持續時間,然後調整相機幀,它會相應地進行調整。

4.若要查看相機效果結果,請點選並開啟 時間軸上的漢堡按鈕選單 > 播放設定 > 渲染 2D 相機


動畫 2D 相機效果

透過每 2-3 幀將相機效果框移動到隨機位置,創造快速且振動的相機效果

預期的結果應該是這樣的


動畫縮放效果

1.選擇相機資料夾內繪圖的動畫圖層。

2.開啟關鍵影格選項。

3.在動畫的開頭和結尾加入關鍵影格。

4.在最後一個關鍵影格上,放大您的繪圖/影像圖層以達到縮放效果(請務必使用操作工具>物件進行操作,否則您將無法移動影像)

預期的結果是這樣的!

雖然你可以認為它已經完成了,但為什麼不添加一點額外的天賦呢?讓我們增強這個笑容,讓它更有威脅性。哈哈😈


新增過濾器

1.選擇你的繪圖層

2.暫時停用關鍵影格功能

(不用擔心,當你再次打開它時,關鍵影格仍然保持不變)

3.透過右鍵點選圖層>柵格化來柵格化影像

光柵化將向量圖層轉換為點陣圖格式,然後您可以將濾鏡套用到影像

4. 開啟濾鏡 > 模糊 > 徑向模糊

(注意:除了這個過濾器之外,還有許多其他過濾器可供您探索!)

5.調整強度,方向為雙向,模式為平滑,然後確定

 

 

6.完成後,您可以重新啟動繪圖圖層的關鍵影格功能

 

這是威脅性的微笑! 😈😈😈

升級!恭喜! ✨

您已完成靜態動畫 2 級。 現在,您已準備好進行 零件動畫!

第二個技巧:零件動畫

零件動畫背後的概念與靜態圖像動畫類似,您可以在其中移動、縮放或旋轉繪圖。它的不同之處在於,您需要將要單獨移動的角色的每個部分分開。如上圖所示,我的角色有四個部分,每個部分都可以單獨製作動畫,這樣可以為您的表情提供更多可能性,甚至動態姿勢!


分離字元部分

在本技巧部分中,我的目標是為我的角色設定動畫喝一杯咖啡。

為了實現這一目標,我將把角色分成五個部分,分別是:

1.身體,

2.眼睛,

3.眉,

4.嘴唇

5.咖啡杯

 

快速提醒大家,你們不必模仿我的姿勢或設計。隨意使用您自己的角色、姿勢和相關元素。讓您的創造力綻放光芒!


設定動畫資料夾並導入圖像

設定您的動畫資料夾

根據角色具有的不同部分的數量建立動畫資料夾。由於我的角色分為五個部分,因此我將建立五個單獨的動畫資料夾。

 

確保正確排列資料夾。您不希望應該位於最前面的圖像與其他部分重疊,對嗎?


匯入您的繪圖並將其指派給每個動畫資料夾 cels

1.將圖像/繪圖匯入到您製作的每個動畫資料夾中

2.將導入的繪圖分配到相應的動畫資料夾,就像我們對靜態圖像動畫所做的那樣:單擊“將 cel 分配給幀”,選擇圖像圖層,然後單擊“確定”。對每個部分重複此操作

3.將這些部件設定為起始條件或第一幀的初始位置


動畫角色部分

在深入研究動畫之前,規劃所需的動作至關重要。根據上圖,為了實現角色的啜飲動作,我們需要確定哪些部分會移動,哪些部分會保持靜止。

 

如果我們觀察圖像,我們可以了解到:

1.眉毛向下移動。

2.眼睛保持靜止。

3.當角色喝咖啡時,嘴巴被遮住了

 

現在我們有了所需的運動條件,讓我們開始製作動畫吧!

1.我們要做的第一件事是在每個動畫資料夾/圖層上啟用關鍵影格功能,以便我們可以開始在其上放置關鍵影格並為其設定動畫

2.在第一幀和最後一幀添加關鍵幀

 

 

3.編輯所有最終關鍵影格以表示最終運動。對我的角色來說,這是角色喝水的時刻。

 

預期的結果應該是這樣的!

從技術上講,我們可以把它總結到這裡,但為什麼不添加一點技巧讓它變得更好呢?讓我們來調味吧! 😎

1.透過右鍵點選動畫資料夾>新動畫圖層>2D相機資料夾新增2D相機效果

2.將所有角色部件動畫資料夾插入相機資料夾


動畫 2D 相機效果

1.關閉相機資料夾以隱藏其他圖層。這使您的時間軸更容易查看。

2.在第一幀和最後一幀上添加關鍵幀

3.縮小相機效果框以達到放大效果

預期結果應該是這樣的!

感覺有點辣是嗎?但這還不夠辣,我們再加點香料吧! 😤

4.新增背景,透過在相機資料夾下新增新的動畫資料夾

5. 選擇背景圖層>新動畫單元

6.在背景圖層上新增黑色圖形/形狀

7.在背景圖層上啟用關鍵幀

8.在圖層的第一幀和最後一幀上新增關鍵幀

9.選擇第一個關鍵幀,並將其不透明度調低為0

 

預期的結果應該是這樣的!

它看起來已經更棒了,你不覺得嗎!?但我還有最後一步!

1.在相機資料夾頂部新建一個動畫資料夾,並將其命名為Foreground

2.建立一個新的動畫單元。在畫布上添加 1/4 黑色形狀,覆蓋角色繪圖的一部分。複製前景動畫資料夾並將副本移動到畫布的底部。所以現在你在相機層之上有 2 個不同的前景層。

3.在兩個圖層上啟用關鍵幀

4.在兩個圖層的第一幀和最後一幀上新增新的關鍵幀

5.選擇頂部黑色前景,然後選擇第一個關鍵幀,移動黑色形狀,使其位於畫布頂部之外

6.選擇底部的黑色前景,然後選擇第一個關鍵幀,移動黑色形狀,使其位於畫布底部之外

 

第一幀看起來像這樣

結果就是這樣!!! ✨

這是我使用迄今為止介紹的所有動畫技術製作的另一個結果!你能告訴我它們的用途和用途嗎? 👀

升級!恭喜! ✨

您已成功完成零件動畫靜態圖像動畫!

到目前為止,您已經證明了自己在動畫表情方面具有驚人的潛力! 我為你感到驕傲! 🥹💖

第三個技巧:逐幀動畫

介紹

在我們深入了解逐幀動畫之旅之前,了解一些基本術語和概念非常重要。這將確保我們大家都有清晰的理解,並在前進的過程中達成共識!


什麼是逐幀動畫?

與早期主要透過移動背景和角色部分來顯示運動的技術相比,逐幀動畫讓我們詳細說明角色的每一個動作。

 

看看上面的圖片。

你會注意到角色從一個點跳到另一個點。

跳躍的每個階段都由一個獨特的圖像來表示,捕捉運動的每一個細微差別。這就是一步步畫出每個動作的精髓!


框架

影像序列中的單一影像。就像相簿中的一張照片一樣。


每秒影格數 (FPS)

一秒鐘顯示多少個畫面(或圖片)。例如,如果您的動畫有 24 FPS,則表示每秒有 24 幀以使動作看起來流暢


關鍵幀和中間幀

關鍵幀, 這些是動畫的主要幀或“關鍵點”。它們定義了任何平滑過渡的起點和終點。以投擲球為例(如上圖),關鍵影格將是起始投擲、最高點以及球落地的時間。

 

 


中間, 這是繪製關鍵影格之間存在的影格以使運動平滑的過程。對於我們的球來說,框架顯示了這三個要點之間的上升和下降。

 

更多的中間意味著更多的幀和更流暢的動畫!


逐幀動畫表情

儘管製作逐幀表情需要更多時間,但對於動畫表情來說這是值得的。它們不需要像常規動畫那樣詳細或長。只要他們表現出情感,他們就完成了他們的工作!

 

深入研究逐幀技術的每個細節將需要很長時間。有很多內容要介紹,例如 12 個動畫原則以及如何製作一個好的場景。這會讓這篇文章變得很長,而且可能太多了。我們稍後將在另一篇文章中討論這些其他細節。 😉

 

現在,讓我們專注於使用逐幀技術製作那些動畫表情!


我們要做什麼

在我們深入研究逐幀技術製作表情的過程之前,這是我們要做的! (我認為)

 

1.設定工作區

準備好我們的動畫畫布。

2.草圖繪製和計時

透過草圖規劃我們的動畫並設定正確的時間。

3.線條藝術

將這些草圖變成乾淨的線條。

4.著色和渲染

添加顏色並賦予其拋光外觀

5.畫龍點睛

嗯…我們稍後會看到,呵呵😋


1. 設定工作區

設定動畫畫布

如果您一直遵循我們先前提示中的步驟,您就會知道我們對此技術使用相同的工作區。但是,如果您直接跳到本節或需要複習一下,讓我為您快速回顧一下!

1.開啟 Clip Studio Paint,然後開啟 檔案 > 新建

2.在「項目」標籤上選擇「動畫」並配置動畫預設,如下所示:

3.按一下“確定”

4.如果您的 時間軸 未顯示,請開啟 視窗 > 時間軸


設定動畫層

當您建立新畫布時,會自動新增動畫圖層並為您命名。最好重命名該層以反映其用途。例如,如果您要在該圖層上繪製動畫草圖,則可以將其重新命名為「草圖圖層」。

 

這將為您在管理動畫時間軸方面帶來巨大優勢!

 

就是這樣!您的工作區已準備好進行逐幀動畫!


設定圖層資料夾

使用圖層資料夾對於逐幀動畫至關重要。它們使您可以在單個動畫單元或幀中堆疊多個層,從而保持事物井然有序且高效。

 

以下是如何設定!

1.選擇你的動畫圖層

2.在圖層調色板/面板上建立一個新圖層資料夾

3.建立一個新的柵格圖層並將其放在圖層資料夾內

4.將圖層資料夾 cel 分配給動畫幀

 

注意: 當您將圖層資料夾單元格指派給動畫幀時,它們將自動複製該資料夾中的柵格圖層數。因此,如果第 1 幀有一個包含 2 個柵格圖層的圖層資料夾,當您新增像第 2 幀這樣的新幀時,它也會有 2 個柵格圖層,鏡像第 1 幀。


打開洋蔥皮

該工具將允許您查看和參考先前和後續幀以實現更平滑的過渡。它類似於分層半透明洋蔥皮,提供相鄰幀的“幽靈”圖像來指導動畫師的工作。

 

您只需觸發時間軸調色板上的洋蔥皮按鈕即可將其打開


2. 素描和計時

素描

也稱為“粗糙動畫”,是關於繪製角色或事物的基本動作。這些簡單的圖畫顯示了主要動作,沒有詳細的外觀。它們幫助我們感受並計劃運動。


定時

動畫中的時間是指每個動作使用多少幀才能使其感覺正確。它有助於顯示諸如某物有多快或多重之類的資訊。

 

如果你已經完成了我的靜態圖像和部分動畫提示,那麼你基本上只是在調整關鍵影格時完成了它!


第 0 步:表情概念

在我們開始繪畫之前,想想你想要表達的表情。問你自己:

1.你想表達什麼感受或表情?

2.它將如何移動?它將如何開始和結束?

 

就我而言,我將製作一個快速簡單的表情供您理解,即:

1.我希望我的角色眨眼

2.它會從微笑 🙂 變成眨眼 😉 。

清楚了解您的目標將提高動畫的品質和速度。知道你的目標是什麼很重要!


第1步:製作動畫圖層與單元格

1.新建一個動畫資料夾/圖層

2.將動畫層重新命名為“Sketch”

3.新增新的動畫單元/幀

 

筆記:

1.每次想要為動畫繪製新幀時都執行此步驟

2.如果需要,您也可以使用圖層資料夾


第二步:畫草圖!

由於我們處於草圖階段,請隨意在畫布上進行實驗並探索不同的想法!也許你會找到適合你的角色或其他什麼的更好的姿勢😎

 

注意: 我通常使用 G-Pen 進行素描、線稿和著色。但請選擇您最熟悉的工具!


素描簡介

對於角色表情或姿勢的每次轉變,添加額外的主要姿勢或另一個關鍵影格有助於更平滑地過渡角色。因此,在我的動畫案例中,我將在角色微笑和眨眼之間添加 1 個關鍵影格 😗

 

這裡有一些動畫的快速草圖和時間映射:

正如你從上圖中看到的,現在我有 3 個關鍵幀,它們是:

1.微笑 - 起始姿勢

2.注意 - 從 K1 姿勢過渡到 K3 姿勢

3.眨眼 - 結束姿勢

 

稍後我們將添加一些中間影格 (IB),以便在更改關鍵影格時使角色的運動更加平滑!


草繪關鍵幀

讓我們按照以下兩個簡單步驟開始繪製我們的主關鍵影格:

1.在第一格(第 1 格)上繪製起始角色姿勢

2.在中幀(第 12 幀)中繪製過渡角色姿勢

3.在最後一格(第 24 格)繪製結束角色姿勢

注意: 這是可選的,但您可以重命名每個幀(在我的例子中是 K1、K2、K3)以獲得更有條理的時間軸。好吧,這取決於你!

預期結果應該是這樣的:

看起來不錯吧? 😉


中間畫草圖

現在讓我們添加一些中間幀,以使關鍵幀之間的過渡看起來無縫:

1.使用「預期技術」在 K1 和 K2 的中間(第 6 幀)製作並繪製中間幀,以便在做下一個姿勢之前建立角色動力。

 

2.使用「擠壓技術」在 K2 和 K3 的中間(第 18 幀)製作並繪製中間幀,以在抬頭後眨眼時建立角色影響。

 

 

預期結果將是這樣的:

正如您所看到的我們製作的粗糙動畫,它看起來仍然太不穩定,無法稱之為完成。因此,為了解決這個問題,我們需要在我們製作的中間幀之間添加更多的中間幀! (明白了嗎?)😇


中間添加額外的!

這些額外的中間幀與我們之前使用預測和擠壓技術的幀不同。對於這些幀,我們將簡單地繪製從關鍵幀平滑過渡到原始中間幀的線條。

1.在每個關鍵影格和原始中間影格的中間製作並繪製額外的中間影格。讓我們將中間的每一個額外的標籤標記為“e”

這是預期的結果!

現在的速度

減慢

這是每一幀上發生的事情 👀

我們繪製的總幀數為 9 幀,即:

1. 3x 關鍵影格/主要姿勢

2. 2x 中間框架

3. 4x 額外中間框架

 

如果粗略的動畫看起來有點不對勁,那是因為我們還沒有對時間進行微調。此草圖階段的目標是正確掌握關鍵影格和中間影格的繪製!所以不用擔心,因為我們要進入計時部分了! 😎

 

注意: 素描部分並不是你的角色的最佳動作,我們在調整時間時可能會刪除一些不必要的幀或添加新的幀!


第三步:時機!

當涉及到動畫時,調整時間是相當困難的部分,即使對我來說也是如此!需要大量練習才能了解和感受動畫的最佳時機,因為每個不同的動作或不同的姿勢也需要不同的時機!

 

您無法完全複製此步驟(除非您使用我的特定角色作為參考)。相反,相信你的直覺並根據你自己的願景調整時間。調整角色的動作,直到感覺恰到好處!

 

您可以遵循以下一些提示,幫助您找到正確的表情時機:

1.決定角色的移動速度。

-如果運動從慢到快,請將畫面放置得更近。

-如果運動從快到慢,請將影格間隔得更大一些。

 

2.如果您的角色動作感覺不正確,請更改、刪除甚至新增畫面。

因為我在製作本教學的同時,也製作了動畫和繪圖。我有一些不必要的框架需要刪除,一些框架需要添加。

 

注意: 幀過多或過少會對動畫的流暢性和清晰度產生負面影響。

這是我的時間線,調整了時間並修改了一些幀

這是我刪除和添加的框架的一些插圖

1.從上圖中可以看到,我刪除了3個不必要的幀,它們是:

1. e2

2. e3

3. e4

我刪除了這個框架,因為它擾亂了角色運動的自然流暢。仔細檢查動畫中的每一幀以識別並消除任何可能導致不一致或使運動顯得不自然的幀至關重要。

 

2.我將 K22 和 K33 幀添加到時間軸中!

但為什麼K2會跟K3看起來一樣呢?這是因為我只是複製了這些幀,透過拉伸複製的繪圖來創造一些重疊和彈跳效果,如下所示:

選擇要拉伸的框架 > CTRL Shift T 進入自由變換模式 > 選擇頂部節點並將其稍微拉伸到頂部

 

 

重疊效應

從上圖中,您可以看到框架如何導致角色在「抬頭」運動期間重疊。這誇大了動作,使其更加戲劇化!

彈跳效果

在「抬頭」手勢之後,您會注意到,當我的角色快速低下頭時,他眨眼時會產生彈跳效果。這為動畫增添了活力!

這是最終結果!

(傻乎乎的動作💀)

(終於有實際動作了😎)


第四步:休息一下,欣賞一下你的粗糙動畫✨

您已正式完成草圖和計時步驟!做得好! ✨

當然,事情還沒完成!我們需要透過添加一些平滑的線條藝術並在其上添加可愛的顏色來製作適當的表情,使其看起來更漂亮!

 

為什麼不花點時間欣賞和回顧一下你完成的草圖動畫呢?

就像我現在做的🥹🥹🥹

3.線條藝術

現在我們已經在草圖和計時階段實現了所需的運動,是時候用平滑而精確的線條來完善我們的動畫了!


第1步:設定動畫圖層

1.將草圖動畫圖層不透明度調低至30

2.在草圖圖層上方新建一個動畫圖層,並將其重新命名為Lineart

3.在藝術線條動畫圖層上新建一個圖層資料夾

4.將圖層資料夾cel分配給動畫幀

現在您已經完成了藝術線條動畫圖層的設置,讓我們進入下一步!


第二步:畫線稿

設定好動畫圖層後,我們就可以在上面畫線稿了!

以下是一些可能在過程中為您提供幫助的提示:

工具:

1.選擇適合您的繪畫風格(您在繪畫中始終使用)的首選鋼筆或畫筆工具。就我而言,我使用 G-Pen。

3.確保您的筆或畫筆尺寸一致!

4.啟用筆上的穩定器將在您撫摸線條時為您提供極大幫助

5.將更多柵格圖層新增至圖層資料夾中,以便您可以單獨繪製角色部分

6.使用變換工具變更繪圖位置、形狀等

 

尖端:

1.使用長而連續的筆觸,而不是短而斷斷續續的筆觸,可以使外觀更平滑、更自信。

2.休息一下,定期縮小以查看整體圖像,並確保一切都成比例且一致。

3.要有耐心,如果一條線看起來不正確,請立即撤消它並重試。力求最好的質量,即使需要幾次嘗試。

4.完成後清理所有重疊的線條或缺陷,使動畫看起來更精美。

5.您可以隨意自訂角色姿勢並為動畫添加幀。

6.透過開啟和關閉草圖圖層可見性來查看乾淨的藝術線條進度。

 

這就是我現在可以給你的藝術線條技巧

祝你好運,並享受藝術線條的樂趣! 😘

這是我的角色的線性版本!


步驟 3:休息一下並欣賞您的動畫藝術線條版本 ✨

您已經正式完成藝術線條了!太棒了! ✨

幹得好,我們的動畫表情之旅已經走到這一步了!繪製草圖、調整時間和完善線條藝術可能是動畫中最具挑戰性的部分。現在這些步驟已經完成,我們可以進入有趣的部分:著色!讓我們把這些圖畫變成現實吧!🤩

 

但在此之前,為什麼不花點時間再次欣賞和回顧您完成的草圖動畫呢?

就像我現在所做的(再次)🥹🥹🥹


4. 著色和渲染

我們在動畫中著色和渲染繪圖的方式取決於繪圖本身的複雜性。然而,由於我們製作的動畫表情設計簡單,只有幾幀需要著色,所以這部分應該是最令人愉悅和簡單的!


第1步:設定動畫圖層

1.在 Lineart 圖層下方建立一個新的動畫圖層並將其重新命名為 Color

2.在顏色動畫圖層上新建一個圖層資料夾

3.將圖層資料夾cel分配給動畫幀

現在您已經完成了動畫圖層的顏色設置,讓我們進入下一步!


第 2 步:底色

在著色步驟的這一部分中,我們將使用填充工具作為動畫的基色! 有兩種方法可以設定基底色:

 

第一種方法:使用填滿工具

1.確保您選擇了顏色圖層和框架

2.選擇工具列上的填充工具

3.在填滿工具設定中,選擇“引用其他圖層”。

這使您可以根據不同活動圖層的邊界使用填滿工具。

4.選擇您喜歡的顏色

5.使用填充工具在畫布上著色

6.完畢!

第二種方式:使用套索工具

1.確保您選擇了顏色圖層和框架

2.選擇工具列上的選擇區域

3.選擇套索

4.選擇您喜歡的顏色

5.使用套索工具繪製並選擇畫布上要填滿顏色的特定區域。

6.將出現一個彈出窗口,然後選擇油漆桶圖示(或填充圖示)

 

 

這就是如何在動畫上添加基色!現在您要做的就是為您製作的每個框架重複相同的過程!

這是我的角色的基色!

當我們完成這一步的時候,我們就可以清楚地看到我們的個性了!

讓我們繼續下一篇吧!


第三步:渲染

渲染步驟包括添加輔助色、陰影和高光。以下是您需要做的事情:


陰影線

為每個關鍵影格繪製陰影線可確保渲染過程中陰影的一致和準確。這意味著當您將顏色應用於渲染圖層時它將成為邊框。具體做法如下:

1.在角色藝術線條上方建立一個新的動畫圖層,並將其命名為 Shadow Line

2.在每一幀上繪製角色陰影線。 (使用對比色以獲得更好的視覺效果)

 

注意: 您也可以在其他事物上實現此功能,例如角色突出顯示

這是在我的角色上實現的陰影線 ✨

因為我的角色是史萊姆,所以我需要讓陰影線與其他角色設計完全不同! (就像影子在他的身體裡面一樣)


渲染

現在我們可以按照以下步驟開始渲染過程:

1.在陰影線圖層下方建立一個新的動畫圖層並將其命名為Render

2.新增一個新的圖層資料夾並將其指派給渲染圖層框架

3.選擇渲染圖層,然後使用填滿工具為陰影區域著色

(確保填滿工具選項為「參考其他圖層」)

4.對每一幀都這樣做

5.如果您已使用完陰影線,則可以關閉可見性按鈕或根據需要將其刪除

 

 

瞧!這是我們動畫的最終結果!

現在我們可以說它完成了!但正如我之前在逐幀動畫的第一頁中提到的,我們要添加一些收尾工作! 😎


5. 畫龍點睛

畫龍點睛的效果可能會有所不同;您可以透過添加特效、背景或您認為會提升動畫作品的任何其他元素來增強動畫!

這是我的帶有閃光效果的動畫表情的點睛之筆! ✨


已達最高等級!恭喜! ✨

您已經掌握了創建動畫表情的逐幀動畫藝術!有了這項成就,您現在就可以開始新的創意之旅並進一步磨練您的技能。動畫世界熱切等待您的下一部傑作! 🚀

匯出您的動畫表情

與我一起經歷了創建動畫表情的各個階段後,您獲得的不僅僅是技能。作為紀念品,帶上我們一起製作的動畫表情吧!畢竟,這是您辛勤工作和奉獻精神的證明。享受! 🌟

如何領取你的動畫表情:

 

 

1.調整您喜歡的動畫起始點和結束點幀

2.開啟 檔案 > 匯出 > 動畫 > 動畫 GIF…

3.選擇您要儲存動畫表情的目標資料夾。

將顯示一個彈出窗口,讓您修改導出設定:

1.寬度和高度,您的動畫表情大小(以像素為單位)

2.導出範圍,要導出多長的幀

3.幀速率,設定為最大 (24FPS)

4.匯出時使用抖動或背景透明由您決定

5.好的

耶耶!您已領取您的動畫表情! ✨

動畫精通別針

現在你已經獲得了與我一起努力製作動畫的紀念品,為什麼不去這裡拿一些你的頭銜呢?你得到哪一個? 👀

閉幕式

我分享動畫表情經驗的旅程已經結束了。我很高興能夠引導您完成整個過程,我真誠地希望您能從中得到啟發。 🥺💖

 

當您開始自己的動畫冒險時,請始終記住保持好奇心,經常練習,最重要的是,享受這個過程!祝您在所有創造性的努力中一切順利。

直到下一次! ✨ ✨ ✨

留言

最新

最新官方