使用關鍵影格移動插圖

1,192

Mana1057

Mana1057

你好!

您是否曾經想讓您的畫動起來,但逐張繪製的想法幾乎讓您灰心喪志?

我接到你了!希望如此!

 

我將用一張圖片向您展示我是如何做到這一點的:

 

 

如果您需要,視頻版本就在這裡:

我製作了一個非常簡單的簡單繪圖動畫,不涉及繪圖剪切,主要關注環境動畫,就在這裡:

我忘記瞭如何製作一個系列,但這就像第一個系列的第二部分

 

與第一個相同,我使用的是 Clip Studio Paint Pro,只有 24 幀。

所以任何人都可以做到。

 

這個新技巧更著重於資料夾的分層和組織,以便我們可以更多地使用關鍵影格。

 

讓我們開始吧!

準備工作—草稿和繪圖

第一步,準備好你的圖像。

寫下你想看的內容的草稿

我想讓他看起來很困,也許開始向他一側傾斜

⭐ 其中還將涉及一些頭髮和眨眼動畫

也許在底部也添加一些燈光效果?

⭐  這可能會涉及一些陰影動畫

我想要下雨的背景

⭐我喜歡下雨:D

 

所以我們有我們的計劃

 

開啟 Clip Studio Paint,載入圖片。


你必須剪下你想要動畫的部分,我不會在這裡展示。

我把這個角色切成了十一塊

您可以根據需要切割任意數量

確保正確標記圖層以保持井井有條

時間軸

讓我們取得時間線,轉到 [Windows] > [時間軸]

按一下 [新時間軸]

我選擇 幀速率 8 和播放時間 24

 

提醒:Clip Studio Paint 最多有 24 個播放時間,如果您想動畫更長時間,則需要升級到 EX 版本。

 

讓我們開始製作動畫

雨動畫 - 細胞動畫

標題說的是關鍵幀——除了這一部分!

我們正在用 cel 製造雨水 - 讓我們的生活更輕鬆

在此之後其餘的將是關鍵影格!

 

讓我們用 Cels 製作一個簡單快速的下雨動畫

我將使用雨刷

 

我在這裡使用了這個刷子:

讓我們從雨動畫開始

 

建立 [新動畫資料夾] > 將其重新命名為 RAIN

提醒:請重新命名您的資料夾和圖層,以便井井有條

在 FRAME 1 上 – 按一下 [New Animation Cel],資料夾內將出現數字或訊框 1。

拿起你的雨刷並使用你的刷子,畫一些雨

移至下一幀,FRAME 2 – 點選 [New Animation Cel] > 再下一場雨

對第 3 幀和第 4 幀執行此操作

 

現在讓我們把這四個動畫放在整個播放過程中。

 

確保您位於下一個空白幀

例如第 5 幀,前往 [Animation] > [Edit Track] > [Assign multiple cels]

我選擇了 [按單元名稱分配]

從 Cel 1 開始到 Cel 4

 

重複5次

所以 4 乘以 5 就是 20,我們已經有 4 個了,所以 完成了我們的 24 幀

 

完成後點選確定

您會看到我們的RAIN Animation 資料夾現在充滿了數字(cels)

 

當你點擊「播放」時

這就是我們的動畫的樣子

如果太亮,您可以更改動畫資料夾的不透明度

頭部動畫 - 頭部傾斜

接下來讓我們為頭部添加動畫,首先創建一個新資料夾 - 只是一個常規資料夾。

將其命名為 HEAD

 

拖曳該資料夾上的所有頭元素

眼睛、眉毛、臉部、頭髮、頂發、頭層 本身

接下來,在 Head FOLDER 仍處於選取狀態的情況下,按一下 [在此圖層上啟用關鍵影格]

 

轉到[操作]工具> 更改頭文件夾的錨點,按一下並拖曳它 - **將其放在下巴下方。

關鍵影格將會加入資料夾因為您移動了錨點, 您可以刪除這些以保持時間軸乾淨。

 

我們將在這裡設定 ROTATE 動畫。

您不需要 POSITIONS 和 CENTER OF ROTATION,您可以刪除這些關鍵影格

我們要創建一個小 BOUNCE

 

點選旋轉

這很微妙,但是當您單擊轉換時您可以看到變化

關鍵幀插值;保持流暢

