關鍵幀的基本行走週期

11,725

マナ|Mana

マナ|Mana

嗨!這是法力

 

在這個主題上,讓我們談談Clip Studio Paint上使用關鍵幀的步行週期的基本知識。

 

我們將在此處使用單個圖像,並使用關鍵幀製作動畫。在Pro,Debut和Ex版本的CSP上可以執行此過程。該文章的末尾也提供了.CLIP,因此您可以繼續進行或自己製作動畫。

 

視頻過程在這裡:

 

音頻雜亂無章(我的音頻總是雜亂無章,但是這次卻真的很雜亂),但我希望這是可以理解的。

 

我將盡量使本文與視頻相同,因此您也可以使用該書面版本。

 

下面的GIF是310x600;原始文件為1700x3286(大於10 MB)

Clip Studio上的動畫

只是關於Clip Studio動畫的快速註釋。

 

•CLIP STUDIO PAINT PRO

-最多只能設置24個播放時間的動畫。 (如果您使用8 FPS,則為3秒)

•CLIP STUDIO PAINT EX

-可以動畫無限播放時間。

 

本教程適用於專業版!

 

什麼是關鍵幀動畫

“關鍵幀動畫”是一種動畫方法,您可以在其中為圖形設置動畫,這意味著您不會逐幀繪製。

 

關鍵幀來自單詞。關鍵含義運動,幀,即每秒的圖像/快照。幀是動畫時間的度量。

 

因此,最準確的描述是“我們在特定時間移動(動畫)某些東西”

 

同樣,請注意;我們正在做些事

我們不是一幀一幀地繪製,我們甚至不需要重畫任何中間部分-我們移動對象本身。

 

製備

如果要對單個圖像進行動畫處理,我們需要將該圖形切割成多個部分。這將需要一段時間,但請記住,結果值得。

 

我將使用我的這張圖;她的名字叫莫妮卡。

 

我使用[選擇區域]工具> [套索]子工具

您可以使用所需的任何選擇工具。

 

剪切的方法是先選擇沒有碰撞的零件,例如ARM。

 

使用套索工具;選擇ARM的整個區域;那是手臂本身,是前臂到手。選擇後,按CTRL + X進行剪切,所選區域現在將位於另一層。

 

現在我們要畫剩下的洞了。使用所需的任何著色方法。我總是先去G筆>混合刷(空氣刷)

 

繼續切割,直到擁有所需的所有零件

 

我剪切的所有部分都是:

 

 

•我們有幫助;這是前臂和手本身。

 

• 手臂;這就是肩膀和手臂本身。

 

•後發;就像名字本身一樣,是頭髮。

 

• 身體;或就像沒有動畫的區域,這是劉海,頭部,脖子和上身。

 

•我們也有裙子;就像裙子本身

 

•我們有一個腳;不是腳。腳踝旋轉需要這個

 

•我們有這條小腿;膝蓋到腳踝

 

•大腿;應該是大腿,但由於動畫並不要求該區域可見,因此我們不需要繪製整個大腿。

為人父母

育兒是將多層(子代)連接到一層(父代)的地方,當我們移動“父代”時,子代就會跟隨。

 

Clip Studio Paint沒有育兒功能,但是我們可以將圖層分組到一個文件夾中,並且該文件夾將充當“父母”。

 

我們將使用常規文件夾,而不是動畫文件夾。

 

•讓我們開始,抓住HAND和ARM>右鍵單擊>創建文件夾並插入圖層>將其重命名為ARM

•然後單擊“身體”>直至“ EyeClose”>“右鍵單擊”>“創建文件夾並插入圖層”>將其重命名為“ UPPER”

•然後選擇“腳和下部腿”>右鍵單擊>“創建文件夾並插入層”>將其重命名為“下部腿”

•然後單擊“下腿和上腿”>“右鍵單擊”>“創建文件夾並插入圖層”>將其重命名為“ LEG”

*為什麼我們將小腿與大腿分開-因為我們要為KNEE設置動畫,所以它需要彎曲,而FOOT需要跟隨這條腿區域。

 

LEG文件夾就是整條腿。

下腿是膝蓋向下。

 

