大家好，歡迎來到我的教學！

 

為光線和背景添加動畫是將您的藝術作品呈現為動畫插圖的快速方法之一。

在本教學中，我將向您展示4種使用Clip Studio功能的動畫技巧，您可以利用它們透過光線、攝影機視圖和背景的移動來創建動畫插圖。

影片教學

如果您想看到所有過程的實際操作，請觀看影片版本 >w<

準備檔案

讓我們從準備檔案開始。

對於動畫插圖，我建議在新畫布上工作，這樣您就不會混淆圖層。

建立一個新檔案。

在專案： [插畫] 中，您可以選擇創建動畫插圖。

您可以設定影格和影格速率，

較高的影格速率會更流暢，但會縮短播放時間

(此選項對於Clip Studio Paint Pro版本非常有用，因為它對動畫有24個影格的限制)

 

當您創建檔案時，您會根據設定得到一個動畫資料夾和時間軸。

您可以透過[視窗>時間軸]開啟時間軸面板

 

注意： 如果您使用的是沒有此選項的舊版Clip Studio，

您可以透過點擊時間軸面板上的[新建時間軸]圖示來創建它，並手動設定播放時間（影格）和影格速率

刪除動畫資料夾（我們這裡不使用它）

然後將檔案（.csp格式）匯入畫布

前往[檔案 > 匯入 > 建立檔案物件]

匯入的物件不透明。

刪除原始檔案中的紙張圖層

儲存檔案..

檔案物件將自動更新。

現在您可以在不更改原始檔案的情況下移動藝術作品，

並且您已準備好進行動畫製作！

 

注意：如果檔案在儲存時未自動更新，

請透過[物件]工具的[工具屬性]面板上的選單手動更新它

技巧 #1：不透明度動畫

讓我們用燈光動畫創建一些酷炫的六邊形背景

我從 Clip Studio Asset 下載了一個六邊形素材

下載的素材在[素材]面板的[下載]資料夾中，

將素材拖曳到圖層面板，放在角色物件圖層下方

從物件圖層建立選區

[右鍵點擊 > 從圖層建立選區 > 建立選區]

建立新的點陣圖層

如果線條太粗，您可以在填色之前縮小選區

縮小的選區會在畫布邊緣留下一些空隙，

調整大小以填滿畫布區域 [編輯 > 變形 > 縮放/旋轉]（或 [Ctrl+T]）

複製圖層並套用模糊濾鏡，

前往[濾鏡 > 模糊 > 高斯模糊]

這會為六邊形磚塊創建一些深度

將兩個圖層放入一個資料夾中，

這是背景的關燈版本

接下來，創建背景的開燈版本，

複製背景資料夾

鎖定兩個圖層的透明度並用淺色填充

現在，我們有兩個版本的背景：開燈和關燈

在[時間軸]面板上，

選取開燈資料夾，然後點擊[啟用圖層關鍵影格]圖示，

展開時間軸面板上的圖層選項[+]

您將看到不透明度的時間軸。

在不透明度時間軸上選擇 起始影格的位置

然後將不透明度調整為0

關鍵影格將自動出現在時間軸上

設定結束影格，點擊[新建關鍵影格]圖示

這將創建一個與起始影格設定相同的新關鍵影格

選擇兩個關鍵影格之間的位置，

將圖層不透明度調整到100，

關鍵影格會自動創建！

點擊播放按鈕預覽動畫

現在您得到了非常簡單的發光背景效果

您可以透過調整關鍵影格的位置來調整動畫的速度

現在它變慢了

讓我們也為角色添加光線反射吧！

在角色物件圖層上建立選區，然後創建一個新的點陣圖層

然後前往[編輯 > 選區輪廓]並為線條設定一些粗細

取消選取並模糊邊緣。

這會簡單地在角色邊緣添加高光，

如果您願意，可以手動編輯一些細節

將圖層模式設定為[加亮(發光)]

並剪裁到角色物件

用背景顏色填充的圖層以[乘法]模式剪裁到角色物件上，以降低角色亮度

在角色物件的光線和陰影上設定關鍵影格以獲得更逼真的效果！

注意：

啟用[圖層關鍵影格]時，您無法在圖層上繪製

但您可以切換它以編輯圖層，

關鍵影格將保持不變

技巧 #2：遮罩動畫

除了僅僅發光之外，

讓我們用圖層遮罩動畫為光線添加移動！

使用[選取]工具：[多邊形線]為光帶建立選區

在開燈背景資料夾上[右鍵點擊 > 圖層遮罩 > 選區外遮罩]

遮罩縮圖將出現在圖層資料夾上

點擊 遮罩縮圖並套用模糊濾鏡

