使用關鍵影格移動插圖
你好!
您是否曾經想讓您的畫動起來,但逐張繪製的想法幾乎讓您灰心喪志?
我接到你了!希望如此!
我將用一張圖片向您展示我是如何做到這一點的:
如果您需要,視頻版本就在這裡:
我製作了一個非常簡單的簡單繪圖動畫,不涉及繪圖剪切,主要關注環境動畫,就在這裡:
我忘記瞭如何製作一個系列,但這就像第一個系列的第二部分
與第一個相同,我使用的是 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 上製作動畫
我想要的動畫是我希望他在頭向後傾斜之前稍微皺眉(眉毛向下)
在開始之前,請確保您的關鍵幀插值是平滑
放置關鍵影格,不要移動任何東西 - 只需將關鍵影格放在 POSITION 的 FRAME 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,最好啟用抖動。
⭐ 無抖動:
⭐ 抖動:
資料夾(和圖層)的分層和組織有助於此動畫。
另外,保持組織!
我希望這能有所幫助!
留言