我想要的動畫是他犯困(頭傾斜)然後醒來(頭向後傾斜)

 

讓我們放下 第一個關鍵幀, 我將選擇 **第 6 幀。

在旋轉處添加關鍵影格 – 沒有移動,讓我們保持這個位置

下一個按鍵,第 12 格 – 頭部向左傾斜或旋轉一點,頭部現在開始移動。

下一個關鍵點,第 14 幀新增關鍵影格,不要進行任何移動。

*基本上我們只是複製了第 12 幀上的密鑰。

現在我們轉到第 13 幀 – 我們傾斜頭部 比第 12 幀上的傾斜多一點

我向前做了幾幀相同的動畫,但這次旋轉是逆時針的

 

剪輯PLAY查看動畫

如果渲染開始滯後,請縮小以即時渲染

 

這是我正在談論的 BOUNCE:

1. 複製您的最後一個動作

2. 向前貼上兩幀

3. 在這些關鍵影格的中間

4. 增加你最後一個動作的旋轉(例如誇大它,增加更多的價值)

眼睛動畫 - 關鍵幀

眼睛動畫通常使用 cel,但由於我們已經使用了關鍵幀,因此我們也可以對眼睛動畫做同樣的事情。

 

用關鍵影格做眼睛動畫基本上就是在玩不透明度,開門見山。

這很容易,但可能會很混亂。

 

最好使用 HOLD Interpolations,以便它保留鍵值,直到您輸入另一個鍵。

由於我們的 HEAD 資料夾已啟用關鍵影格 並且 EYES 已位於該資料夾內,因此 眼睛也已啟用關鍵影格

 

揭開你所有的眼睛層

選擇要開始動畫的幀。

您可以使用 HEAD 關鍵影格作為參考。

 

將關鍵影格插值改為 HOLD

假設第 8 幀,眼睛會睜開,所以:

 

睜開眼睛 為 100% 不透明度。

半隻眼睛 的不透明度為 0%。

閉上眼睛 不透明度為 0%。

基本上,如果您需要睜開眼睛 - 將不透明度設為 100%,將其他眼睛層設為 0% 不透明度

 

等等等等

保持你需要的100%不透明度

將不需要的部分設為 0% 不透明度

眉毛動畫

老實說,這部分有點不必要,因為你可以在各個眉毛上執行此操作 - 我確實想展示你可以為資料夾和資料夾內的圖層設定動畫,而且仍然沒問題。


接下來,我們來處理眉毛。

 

我將對 EYEBROW 資料夾、資料夾本身進行動畫處理 - 資料夾內有 L_Eyebrow 和 R_Eyebrow

我將在 EYEBROW 資料夾的 POSITION 上製作動畫

 

我想要的動畫是我希望他在頭向後傾斜之前稍微皺眉(眉毛向下)

在開始之前,請確保您的關鍵幀插值平滑

放置關鍵影格,不要移動任何東西 - 只需將關鍵影格放在 POSITIONFRAME 14

角色目前的位置是他的頭已經傾斜在這裡,他的眼睛閉著-眉毛處於的位置。

我們只是放置一個起始關鍵幀,即原始位置。

這樣我們就可以在頭向後傾斜之前準備好下一個鍵

然後在第 19 幀,確保你在 [操作工具]向下拖動眉毛 – 就像他皺著眉頭一樣。

接下來他睜開了眼睛,所以讓我們揚起眉毛。

 

讓我們複製第 14 幀上的關鍵幀**,因為那是我們的原始位置。

 

按一下關鍵幀 > 開啟 Edge Keyboard > 按一下 ALT,然後將關鍵幀拖曳到第 22 幀

請記住再次按一下 ALT 以停用該按鍵。

當他的眉毛抬起時,讓我們創造一個彈跳效果 

 

將相同的關鍵影格新增至第 24 格

 

現在,中框; 第23格是空的,確保你在[操作工具],**向上拖曳一點。

當你玩它時...

看起來不太對勁,是的。缺少一些東西。

 

眉毛只是上下移動,但不旋轉或像皺眉一樣。

讓我們努力吧。


個人眉毛

我希望他在眉毛下垂時「稍微皺起眉頭」——當他要抬起頭時。

 

我將在這裡最多使用旋轉,使眉毛看起來像皺著眉頭

 