•然後單擊每個文件夾和層(BG除外)>右鍵單擊>創建文件夾並插入層>將其重命名為GLOBAL_Monica

 

時間線

我們現在開始對此進行動畫處理。

取得視窗>時間軸

 

在時間軸工具欄上;選擇製作新時間軸

 

時間軸名稱:Monica_Walk

幀率15

幀號,從1開始

 

播放時間; 17

 

圖像插值,這是個人喜好,但我更喜歡“最近鄰”,以便看起來清晰,您可以選擇所需的任何插值

 

完成後單擊確定。

 

在進行其他操作之前,請先根據我的喜好更改“播放”設置,以便獲得相同的結果。

 

轉到動畫>播放設置>確保檢查以下內容

•實時播放

•循環播放

•渲染開始播放之前

•更喜歡品質

 

添加關鍵幀

請勿在時間軸面板上使用“添加關鍵幀”。

 

我不建議那樣。如果使用該選項,則將關鍵幀添加到不需要動畫的區域。

 

例;您只需要更改比例,但是如果單擊該按鈕,還將在“位置”和“旋轉”上添加關鍵幀。

請使用[操作]工具> [對象]子工具下的轉換框。

 

使用“變換”附近的框放置關鍵幀

 

-可悲的是,在CSP上,如果使用它,它還會在您未單擊或未設置動畫的區域上添加關鍵幀。為了組織方便,請再次單擊這些框以刪除不需要的關鍵幀。

首選的鍵盤添加方式

 

•在“時間軸”面板上選擇要設置動畫的圖層

 

•單擊+圖標

 

•單擊>圖標以展開轉換選項

 

•單擊所需的轉換,然後在[操作]工具-[對象]子工具中使用轉換面板添加值

動畫|主體

我忘了提到兩件事:

 

一個,您將在這裡更改錨點很多,如果您不想這樣做,可以將“圖層”轉換為圖像材質

 

二;我忘了父母。在GLOBAL文件夾下;抓取所有角色圖層,然後右鍵單擊>創建文件夾並插入圖層>將此稱為主體。

 

*我的Global拼寫錯誤,抱歉!

 

 

讓我們在這裡開始動畫:“主體”文件夾>在此層上啟用關鍵幀

確保您位於“操作”>“對象子工具”上

 

更改主體文件夾的固定點並將其放在軀幹上。

 

*將鼠標懸停在選擇的中心;您的指針將改變。單擊並將錨點拖動到所需位置

 

更改錨點時,將自動生成一個關鍵幀。

--------------您可以刪除它。由於該關鍵幀內部沒有動畫

提示:製作動畫時;始終從最大的動作開始。

 

當您執行步行週期時,最大的動作不是腿,而是整個身體。當您採取步驟時,身體會上下運動。

因此,我們將使用POSITION Transformation對上下的身體進行動畫處理。

 

好的。因此,我們將遵循動畫參考。

 

這是我用於3D動畫的動畫參考,只是對其進行了一些調整。

 

讓我們從這裡開始。同樣,我們將為“位置轉換”設置動畫

確保已選擇“主體文件夾”:

 

●框架5,這是我們的REST,即正常的高度位置。只需在其中放置一個關鍵幀。

 

●第3幀–車身下降了很多,所以我們轉到位置Y; 1480

 

●第1幀–小於第3幀,因此我們進入位置Y; 1450

 

●框架7 –身體上升,因此位置Y為1390

 

●第9幀與第一幀相同。

因此,轉到第一個關鍵幀>右鍵單擊>複製

返回第9幀>右鍵單擊>粘貼。

 

●好的,所以我們只複製第二到第五個關鍵幀>右鍵單擊> COPY>轉到第11幀>右鍵單擊>粘貼

 

當我們播放時:

 

身體上下

動畫|腿

讓我們開始對腿部進行動畫處理

讓我們進入LEG文件夾。

 

由於MAIN BODY Folder已啟用關鍵幀,因此內部的文件夾和內容也已啟用,因此,我們只需選擇[Operation]工具; [對象]子工具。

 

更改LEG文件夾的錨點。

 

隱藏裙子,這樣我們就可以將LEG文件夾錨點放置在腿的頂部。

 