當您啟用圖層關鍵影格時，

您也會看到圖層遮罩的時間軸

為起始影格添加一個新的關鍵影格..

並使用[物件]工具將遮罩向左移動

在結束影格，將遮罩向右移動

移動燈光效果完成！超級簡單！

讓我們也為角色物件套用遮罩動畫吧！

無需重複整個步驟，直接複製帶有遮罩的資料夾

刪除裡面所有的圖層

禁用圖層關鍵影格

將資料夾移動到角色上方，

然後將高光圖層移動到資料夾中

您會看到圖層模式不起作用，

您必須將其設定在資料夾上。

（並且也將資料夾剪裁到角色物件）

當您再次啟用圖層關鍵影格時，

高光將與背景一起移動！

您可以編輯遮罩區域以使高光顯示在更大的區域。

 

首先禁用圖層關鍵影格。

點擊圖層遮罩縮圖，然後使用[柔和噴槍]在邊緣周圍繪畫

再次啟用圖層關鍵影格，

現在看起來更好了！

我將色調編輯為綠色，並在邊緣繪製較深的顏色作為最後的潤飾，

這是結果

旋轉移動

您也可以將旋轉移動應用於遮罩

在起始影格，調整遮罩大小，使其在旋轉時覆蓋該區域

在結束影格，在[工具屬性]面板中，將[旋轉角度]設定為360

旋轉速度不穩定且不流暢..

這是因為關鍵影格處於[平滑插值]模式

如果您想讓移動速度穩定

您必須將關鍵影格更改為[線性插值]模式，

在[添加關鍵影格]下拉圖示處設定關鍵影格模式

選取關鍵影格並點擊[添加關鍵影格]圖示以更改關鍵影格模式

將結束關鍵影格拖曳到邊緣，

這將使遮罩以無縫循環方式旋轉

技巧 #3：2D攝影機

2D攝影機資料夾只是為畫布上的物件群組建立攝影機視圖。

您可以擁有多個攝影機資料夾來為同一畫布上的物件群組顯示不同的攝影機視圖。

您可以動畫化2D攝影機資料夾以為資料夾內的物件創建攝影機移動

建立新的2D攝影機資料夾，

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

您將在畫布上看到藍色邊緣（預設顏色）

將所有背景資料夾放入2D攝影機資料夾中

然後，使用[物件]工具調整攝影機視圖（藍色邊框）

調整攝影機視圖時，請注意時間軸位置，

它將自動在攝影機資料夾時間軸上創建關鍵影格

以無縫循環方式為攝影機資料夾設定移動關鍵影格

您可以透過[工具屬性]面板上的選項[顯示攝影機的視野]來預覽攝影機

我將角色物件放入另一個2D攝影機資料夾中

這輕鬆地從角色到背景創建了一些深度！

技巧 #4：檔案物件動畫

讓我們創建更複雜的動畫：同步背景

您只需使用1個檔案物件即可完成！

建立新檔案。

保持動畫插圖設定與您的動畫檔案相同，

並刪除動畫資料夾

建立新圖層並使用[圖形]子工具：[多邊形]繪製六邊形

裁剪檔案，在六邊形周圍留一些間隙，

在六邊形上建立選區並擴展選區範圍

刪除紙張圖層並儲存檔案

將六邊形檔案作為檔案物件匯入到動畫畫布中

使用[物件]工具選取檔案物件，

在工具屬性面板中，啟用[拼貼]選項

拼貼有點奇怪，但我們稍後會修復它

回到六邊形檔案，

啟用圖層關鍵影格並在短循環中創建縮小動畫

當您儲存檔案時，動畫也會顯示在主檔案上。

六邊形拼貼的問題是：

您無法簡單地使用拼貼選項創建它

與其在兩個方向上重複，

將物件旋轉90度並啟用其中一側的拼貼方向

複製檔案物件並手動將它們並排放置

重複此步驟直到區域被填滿，

並按照順序排列物件圖層

現在所有拼貼都一起縮小了

讓我們製作同步移動！

 

在時間軸上，點擊並拖曳剪輯條上方的小條將其向後移動

透過移動剪輯，動畫在不同時間播放

但拼貼條從時間軸中消失了，

要解決此問題，右鍵點擊最後一影格，然後[分割剪輯]

將剪輯移動到前面

然後透過拖曳剪輯角落的小方塊來展開剪輯

背景現在已同步！

我為六邊形檔案添加了一點旋轉移動，結果也很酷！

有了這些功能，您可以在很短的時間內為您的動畫插圖創建美妙的效果！

 

我希望我的教學能為您提供一些關於在動畫插圖專案中使用這些功能的想法，祝您動畫製作愉快，我們下個教學再見