讓我們先使用L_Eyebrow,確保你在[操作工具] > 取得錨點並將其拖曳到眉毛中間

更改錨點會自動添加關鍵幀,請刪除那些,太多了,我們不需要它們

讓我們開始製作動畫

 

使用眉毛資料夾作為參考,從第14幀開始,在**ROTATE上新增關鍵影格。

-- 這將是我們的起始關鍵幀,即動作之前的關鍵幀

— 不需要移動任何東西,只需放置一個關鍵幀

參考眉毛文件夾 - 第 19 幀稍微旋轉眉毛 - 讓他看起來像皺著眉頭。

現在我們回到原來的旋轉

 

複製第 14 格上的關鍵影格

選擇關鍵影格 > 邊緣鍵盤 > Alt > 將其拖曳到 第 22 格

這會複製關鍵幀

 

 

再次,我們正在進行反彈,因此將相同的關鍵幀放置在第 24 幀上

 

現在幀的中間是空的,第 23 幀,讓我們添加反彈。

 

讓我們逆時針旋轉一點眉毛——讓它看起來像是向上抬起的,只是一點點。

這裡的動作是角色的頭部現在已經傾斜,他的眼睛剛剛睜開。

當你玩的時候,它會彈一點

對右眉毛做同樣的事情,完成後看起來像這樣;

我最終也將關鍵影格放在 POSITION 上,因為我找不到右眉毛的中心。

位置幫助我在旋轉時保持眉毛不會在隨機位置移動。

頭髮動畫

從技術上講,這是微小的頭髮動畫。就是他頭頂上那根細小的頭髮。但如果您打算將角色的頭髮剪成幾段,您也可以使用此功能。

 

讓我們轉到那根細小的頭髮,確保你在[操作工具] > 獲取TOP HAIR的錨點 > 將其移動到頭髮的底端或頭皮應該在的地方。

 

 

請記住刪除更改錨點的關鍵幀,我們不需要這些。

我們要做的動畫是頭髮隨著頭部的擺動而前後擺動。

 

擦洗時間軸並檢查頭部傾斜的位置,找到後**向後移動幾幀。我們將放置一個起始關鍵影格。

— 動作之前的關鍵影格。

——這也是我們原來的旋轉/值

 

假設第 9 幀,在 ROTATE 上新增一個關鍵幀

向前移動幾幀,假設第 14 幀 - 順時針旋轉頭髮

動作是角色會向一側傾斜,因此他的頭髮會垂下來。

本節不會很詳細

因為我做的動畫基本上就是

 

⭐如果角色向右傾斜 - 頭髮順時針**

⭐如果角色向傾斜 - 頭髮旋轉逆時針

 

但是,也有一些小的“彈跳”,或者你可以稱之為搖擺。

⭐ 在製作結束關鍵幀之前,我從左到右製作了頭髮的多個關鍵幀,直到值減小並到達我的結束關鍵幀

如果你想創建循環動畫

確保您的結束關鍵影格與第一個關鍵影格相同!

軀幹動畫

讓我們為軀幹或上半身設定動畫

 

首先,建立一個(常規)資料夾 > 將其重新命名為 TORSO > 將 Head 資料夾和頂層放在那裡

把所有涉及上半身的東西

確保您的 軀幹 > 按一下 [在此圖層啟用關鍵影格]

使用[操作工具] > 移動錨點並將其移動到角色的臀部

 

由於旋轉的改變會放置關鍵幀,請刪除這些關鍵幀,您不需要它們

如果需要,可以使用 HEAD 資料夾作為參考

 

在第 7 幀的 ROTATE 上放置起始 關鍵影格**

- 只是放一個關鍵影格在那裡,什麼都不做。

- 這是我們保持旋轉的起始關鍵影格。

使用 HEAD 資料夾作為參考,我們移動到 FRAME 12 > 順時針旋轉,只是一點點

我只將其移動 1 個值

FRAME 20 - 再次順時針旋轉,稍微增加值

我們所做的動作是讓他傾斜得更慢

軀幹動畫的其餘部分與頭髮相同。

 

⭐ 確保結束關鍵影格與開始關鍵影格相同。

⭐ 在時間軸結束之前有空幀,所以我讓他向後擺動一點

如果您的播放滯後,放大和縮小和/或停用其他動畫可能會有所幫助