現在,我們轉到LOWERLEG文件夾;讓我們將此名稱更改為KNEE。

隱藏“裙子”和“上腿層”>將KNEE的錨點放置在其頂部中心

讓我們轉到FOOT。將錨定點放在襪子的中央陰影上,因此當我們旋轉它時,不會有任何黑色空間。

----------------------------------------- 

現在我們去KNEE

 

首先使用LEG文件夾作為關鍵幀參考對其進行設置;我們將在這裡使用旋轉角度。

 

•因此,在第一幀中,沒有任何運動,但是我們仍然需要關鍵點,以使其保持該位置。鍵入旋轉角度。

 

•第五幀,沒有移動,讓我們再次在“旋轉”上鍵入關鍵幀,以便保持姿勢。

 

•九,沒有運動,但我們將其設置為2.6,只是增加一些彎曲。

 

•13,有動作,但讓我們先結束。

 

•結束運動,讓我們旋轉關鍵點; 0.0>將關鍵幀拖動到時間線的最末端以循環播放。

 

•讓我們回到13,第13幀發生了什麼?腿折疊。

因此,我們需要將該膝蓋旋轉95度。

 

如果我們玩那個:

 

動畫|腳

動畫看起來仍然很僵硬

現在讓我們為FEET設置動畫以添加細節。

 

再次,我們將旋轉角度

 

然後,我們將使用與上面其他兩個相同的關鍵幀形式來設置FEET。

 

•第一個關鍵幀>將其扭曲,-4看起來還可以。

•第二個關鍵幀–它平放在地板上,所以很好。只需保留原始的“休息”鍵即可。

 

•第三個關鍵幀–讓我們稍微扭轉一下,使鞋子的尖端指向地面。

20度看起來還可以。

 

•第四個關鍵幀-或第13幀,腳指向地面,因此我們需要旋轉該幀-20看起來也不錯。

 

•Last Key,讓我們只複製第一個關鍵幀並將其粘貼到此處。

 

當我們玩這個:

 

看起來不錯,但看起來很怪異,因為我們只看到一條腿,所以讓我們來繪製另一條腿。

動畫|腿部重複

•單擊“ LEG文件夾”>“右鍵單擊”>“重複圖層”

•現在,單擊“重複腿”>將其拖到“ LEG文件夾”下>將重複項重命名為BACKLEG

 

 

 

•讓我們展開重複文件夾的內容,然後選擇BACKLEG文件夾的前兩個關鍵幀>刪除關鍵幀

 

•現在選擇所有剩餘的鍵,並將它們拖到時間線的開頭。

 

現在添加其他關鍵幀。

隱藏第一個LEG文件夾,因為它會使您感到困惑。

 

•因此,BACKLEG的第13幀。腿在第13幀處於靜止狀態,因此將所有內容都設為0.0

 

•在最後一個關鍵幀上,只需複制第一個關鍵幀。確保在時間軸的末尾拖動PASTED鍵,這樣我們就可以循環播放。

 

現在,讓我們取消隱藏第一個LEG。

 

讓我們玩這個

 

動畫|腿間距

如果您覺得雙腿太靠近,可以給它們一些空間。

 

讓我們轉到第一個LEG文件夾;再次文件夾。

 

•第一幀;關鍵職位

•第九幀;關鍵職位

•最後一幀;關鍵職位

 

第一個和最後一個POSITION Key [X軸]框架為900。

中間位置鍵[X軸]框為800。

 

對BACKLEG進行相同操作,但

第一個和最後一個POSITION鍵[X軸]為800;

中間位置鍵[X軸]為900。

 

動畫|臂

好的,現在讓我們動畫一些額外的細節或附件。

 

讓我們從手臂開始,ARM Anchor Point將其放在肩膀上。旋轉檢查。

 

手;這是肘部的手;將錨點更改為彎頭

-------------------------------------------------- --------- 

好的,現在我們從ARM文件夾開始;鎖定旋轉角度;

在第一幀,第九幀和最後一幀上添加關鍵幀

 

•第一個關鍵幀,讓我們往回拉,所以我們得到了20。

