簡單火焰動畫 | 素材片段教學
這並非真正的素材片段教學。但操作方式類似
替代標題;使用筆刷的迷你火焰教學 (ง ͠° ͟ل͜ ͡°)ง
嗨!我是 Mana!
這是一個關於如何使用筆刷快速製作「逐格」火焰動畫的簡短主題。您可以將此動畫儲存為 .CLIP 檔案,並在您的動畫場景中重複使用或匯入;基本上就像我們在製作素材片段,但它是 CLIP 檔案。
我們還將討論一個關於扭曲動畫的小主題。
我使用 Clip Studio Paint PRO 進行此操作,您可以使用 EX 版本,效果會更好。
影片版本請見此處:
我使用了 Bryan 和 Ivy 的聲音,因為我生病了。
這與我的另一個教學有點關聯;關於變形功能。我喜歡這部分,所以想更詳細地說明。
變形功能教學請見此處:
好的!我們開始吧!♪~ ᕕ(ᐛ)ᕗ
下載素材
我們將製作一個非常快速簡單的「逐格」火焰動畫,所以我們將使用一組筆刷。
本教學中我將使用這組火焰筆刷:
這組筆刷是免費且易於使用的。
現在打開您的 Clip Studio Paint。
您可以在[素材]標籤中看到我們下載的筆刷。
要將筆刷傳輸到您的裝飾筆刷中;
點擊並拖曳它們到您偏好的裝飾圖層架。
準備您的動畫
現在讓我們製作畫布或動畫序列。
在鍵盤上按下 [CTRL + N];您可以選擇插圖或動畫;這都沒關係。
• 大小:1000 像素 x 1000 像素
• 解析度:200 DPI
• 紙張顏色:深灰色
*紙張顏色僅供背景使用,並非絕對必要,完成動畫後我們會將其刪除。
此尺寸僅為範例,您可以根據需要製作更大或更小的尺寸。
另外,請刪除建立畫布時附帶的「圖層 1」,我們不需要它。
現在讓我們前往時間軸。
如果您看不到時間軸,請前往 [視窗] > [時間軸]
現在在時間軸上,點擊圖示 [新建時間軸]
• 時間軸名稱:Fire Anim_12FPS
• 幀率:12
• 播放時間:16
• 幀號從 0 開始
• 圖像插值;平滑邊緣或雙線性
完成後點擊「確定」。
起始幀號和圖像插值是靈活的,您可以根據您的偏好進行更改。
火焰基底
好的!我們開始製作動畫吧!
在時間軸上;點擊 [新建動畫資料夾] > 將其重新命名為 FIRE BASE。
確保您位於 FIRE BASE 資料夾的第一幀 > 點擊 [新建動畫格]
數字 1 將出現在 FIRE BASE 動畫資料夾的時間軸上。
這是您的第一個動畫格
現在將您的前景顏色選為橘色;背景也選擇相同的顏色。
現在選擇一組火焰筆刷;例如第 4 個。
根據您的偏好調整筆刷大小,然後向上繪製一個簡單的筆觸。
這樣我們就有了第一個動畫格。
現在移動到下一幀;點擊 [新建動畫格] > 會出現數字 2,那是我們的第二個動畫格。
當我們位於第二格時,無法看到前一個動畫格,因此請點擊 [啟用洋蔥皮] 以便我們可以看到前一個動畫格的位置。
這次再選用不同的火焰筆刷,然後再次向上繪製。
繼續重複這些步驟,直到完成所有這 16 個動畫格。
總結:
• 每次都為每個幀新建一個動畫格。
• 每次都更換筆刷,輪流使用這四種筆刷。
• 記住您可以組合這些筆刷。
• 確保火焰的底部位置保持一致。
• 記住您可以傾斜筆刷以獲得波浪狀的筆觸。
完成後,只需按下播放鍵即可檢查動畫。
內發光
現在讓我們製作內發光。
建立一個 [新建動畫資料夾];確保它位於 FIRE BASE 的上方。
將新的動畫資料夾重新命名為 INNER GLOW。
現在前往第一幀 > 點擊 [新建動畫格]
在做任何事情之前,再次點擊 INNER GLOW 資料夾 > 將混合模式從 [正常] 更改為 [增加發光]。
現在我們開始製作動畫,回到 INNER GLOW 資料夾的第一格。
選擇您偏好的火焰筆刷 > 降低尺寸;確保它比 FIRE BASE 小
不要更改您的前景顏色 > 然後只需在 FIRE BASE 的中間向上繪製一個簡單的筆觸。
您可以看到 INNER GLOW 與 FIRE 重疊了。
所以讓我們來修正它,再次點擊 INNER GLOW 資料夾,然後點擊 [剪裁到下方圖層]。
現在 INNER GLOW 的所有內容都將位於 FIRE BASE 內部。
現在我們繼續添加更多動畫格,直到完成所有 16 個動畫格。
總結:
• 每次都為每個幀創建一個 [新建動畫格]
• 如果您需要參考前一個位置,可以啟用洋蔥皮。
• 確保每個動畫格都更換火焰筆刷。
•• 再次!在中心 > 使用小尺寸筆刷向上繪製。
現在播放時。
外發光
現在讓我們製作外發光以完成這個火焰。
點擊您的 FIRE BASE 動畫資料夾;
前往 [圖層] > [複製圖層]
將複製的資料夾重新命名為 OUTER GLOW。
現在前往 OUTER GLOW 資料夾的第一個動畫格。
前往 [濾鏡] > [模糊] > [高斯模糊]
將其模糊約 40% 或更高。
記得對 OUTER GLOW 資料夾的其餘 15 個動畫格也執行此操作。
現在我們點擊 OUTER GLOW 資料夾;
點擊並將其拖曳到您圖層堆疊的頂部。
將混合模式更改為您想要的任何亮化混合模式;我選擇了「增加發光」。
將不透明度降低到約 60%。
當您播放時,它現在具有外發光。
*火花
這部分是可選的。但是火焰會有一些微小的火花,而我們的火焰筆刷組很幸運地帶有一些火花。
所以,創建一個新的動畫資料夾;將其重新命名為 SPARKLES。
您可以將這個新的資料夾放在動畫的最底部或 INNER GLOW 的上方。
現在前往起始幀 > 點擊 [新建動畫格]
點擊您的火花筆刷。
如果您想,可以調整大小。
從底部向上繪製一個筆觸。
接下來的 15 個動畫格也繼續這樣做。
✦ 提示:盡量不要在一個動畫格上製作過多的火花。
完成後,您可以更改 SPARKLES 資料夾的混合模式;我選擇了「濾色」。
我也將不透明度降低到 50%。
當我們播放時;
---------------------------------------✦ 您也可以使用實際的素材片段。
例如,您可以使用影片檔案。
您可以將動畫匯出為影片或 GIF。
我只是想在本教學中使用 CLIP。
使用範例:在場景中匯入
例如,我們有一個蠟燭的場景,上面應該有火焰。
要放入我們的火焰動畫;
前往 [檔案] > [匯入] > [建立檔案物件]
尋找我們的火焰動畫 CLIP 檔案。
當我們將火焰動畫放置在場景中時。
您可以使用 [操作工具] 或 [移動工具] 調整火焰。
我們可以開始調整時間軸。
建立一個 [新建時間軸] > 將幀率設定為與火焰動畫相同;即 12 FPS。
當我們播放時,它仍然在移動!
使用範例:變形 | 編輯
如果您想編輯此火焰動畫 CLIP 檔案的大小或角度,我們也可以做到。
確保您位於 [操作工具] > [物件輔助工具] > 在 [工具屬性] 中
尋找 [模式] 並將其更改為「自由變形」或「縮放/旋轉」。
在 [調整位置] 中;確保您處於「自由位置」
然後只需拖曳邊界框或變形框的控制點,您的火焰就會變形
當我們按下播放時,它仍然在移動。
使用範例:著色 | 改變色調
您可以更改火焰動畫的混合模式;我選擇了「亮化」,因為它在底部會產生混合效果。
由於我們以蠟燭為例,燭焰底部是藍色的 – 所以我們需要將這個火焰的下端變成藍色。
首先,建立一個新的點陣圖層,或在鍵盤上按下 CTRL SHIFT N;將其重新命名為 BLUE
- 確保這個 BLUE 圖層位於您的火焰動畫 CLIP 檔案上方
現在拿出您的著色工具;可以是筆刷或漸層工具;我選擇了漸層。
選擇「前景到透明」;將前景顏色更改為藍色
然後在火焰底部製作一個小漸層筆觸,直到一半的位置
確保將 BLUE 圖層剪裁到下方的圖層,也就是火焰 CLIP 檔案。
如果您願意,可以更改 BLUE 圖層的混合模式,我維持在「正常」。
不過我將不透明度降低到 90%。
我最終使用了色相和飽和度或 CTRL U 來獲得更深的藍色,因為我不擅長選色。
當您播放時,它仍然在移動,但現在 – 底部有藍色!
- 如果顏色太強烈,請使用混合工具或模糊來減輕邊緣顏色的銳利度。
您也可以根據需要添加更多顏色。
- 我在頂部添加了一點粉紅色
✦ 提示:如果您不想使用點陣圖層來重新著色或編輯火焰顏色,也可以使用「修正圖層」。
使用範例:融入環境
您可能會想知道我這是什麼意思,因為這個範例中沒有環境 – 我這裡指的是添加背景光暈,或者在這個情況下,是火焰光暈。
我將教您一個簡單的光線閃爍關鍵幀動畫。
在您的火焰動畫 CLIP 檔案底部;建立一個新的點陣圖層,或在鍵盤上按下 CTRL Shift N,將其重新命名為 Fire Glow
選擇您的顏色或與您的火焰相同的顏色
拿起您的漸層工具,在火焰動畫的後面製作一個圓形漸層
拿起您的混合工具或模糊工具,將火焰光暈散開
*這僅為範例,您也可以使用筆刷製作背景光暈,以便您可以製作複雜的形狀。
請記住,您可以使用色相和飽和度或 CTRL U 來更改火焰顏色
現在我們來製作動畫!
確保您現在位於時間軸上!
確保已選取 Fire Glow 圖層。
前往第一幀。
點擊「在此圖層啟用關鍵幀」
- 「變形」將出現在圖層名稱上
現在我們前往 [操作工具] > [物件輔助工具]
在 [工具屬性] 中 > 尋找 [圖層不透明度]
在幀 0、4、8、12 和 15 的圖層不透明度上放置一個關鍵幀(保持在 100%)
拖曳最後一個關鍵幀到時間軸的末尾,形成半菱形
現在我們製作中間關鍵幀。
在幀 14 上,為圖層不透明度添加一個關鍵幀 – 將值更改為 80%
對幀 10、6 和第 2 幀執行相同的操作。
現在我們按下播放。燈光現在正在閃爍。
✦ 提示:
在處理背景顏色或氛圍時,色調越暗越好
這樣火焰會更明顯。
不過這仍然取決於您的場景
範例:在複雜場景中
這只是相同的火焰動畫 CLIP 檔案的一個範例
使用與上述相同的「使用範例」步驟。
我使用了:
• 變形;使火焰變大
• 為火焰著色;將其變成紅色/粉紅色(我分不清,抱歉)
• 添加背景光暈;在畫框、衣服和裂縫上。
順帶一提的小提示。
如果您想在同一個火焰動畫上隨機化動畫。
右鍵點擊火焰動畫時間軸 > 分割片段。
隨意分割多次
然後隨機重新排列它們
✦ 提示:將您的動畫尺寸或序列保持在最大 1920 x 1080
......
就這樣了。
希望這對您有幫助!
我使用了 Bryan 和 Ivy 的聲音,因為我生病了。( ゚ヮ゚)
我無法提供任何 CLIP 檔案供大家參考,主要是因為動畫 CLIP 檔案中的筆刷不是我的,我不想惹麻煩。
我確實希望這些步驟是易於理解的。
========================
保持安全,戴口罩,勤洗手!
祝您愉快!
留言