嗨！這是法力

 

在這個主題上，讓我們談談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; ）///