•中間關鍵幀;我們走-20

•對於最後一個關鍵幀,請複制第一個關鍵幀>右鍵單擊>粘貼>將其拖動到最後一個關鍵幀以使其覆蓋。

 

讓我們玩這個

看起來還可以。現在讓我們為手或肘部區域設置動畫。

 

同樣,我們將重點放在關鍵運動上。

因此,第一幀,第九幀和最後一幀的旋轉角度。

 

•在第一個關鍵幀上;讓我們稍微彎曲一下手臂-14看起來還可以。

•第二個關鍵幀--20看起來不錯。

•對於最後一個關鍵幀,請複制第一個關鍵幀>轉到時間線的末尾>右鍵單擊>粘貼>單擊並拖動到時間線的末尾。

 

我們玩這個,看起來不錯〜!

讓我們添加另一隻手臂。

 

•因此,再次像以前一樣>右鍵單擊ARM文件夾>複製層

 

•將此重複文件夾拖到“裙子”下>重命名為BACKARM

•好的,在BACKARM FOLDER上選擇FIRST關鍵幀;在文件夾和圖層本身上>刪除它們。

 

•現在,將其餘關鍵幀移到時間線的開頭,然後將現在的第一個關鍵幀複製到時間線的末尾>請記住將最後一個關鍵幀拖動到時間線的末尾

 

當我們播放時:

 

 

動畫|後發

好吧,我們還可以製作動畫。我們去BackHair。

更改錨點,將其放在頭部的頂部。

 

 

•第5幀和第13幀處於REST位置,因此我們按原樣設置“旋轉角度”,並為所有其他關鍵移動設置動畫。

 

我們不需要做任何刻苦的事情,

 

•僅為“第一把鑰匙”製作動畫;旋轉角度為2度

 

因此,將第一個關鍵幀複製並粘貼到第9個幀和最後一個幀。

 

*動畫|裙子|上半身

接下來的這些部分是可選的,您可以根據需要設置它們的動畫。

 

我們還可以為SKIRT製作動畫,

 

將錨點放在裙子本身的頂部;

-------------------------------------------------- -- 

讓我們為上身設置動畫;再次這是可選的

我們將以與BACKHAIR相同的方式對此進行動畫處理;基本上是兩個關鍵幀,每次都只複製粘貼一次。

 

在與裙子相同的位置上更改錨點。

 

 

我們將再次設置旋轉角度。

 

•第一幀–第一關鍵–將值更改為0.8

•第5幀–第二個關鍵點–將值更改為-0.4

 

•現在同時選擇兩個關鍵幀>右鍵單擊>複製>轉到第9幀>右鍵單擊>粘貼

 

•因此,我們在最後缺少一個關鍵點>轉到第一個關鍵幀>右鍵單擊>複製>轉到最後一幀>右鍵單擊>粘貼>單擊並拖動到時間線的末尾,這樣我們得到了一個循環。

 

現在,當我們玩這個遊戲時,它會渲染一點。

 

出口|圖像序列

好的,我們完成了,現在讓我們導出它。

隱藏背景

 

轉到文件>導出動畫>

 

我最喜歡的導出方式是圖像序列。

“圖像序列”將逐幀渲染動畫,因此您可以自己合成。您可以根據需要將其轉換為GIF或視頻文件。

 

-------------------------------------------------- ------ 

我更喜歡“圖像序列”,因為我有原始文件,並且可以對它們進行任何處理。

就像,這個導出文件已經在我的視頻教程中使用了;我為此使用了Premiere Pro。

 

我把它變成了透明的GIF用Adobe Photoshop製作GIF

.CLIP文件-下載+最終思路

您可以獲取此文件的.CLIP文件,以便自己嘗試。

同樣,這只是基本動畫。如果需要,可以隨意誇張更多的動作。延長時間,或者自己嘗試一下該項目。

另外,請忽略視頻的Outro預覽。本來應該製作兩個視頻,但我生病了,有些文件損壞了。

 

我仍將在某天發布該預覽,我仍在嘗試為此恢復原始文件。

 

無論如何,我希望這會有所幫助!

乾杯! ; u; )///

留言

最新

最新官方