嗨！我是Sadbh（在線學習SwordsandSpectacles），今天我將告訴您如何使用Clip Studio Paint中的關鍵幀製作循環的動畫插圖。

總覽

這就是我們今天要製作的.gif文件；具有動畫背景的關鍵幀動畫角色。

草圖和粗糙動畫

首先，創建一個畫布並抓住您喜歡的畫筆；並在第一層畫出角色。

 

現在，再次遍歷角色，但繪製您希望能夠在新圖層上移動的每個部分。為這些圖層命名，以便您可以跟踪在哪個圖層上的身體部位。這使下一步變得更容易，在下一步中您開始為角色設置動畫。

轉到“窗口”>“時間線”以在屏幕底部彈出時間線，然後進入“動畫”>“時間線”>“新時間線”。

對於此動畫，我將時間軸設置為每秒12幀（FPS），並播放24幀。因此，一個2秒的動畫循環。

現在，您可以在時間軸中看到所有圖層都存在；這就是為什麼對所有名稱都如此重要的原因。

 

 

注意這兩個按鈕；根據當前項目在畫布上的位置，右側的啟用一個關鍵幀，左側的啟用一個新的關鍵幀。

單擊“操作”工具，然後單擊“對象”。

確保您位於時間軸上的第一幀（垂直紅線將向您顯示此內容）

 

選擇您的頂層（在這種情況下，是角色的上顎），然後將小十字準線從畫布的中心移到角色上自然的關節處。對於頭部，這是脊柱連接到頭骨的地方。

 

這將使您的旋轉更加自然，因為它可以更好地模擬真實運動。

 

導航到時間線的末尾，然後再添加其他內容，請點擊“添加關鍵幀”

這意味著開始和結束關鍵幀完全相同，並且動畫是一個完美的循環。

 

這將是本教程中所有動畫的基礎。

 

 

一旦設置了這兩個相同的關鍵幀，就可以導航到它們之間的任意點，並旋轉，移動或縮放片段。為此，我只旋轉了一下使他的嘴張開。

現在，我將這些關鍵幀複製並粘貼到頭部的其他每個部分，方法是單擊並拖動直到小菱形關鍵幀以紅色突出顯示，然後

動畫>編輯軌道>複製

移至下一層，然後單擊“動畫”>“編輯軌跡”>“粘貼”。

 

您也可以通過右鍵單擊框架來執行此操作。

 

 

我複制將所有框架粘貼到頭部的原因是為了使其整體運動。

完成此操作後，我可以在開始和結束之間添加更多關鍵幀，以使其嘴巴張開或閉合，或者耳朵抽搐。

 

複製並粘貼所有關鍵幀後，頭部看起來就好像只有一層...。

……但是，通過編輯其頭部各部分的所有旋轉，動作變得更加動態。

記得先前關於將旋轉中心移至航海關節放置位置的要點，我也迅速為手臂和尾部設置了動畫。與磁頭不同，這些磁頭根本不需要復制粘貼。

完成此操作後，我將所有草圖放置在各自的圖層文件夾中，以使我的圖層面板保持整潔。

線稿和顏色

現在，進入線稿。

 

線稿與草圖一樣被拆分，但被拆分為命名文件夾，而不是單獨的圖層。

這使著色更加容易。

線稿和顏色是本教程中最適合您的部分！我建議您採用自己的風格，儘管我建議您做一些事情。

 

 

-不要在整個過程中都擁有完整的線稿；您可以通過使顏色的各個部分相互重疊來掩蓋關節（特別是在腕部，肘部，上顎和尾巴上這樣做）。

 

-留出很多重疊的空間；這樣可以使角色的活動範圍更大！如果您很聰明的話，可以給角色提供一組具有相同圖紙的多個動畫。

可以看到，我為圖紙中的重疊部分使用了很多圓形。它可以幫助我直觀地看到旋轉點的位置。

要為角色著色，請在文件夾內為要著色的身體部位創建一個新層。

 

通過選擇線稿圖層，然後單擊小燈塔圖標，將線稿圖層設置為參考圖層。

然後選擇您的顏色層。選擇魔術棒（自動選擇）工具，並確保將“區域縮放”設置為約3（可能需要更高或更低，具體取決於您的線條粗細），並且“參考倍數”已啟用，並且燈塔圖標被選中。

 

這意味著您可以進行繪製以填充顏色圖層上線條的間隙，但是當您單擊線稿之外時，它將選擇整個外部區域。忽略圖形的此特定部分上的線條和顏色圖層以外的所有其他圖層。

 

然後，您可以反轉並填充選擇。區域縮放使顏色的邊緣位於線稿的中間，因此邊緣周圍沒有雜散像素，並且所有內容看上去都很好而乾淨。