我的播放很滯後,而且我忘記禁用下雨功能,這是當前動畫的快速匯出:

沒有什麼太極端的,慢慢地向下傾斜,然後在最後有點搖擺——這些是來回搖擺的結束關鍵幀(順時針-逆時針)直到我們到達結束關鍵幀。

葉子動畫

確保選擇 LEAVES 圖層 > 按一下 [在此圖層上啟用關鍵影格]

將葉子的錨點移動到畫布的遠端右中間 - 如果必須的話,移到畫布之外

將錨點視為一個關節,*如果我將「關節」放在這裡,物件將如何旋轉?

由於移動了錨點,您將獲得關鍵幀,請刪除它們。

你不需要那些。

我們在這裡做的動畫是葉子只會搖擺。

我們將使用“旋轉”,選擇它

 

FRAME 1 - 將關鍵影格放在 ROTATE

- 什麼也不做,就放在那裡,這是我們的起始關鍵幀

相同的關鍵影格放在時間軸末端的旋轉第 24 格

- 沒有更改,沒有轉換 - 只是在那裡放置一個關鍵幀。

 

另外,將結束關鍵影格拖曳到*時間軸的末端。

**選擇並拖曳它。

這將使葉子動畫變得無縫。

對於動畫的中間,第 13 幀 > 逆時針旋轉葉子,不要太極端。

播放以檢查

其他效果

然後,我只是使用常規圖層添加了一些陰影和照明,無需對它們進行動畫處理。

對於散景,我做了動畫。

每次變換最多只有 3 個關鍵幀

 

對於不透明度,我從 0% 開始,然後中間是 100%,再次以 0% 結束

**- 它淡入淡出。

 

我還製作了兩個散景,所以**我可以以不同的時間間隔為兩者設定動畫。

- 將兩個散景放在一個動畫中可能看起來很混亂

對於位置,我只是讓它上升

- 不同的時間

完成後,它看起來像這樣:

陰影動畫

我想在角色的後面有一個陰影,讓我們試試看!

 

複製角色資料夾 > 將其重新命名為 Shadow Char

*選修的*

模糊影子字元資料夾內的所有內容

  • 如果你想要更柔和的邊緣陰影,你可以模糊該資料夾內的圖層

— 你可以刪除臉部圖層,這裡不需要它們

— 我使用了 10% 的高斯模糊

 

透過點擊[在此圖層上啟用關鍵影格]>停用關鍵影格,以便您可以進行編輯。

  • 只要您不將關鍵影格與任何其他圖層合併,您的關鍵影格就不會消失。

確保**將 Shadow Char 資料夾移至角色資料夾下。

 

接下來,讓我們將其設為陰影

前往圖層>新校正圖層>色相/飽和度/亮度

 

將飽和度和亮度降低至-100

確保你的分層看起來像這樣:

⭐人物

⭐校正層

⭐暗影查爾

 

然後將校正圖層剪切到下面的圖層

之後只需點擊 [在此圖層上啟用關鍵影格]

稍微增加 SCALE 並移動 POSITION 來拉開距離

 

關鍵影格將被放置,因為您移動了 SCALE 和 POSITION - 您可以刪除它們,您不需要為該資料夾設定動畫

 

現在看起來像這樣:

*可選 - 相機

如果需要,您可以添加相機!

 

前往 [動畫] > [新動畫圖層] > [2D 相機資料夾]

名為 Camera 1 的資料夾將出現在「圖層」標籤上,將所有圖層放入其中

畫布上會出現一個藍色框,那就是你的相機

 

我通常首先縮小進行縮放 - 這樣當我平移相機時我有更多的工作空間

你可以刪除這個關鍵幀,我們不需要它們。

 

然後我使用 POSITION 使用 3 個關鍵影格平移相機。

 

開始和結束關鍵影格是相同的, 中間只是移動了一點 - 只是一點點,只是為了晃動


相機是可選的!

 

沒有相機看起來像這樣:


之後,只需匯出您的作品即可

 

如果將其匯出為動畫 GIF,最好啟用抖動。

 

⭐ 無抖動:


⭐ 抖動:


資料夾(和圖層)的分層和組織有助於此動畫。

另外,保持組織!

 

我希望這能有所幫助!

留言

最新

最新官方