影片形式的介紹與教學
在本教學中,我將向您展示三種有趣動畫效果的製作方法,為您在 Clip Studio Paint 中的作品增添一些魔力。當然,您也可以發揮創意,設計出更多風格各異的效果!
我將介紹如何製作閃電、火焰和火花效果,每種效果都使用不同類型的動畫技巧。
這是影片形式的教學。下方還有完整的文字版本!
如果您需要了解 Clip Studio Paint 中的動畫基礎知識,請查看我的動畫概述教學。如果您不確定如何為現有藝術作品設定動畫,我也為此準備了教學!
電力:逐格動畫
讓我們從逐格動畫化閃電開始。
這是我其中一幅插畫,描繪了一位揮舞閃電力量的人馬!
「風暴戰士」(2013)作者:Sarrah Wilkinson,又名 MsRedNebula
在這裡,我已移除效果圖層並將其餘圖層扁平化。
我將建立一個新的時間軸,影格速率為 6,播放時間為 6 個影格。
提示:如果您沒有看到時間軸面板,請前往「視窗」選單並點擊「時間軸」。
首先,我將在我的作品上方建立一個圖層,用來繪製一些引導線。
將圖層設定為草稿圖層會給它一個不錯的視覺指示,表明它是一個工作圖層,右側有一個鉛筆圖示,左側有一個淺藍色條。這也意味著它不會隨動畫導出,即使我稍後忘記隱藏這個圖層也沒關係。
在「圖形」工具下,我將選擇「橢圓」次工具並更改這些設定:
線條/填充:建立線條
長寬比類型:☑ 已勾選,選項「指定比例」- 這總是會建立一個完美的圓形。
— 您可能需要點擊加號並指定寬:1 和高:1
從中心開始:☑ 已勾選
— 如果您沒有看到此選項,請點擊角落的扳手圖示開啟「次工具詳細設定」面板。「從中心開始」選項可以在「形狀操作」下找到。點擊其旁的眼睛圖示使其顯示在您的工具屬性中。
固定後調整角度:☐ 未勾選
以上選項讓您能夠快速輕鬆地從中心繪製圓形。其他選項,例如筆刷大小,將取決於您的作品大小。
注意:「圖形」工具可能會顯示不同的圖示而不是圓形,具體取決於您最近使用的工具。它可能看起來像正方形、線條或多邊形。當您選擇「橢圓」次工具時,它會變為圓形。
在色環上選擇白色。
繪製一個圓形作為引導,指示閃電球將會出現的位置。
我也會將引導線圖層的不透明度降低到 25%,這樣它就不會妨礙視線。
在時間軸上,新增一個動畫資料夾,然後新增第一個動畫格。
現在我準備繪製我的電力。在「鋼筆」工具下,我將選擇「G 筆」次工具。
我將使用小筆刷尺寸(本例中為 10px),並保持顏色為白色。我也使用繪圖板繪製,這使得鋼筆工具能夠根據我的筆壓進行漸變。
我喜歡繪製電力的方式是使用直線和隨機角度,在我的圓形引導線中進出。較小的分支會分岔並逐漸變細直到消失。
然後,我會建立第二個影格,並再次重複所有操作!因為閃電非常混亂,我不想看前一個影格——每次都只是根據我的圓形引導線繪製一個新圖案。
我會繼續在剩餘的影格中為每隻手重複此操作。
為了完成效果,我會建立第二個動畫資料夾來添加一些輝光。在影格 1,我會在這個新資料夾中添加我的動畫格。
切換到「噴槍」工具,選擇「柔和」次工具,並將筆刷調大到足以覆蓋手部。
選擇一種非常淺的藍色。
在每隻手周圍繪製柔和的輝光效果。
動畫資料夾的圖層混合模式
我希望我的輝光使用「加光 (輝光)」混合模式。
但是,如果您只是嘗試將圖層的混合模式設定為「加光 (輝光)」,什麼都不會發生!
這是因為動畫資料夾的混合模式預設為「正常」。如果資料夾的混合模式是「正常」,則其中個別圖層的混合模式只會影響該資料夾中的其他圖層。將資料夾的混合模式設定為「穿透」可讓混合模式穿透並影響下方的圖層。
您有兩種選擇:
您可以將資料夾的混合模式更改為「穿透」以顯示效果,或者簡單地將每個圖層保留為「正常」,然後將整個資料夾更改為「加光 (輝光)」。
兩種方法都有效,但在這種情況下,由於我知道我希望資料夾中的所有圖層都使用「加光 (輝光)」混合模式,因此直接將資料夾本身設定為「加光 (輝光)」會更容易。
我用噴槍在每個影格上繪製了略有不同的輝光。就像閃電一樣,我在每個影格上都保持非常鬆散和隨機,以產生一些混亂的變化。我還在人馬的身體上添加了一些微妙的反射輝光。
請注意,我在草稿圖層上建立的引導線沒有隨動畫匯出——這是一個有用的功能。
這樣,這個動畫就完成了!
火焰:使用洋蔥皮的序列動畫
按順序製作動作動畫稍微複雜一些,但洋蔥皮功能可以提供幫助。現在,讓我們玩火吧!
「為何幼龍不能擁有好玩具」(2023年重製版),作者:Sarrah Wilkinson,又名 MsRedNebula。
在這幅插畫中,我展示了為什麼幼龍可能需要不易燃的玩具。 :)
在這裡,我已移除火焰效果以便為其製作動畫,並將所有剩餘圖層扁平化以避免妨礙。
就像處理閃電一樣,我將首先建立一個圖層來繪製我的引導線。我會將其不透明度更改為 25%,並將其設定為草稿圖層,因為它僅用於此工作草圖。
在這個圖層上,我會勾勒出火焰的底部和大致的錐形。這次我使用黑色,因為在這個作品上更容易看清。
接下來,我將透過建立時間軸來設定動畫。在這個案例中,時間軸將是每秒 12 影格,總長 12 影格。
然後我會新增一個動畫資料夾和第一個動畫格。
您可以將整個資料夾設定為草稿,這樣其中所有的圖層也會被視為草稿圖層。我將把這個整個動畫資料夾設定為草稿,這樣我就可以用它來為火焰動畫建立逐格引導線。
同樣,如果您忘記關閉這些圖層,這可以防止它們隨您的動畫一起匯出。這也是一個很好的視覺指示,表明這些是工作圖層,而不是您最終作品的一部分。
現在,這裡有一個製作火焰動畫的好技巧!
讓我們想像有一顆泡泡從泰迪熊的頭上升起。在第一個動畫格上繪製一個半球形。
然後我會跳到影格 7 並在那裡新增一個動畫格,然後在頂部繪製一個小圓圈,代表這個泡泡路徑的終點。
注意:我再次使用「橢圓」次工具來輕鬆繪製圓形。
在影格 3,我會新增一個動畫格來繪製中間的泡泡。
要做到這一點,請在時間軸上點擊「啟用洋蔥皮」來開啟洋蔥皮功能。
我暫時關閉作品,以便您能看得更清楚。
啟用洋蔥皮功能可讓您以藍色看到前一個動畫格,以綠色看到下一個動畫格。
我會將中間的泡泡繪製在兩者之間的中點下方一點,因為我希望它上升時速度會稍微加快。
利用洋蔥皮功能,我將繼續為這第一個序列加入其餘的泡泡。
我會重複此模式,從影格 5 和 9 開始一個新的泡泡,第一個泡泡在影格 11 結束,第二個泡泡則循環回到開頭,在影格 3 結束。
為了變化,我還讓從影格 5 和 9 開始的泡泡路徑稍微彎曲。這完全是可選的!
您看到火焰了嗎?如果沒有,請稍等一下——我沒有雙關語的意思!一分鐘後會更明白。
接下來,我將在引導線上方建立一個新的動畫資料夾,並加入第一個動畫格。
我也會重新開啟作品,以便火焰在背景中可見。
對於基礎顏色,我會選擇飽和的紅橙色。
對於基礎顏色,我將選擇飽和的紅橙色。我會使用「G 筆」次工具,並將筆刷大小調大(本例中為 80),來繪製火焰。
在第一個動畫格上,圍繞底部形成一個錐形,並以泡泡作為引導。火焰會隨著其遠離燃料源而逐漸變細。忽略上方的另一個泡泡,我稍後會處理它。
提示:保持形狀鬆散而不規則。避免完美的對稱。就像電力一樣,火焰也是混亂的!
新增第二個動畫格。這次,我仍會繪製底部,但在展開以跟隨我的泡泡引導線形狀之前,會稍微捏緊它。
第三個動畫格也一樣,再捏緊一點,並讓火焰變小以符合泡泡。
注意:我仍然啟用了洋蔥皮。這時候並非絕對必要,但它可能會很有幫助。
到了第四個動畫格,捏合變得相當極端。
然後,在動畫格 5,頂部火焰脫落,我重新開始繪製與第一個影格相似的形狀。
那個小小的、被掐斷的火焰會持續縮小幾個影格,然後在我重複循環時完全消失。
我會一直繼續,直到所有影格都被填滿,同時不要忘記循環回來,並將上方的火焰添加到前幾個動畫格中。
當我播放動畫時,您可以看到火焰逐漸成形!
此時,我喜歡花一點時間完善我的火焰形狀,並使用相同的技術添加一些較小的次級火焰。
對於火焰更明亮的內部部分,我會選擇黃色。
這次,我傾向於使用柔和噴槍次工具。
我也會停用洋蔥皮並關閉引導線;它們不再需要了。
我會逐一在每個圖層上繪製一個與火焰輪廓相似的內部形狀。您可以為此建立一個單獨的動畫資料夾,但我只是直接繪製到現有的火焰動畫格上。這取決於您。
接下來,我切換到「橡皮擦」工具,選擇「柔和橡皮擦」次工具。
我會用它來稍微模糊火焰底部,使其融合。
最後,我會在最上方新增一個動畫資料夾並加入一個動畫格。
這個資料夾將用於一些輝光效果,就像我處理閃電時一樣。我會將資料夾的混合模式更改為「加光 (輝光)」。
提示:別忘了您可以為每個動畫資料夾命名。如果只有幾個這樣的資料夾還好,但想像一下如果您有十幾個甚至更多呢!
使用與火焰內部明亮部分相同的柔和噴槍和顏色,我在每個動畫格上繪製了一些微妙的輝光和高光。
用您的繪圖板輕輕描繪,或者如果您的輝光太強烈,可以調低整個資料夾的不透明度。
看!一隻可憐又無辜的泰迪熊著火了!
火花:關鍵影格、補間動畫和檔案物件
對於某些動作,讓電腦處理中間影格會更容易。關鍵影格讓您能輕鬆製作動作、旋轉甚至不透明度動畫。
關鍵影格動畫可能非常複雜,所以我計劃之後會專門為此製作一個完整的教學。
首先,您需要一個火花圖形。如果您已經有想使用的,太棒了!如果沒有,我已在這裡提供 Clip Studio Assets 上的免費下載:
或者,如果您想知道我是如何製作的,可以點擊此處的快速教學:
將火花圖形放在其獨立的正方形畫布中。在單獨的圖層上包含一個臨時的黑色背景(或者直接使用 Clip Studio Paint 的黑色紙張圖層)。這會讓它更容易看清。
我使用的是 1200px x 1200px 的畫布,但只要它是正方形並且火花幾乎填滿整個畫布,就沒關係。
建立一個影格速率為 12 的時間軸。我希望我的動畫長度為 12 影格,但我實際上會將播放時間設定為 13。您稍後就會明白原因。
關鍵影格動畫不需要動畫資料夾,可以在任何圖層或資料夾上建立。
確保火花圖層處於活動狀態,並且播放頭位於第一個影格,然後點擊「在此圖層上啟用關鍵影格」。
當您啟用關鍵影格時,您會注意到您無法再正常編輯圖層。它現在被視為一個物件,因此要為它製作動畫,請前往「操作」並選擇「物件」工具。
提示:如果需要,您可以關閉關鍵影格來編輯圖層。當您重新開啟關鍵影格時,它們仍然會在。
首先,我將添加旋轉。將播放頭放在第一個影格,點擊此處添加關鍵影格。
將播放頭移動到最後一個影格。然後,使用「物件」工具將影像旋轉 90 度。按住 Shift 鍵可將旋轉鎖定為 45 度增量。
有兩點需要注意。我們做了一個更改,這導致 Clip Studio Paint 自動添加了一個新的關鍵影格。此外,關鍵影格總是在播放頭之前添加,這就是為什麼我將此時間軸設定為 13 影格長度的原因。
當我按下播放時,程式會在起始關鍵影格的旋轉和結束時的旋轉之間進行補間。
接下來,我將更改火花的大小。
返回影格 1。點擊並按住一個角落錨點,然後在移動之前,按住 Alt 鍵以圍繞中心支點調整大小。
現在當我拖曳動畫時,您會看到它會隨著時間變大,因為比例已經在最後一個影格上設定了關鍵影格。
但是,我希望它以相同的尺寸開始和結束。
在時間軸上圖層名稱旁邊,點擊小加號按鈕以獲取更多選項,然後點擊其旁邊出現的箭頭以分別顯示每個變形關鍵影格。
將播放頭移動到影格 13。選擇「縮放比例」線上的最後一個關鍵影格,然後點擊「刪除關鍵影格」來將其刪除。
大小更改現在消失了。
現在,點擊「添加關鍵影格」以將其鎖定為新的最終大小,同時保留我之前添加的旋轉。
現在,轉到影格 7,將火花調大。變形關鍵影格會自動添加。
這是現在動畫的樣子:
最後,我會隨時間改變火花的不透明度。
前往影格 1,將圖層的不透明度調為 0。
您會注意到出現了一個新的不透明度關鍵影格。
移動到影格 7 並將其更改為 100%,然後到影格 13 並將其更改回 0。
瞧!我們有一個火花!
現在讓我向您展示一些您可以用它做的非常酷的事情。
首先,我們需要準備文件以用作檔案物件。
刪除黑色背景。(僅僅隱藏它是不夠的,此時您必須將其刪除。)
請務必將檔案儲存為 Clip Studio 的 .clip 格式。
您現在可以關閉此檔案,然後打開您想要添加火花的任何圖像。
「小竊賊」(2010)作者:Sarrah Wilkinson,又名 MsRedNebula
這是我其中一幅插畫,裡面有許多寶藏。讓我們讓它閃閃發光吧!
這是已移除火花效果的圖像,以便為其製作動畫,並且和以前一樣,我已將作品扁平化,這樣它就不會佔用時間軸上的大量空間。
我將建立一個影格速率為 12,播放時間為 24 的時間軸。
前往「檔案」-「匯入」並選擇「建立檔案物件」。
導航到您儲存火花的位置,選取它,然後選擇「開啟」。
如果您過去沒有點擊「不再顯示」,此通知可能會出現。它包含有關在 Clip Studio Paint 中使用檔案物件的有用資訊。
點擊「確定」。
通常您應該能夠看到您剛匯入的檔案,但請看這個。
由於檔案包含動畫,因此它會自動包含所有影格!
前往「操作」工具,並選取「物件」次工具。
使用「物件」工具,移動並調整火花的大小。
右鍵點擊「火花」圖層並選擇「複製圖層」。
然後您就有了第二個火花,您可以將其移動並調整大小到不同的位置,並在時間軸上移動,使其在不同的時間播放。
要讓其中一個火花循環回到時間軸的開頭,右鍵點擊它並選擇「分割剪輯」。然後,將前半部分移動到動畫的末尾,將後半部分移動到開頭。
再添加幾個火花後,這是我的最終結果。
關於匯出動畫的簡要說明
您會在「檔案」選單中的「匯出動畫」下找到所有匯出動畫的選項。
您可以匯出為圖片序列、動畫 GIF、動畫 PNG,或 AVI 或 MP4 格式的影片檔。
我在我的動畫概述教學中更詳細地介紹了匯出動畫:
結論
就是這樣!
希望這個教學能讓您在 Clip Studio Paint 中開始製作一些有趣的動畫效果。在 Twitter 或 Instagram 上標記我 @MsRedNebula,向我展示您的動畫。
動畫是一個廣泛的主題,我還有很多可以談論的。請在此處的 Clip Studio Tips 關注我以獲取更多內容,或訂閱我的 YouTube 頻道。如果您有任何希望我介紹的內容,請告訴我。
祝您玩得開心,動畫愉快!
留言