在這個階段，我想用不同的鮮豔顏色填充圖層，以便清楚地知道每個段的開始和結束位置。在毛髮重疊的區域，我使用了鋸齒狀的毛邊紋理，因此，如果在彩色版本中顯示，它看起來會更自然；但是在像我知道分裂將被隱藏的臉部區域上，我只是使線條平滑。

現在，您可以選擇在為角色上色後立即為角色設置動畫。

我現在喜歡製作動畫，因為我可以看到錯誤并快速修復它們。

 

現在，在圖層上啟用關鍵幀後，您將無法編輯工程圖。但是您可以隨時點擊“啟用關鍵幀”按鈕將其關閉並正常編輯圖層或文件夾。這不會影響關鍵幀，因為關鍵幀會在您重新打開時立即返回。

 

我不會在本教程中介紹著色，因為我鼓勵每個人都按照他們通常繪製圖形的方式為動畫著色。但我會提供一些技巧，以使流程更流暢！

最終動畫技巧

這是角色上所有旋轉點的地圖；該過程與給動畫製作動畫完全相同，但我花了更多時間使所有內容正確無誤，並確保木偶的所有部分正確地流動在一起。

從彩色版本中可以看到，我通過保留字符的大部分“中斷”來使字符在中斷的兩側保持相同。這在尾巴上還沒有完全解決，但是看到這個傢伙相當蓬鬆，看起來還是很不錯的。

 

 

一般的經驗法則；盡量避免角色上的所有動作同時發生；例如，在這裡，我們的狼人的頭在他的手開始向後移動一會兒後退，而他的尾巴完全是在做自己的事情。

 

下頜有兩個運動關鍵幀，一個關閉關鍵幀，一個打開關鍵幀。這樣的小動作都可以真正幫助動畫。

 

如果您想了解如何製作更自然的角色動畫，請查閱動畫的12條原則。它們不是本教程的重點，但是對於任何對動畫感興趣的人來說，它們都是一件方便的事情。

背景（細微的細節和不透明的關鍵幀）

所以，關於背景...

首先，以通常的方式繪製背景！ （這樣說聽起來很簡單...）

 

我已經使用了遠場剪輯附帶的一些材料以及牆壁和地面上的紋理（它們實際上是救星！）

現在，將所有動畫部件放置在一個文件夾中，然後使用剪切蒙版按鈕將兩層剪輯到該文件夾中。這意味著它們只會出現在與您角色相交的地方！這些圖層不受關鍵幀的影響，但是通過在工作時定期播放動畫，僅通過這兩層即可獲得角色的所有陰影和高光。

 

我的深藍色陰影層設置為“乘”，而我的黃色設置為“添加（發光）”

 

這是沒有裁剪蒙版和混合模式的圖層外觀，以了解其範圍...

....讓我們將它們放回原樣。

無論如何！背景中的路燈的光束位於單獨的圖層上（設置為“添加（發光）”。

 

我們將轉到時間軸上的該層，並啟用關鍵幀，然後單擊層名稱左側的這個小+按鈕。

現在，您可以看到“不透明度”軌道；並且當您更改不透明度時，會將這些更改另存為關鍵幀。

我使用這種外觀時，看起來有點癡呆，不透明的變化很小，可以產生閃爍的路燈。非常大氣！

我也喜歡用柔和的大斑點來設置顏色，設置為“柔光”或“疊加”；我鼓勵您研究插圖的動畫燈光效果！

我要做的最後一件事是加一些草。

首先，在插圖周圍添加幾個草簇。這些旨在保持靜止。我將它們遮蔽以適合場景。

此後，我添加了要移動的草簇。將它們分別放置在靜止草下面的自己的層上，以隱藏底部。我對陰影和突出顯示的草進行了顏色選擇，因此所有內容看起來都具有凝聚力。

 

每個草簇都在其自己的圖層上，這一點非常重要。

之後，您可以像其餘插圖一樣對草進行關鍵幀設置！與往常一樣，定期播放動畫以查看其外觀。

之後，只需添加通常需要的所有最終修飾和調整層即可完成！

我的工作的最終想法和其他例子

我想使這個插圖保持簡單。但我想我還會展示一些其他技術可以實現的功能。我經常將關鍵幀和逐幀動畫結合起來，以使動畫更生動活潑，因此這裡列舉了其中一些。

在這種情況下，風只是定期手繪的動畫。

 

鬃毛是逐幀的，邊緣是與關鍵幀並排的，因此它與頭部的運動相匹配。

在這裡，眼睛在動畫層上，但是其他所有東西都被設置了關鍵幀。

在這裡，雨水，河水和飛濺都是一幀一幀的。

字符是100％關鍵幀的，我將它們放置在圖層文件夾中以獲得輪廓效果。

 

背景中的樹木已經過關鍵幀的旋轉，給人以刮風的感覺。

這個非常簡單，將是我今天的最後一個例子。我只是分別畫了這個赤壁的頭和腿，所以我可以有一個小小的循環。

希望我的教程對您有所幫助！感謝您的閱讀一百萬，請多多關照！