簡單火焰動畫 | 素材片段教學

16,131

101057

101057

這並非真正的素材片段教學。但操作方式類似

替代標題;使用筆刷的迷你火焰教學 (ง ͠° ͟ل͜ ͡°)ง

嗨!我是 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 檔案中的筆刷不是我的,我不想惹麻煩。

我確實希望這些步驟是易於理解的。

 

========================

 

保持安全,戴口罩,勤洗手!

祝您愉快!

 

留言

最新

最新官方