你好！我是MYE0N，是一名學生藝術家和動畫師。自從我第一次開始數字藝術以來，我一直在使用 CSP，所以我很高興創建一個教程，並希望分享我的一些過程。

 

作為一個“自稱專家”的人，我還在學習中。

 

而且因為我很聰明，我忘記記錄我的動畫過程的實際繪製。但我試圖盡我所能重新創造一切，所以我保證你不會後悔在學校受苦和學習如何閱讀，只是為了能夠用文字而不是視頻來理解我的敬虔教程。

 

…

 

不要忘記喜歡和收藏......？！ ?

 

欣賞~！

 

 

讓我們開始吧！

今天，我將向您展示我如何製作這個簡單的動畫循環，類似於我在做作業和遇到生存危機時喜歡聽的低保真音樂視頻中的循環。讓我們開始吧！

 

注意：我現在使用 CSP EX，所以我對 FPS 和時間沒有限制。 Pro版本很難適應這些限制。但是，Pro 版本肯定仍然可以使用，儘管限制更多。只是要記住一點！ :)

 

首先，創建一個畫布。

 

對此有兩種選擇。第一種方法是使用普通插圖文檔，並選中“創建移動插圖”框。

稍微複雜一點的是動畫文檔：

圖片說明：

A- 您可以在此處調整 FPS 和播放。

B- 您可以調整畫布中超出藍線的空間，在該空間內繪製的內容不會顯示在您的最終渲染中。這通常適用於更複雜的動畫，這些動畫可能需要在幀外繪製一些東西。

 

工作空間供參考：

由於它只是從插圖中製作簡單的循環動畫，因此移動插圖文檔在這種情況下效果更好。

 

畫布大小也取決於您的選擇。我選擇了 1980x1080 和 144dpi 設置（還有一個動畫文檔，然後才意識到另一個選擇更容易）。

 

您以後可以隨時更改大小。在開始製作動畫或添加幀之前，請確保將其設置為您喜歡的尺寸！！它有時不允許您在不刪除所有框架的情況下更改此設置。

 

注意：如果您計劃導出為 GIF，2000 像素 x 2000 像素是最大尺寸！！ （動畫貼紙選項也是如此。在決定畫布有多大時要記住一些事情！！）

 

 

1）構思，設計和插圖：

我採取的第一步是縮略圖和素描！計劃好要製作動畫的內容是個好主意，尤其是在它會更複雜的情況下。

• 規劃動畫元素 -

 

在勾勒出我最初的想法之後，我用不同的顏色和圖層標記了我計劃製作動畫/移動的地方。這是個人選擇，但可以幫助我跟踪我稍後需要製作動畫的確切內容。

 

我為每個單獨的移動部分（以藍色突出顯示）創建了一個新的動畫文件夾，因此每個對像都可以在自己的循環中運行而不會干擾其他循環。既然是循環，我可以將草圖位置設置為起點和終點。稍後會詳細介紹。

 

在組織了哪些對象將被動畫化之後，剩下的不會移動的插圖必須被繪製。

• 墨水 -

 

我填補了留下的空白，以便更容易地著色以及動畫運動將暴露的區域，例如她的襯衫的正面。清理草圖線條，並使用矢量或柵格圖層進行墨跡繪製。

 

• 顏色 -

 

因為我已經計劃好了顏色，所以我也決定在這裡上色。這也可以在動畫之後完成（我相信這就是我實際所做的。沒有太大關係，只要它在某個時候完成即可。）

 

2）動畫基礎和細分：

在我看來，這可能是比較困難的階段之一。動畫絕對不是我的強項，所以我發現參考資料對規劃非常有幫助。

 

• 參考 -

 

我通常會嘗試找到動漫或動漫風格的 GIF 和循環作為參考，因為我不想模仿現實生活，只是稍微移動它們。也許我只是喜歡美感，但我發現它對更簡化的動作非常有幫助！

 

還有令人驚嘆的現實生活參考（試試 Kevin Parry 在 YT 上製作動畫的 100 種方法！），但對於一些小事，它不必非常準確或真實。

注意：如果您不熟悉動畫或正在掙扎，我建議您轉向 Youtube 尋求幫助 - 有很多很棒的視頻可以比我更好地解釋動畫！我建議從動畫的 12 條原則開始，並查找有關專業人員如何工作和製作動畫的過程/教程視頻。祝你好運！

 

...

 

為每個新對象創建動畫文件夾後，需要對所有這些對象進行動畫處理。

打開您的時間線並單擊此按鈕以創建一個新的動畫文件夾。最終結果應如下所示：

 

如果您的動畫文件夾是空的，您可以向該文件夾添加一個光柵或矢量圖層。然後右鍵單擊時間軸以選擇該單元格，它應該出現在時間軸上！

• 2CEL 動畫 -

 

我為這個插圖製作的大部分動畫都非常簡單，只有 2 個 cel。老實說，它們看起來也沒什麼不同！

創建運動的最簡單方法之一就是讓對象稍微來回移動。這就是我為葉子髮帶、貓耳朵和手臂所做的。它看起來相當不錯，即使它只有 2 幀。

 

只需兩幀，您就可以輕鬆地使您的插圖移動！有一些變化使動作更有趣，但我的 3 秒後再次循環。

這些動畫文件夾只保存兩幀，你可以看到一幀的頻率如何影響最終動畫出現的快/慢！ （手部短信輸入和振動速度更快，因此交替幀之間的空間更小來展示這種更快的動作。）

 

• 眼睛 -

 

為眼睛設置動畫的最簡單方法是在三個鏡頭中繪製它 - 打開、關閉和中間點。

 

繪製這些幀後，您可以稍微調整一下時間以達到您想要的效果。快速眨眼會使幀靠得更近，而緩慢閉上眼睛可能會使幀相距更遠。

• 貓尾巴 -

 

這對我來說是最痛苦的部分，因為我仍然不知道如何為貓尾巴製作動畫，哈哈。

 

引用是救命稻草，這幾乎是製作更複雜動畫的唯一方法。我主要使用直線動畫，這意味著我逐幀為尾部運動設置動畫。

 

通常，對於 24FPS，您需要大約每 2-3 幀一幀（這取決於運動的類型），但我決定不在兩者之間。這對我來說不值得付出努力，雖然尾巴看起來有點波濤洶湧，但它看起來已經足夠好了，所以我就把它留在了那裡。

忽略亂七八糟的幀數，我通常最終在其他幀之間添加幀，CSP 會在它們之後自動添加字母，哈哈。

3）動畫線條和顏色：

在完成基本的粗略動畫之後，您現在可以為幀添加墨水和清理了！

 

我建議使用矢量圖層來做到這一點，因為如果你犯了錯誤，調整單獨的線條或使用矢量橡皮擦會更容易。創建新的動畫文件夾時，在文件夾中添加矢量圖層也會自動將每一幀設置為一幀！

 

老實說，上墨只是追溯一切的乏味步驟。

上墨後，我為所有元素創建了一個新的動畫文件夾，並將它們與幀對齊。這些文件夾用於著色目的。

我標記了所有墨水層，以“v”開頭表示矢量文件夾，“c”表示顏色文件夾。 （我也使用“r”來製作粗略的動畫）

 

和繁榮！循環看起來更加豐富多彩。

 

幀現在更乾淨了，添加下面的靜止圖像是動畫循環的干淨版本！

 

4）以及最後的潤色：

多田！到此您基本上已完成 - 如果您願意，您可以添加更多效果/收尾潤色以使其更好，但這基本上是本教程的內容。

 

基本上，困難的部分已經結束，現在的目標是讓結果看起來更漂亮！有點像合成。 :)

 

• 陰影 -

 

我使用了 30% 的乘法層來遮蔽（儘管不透明度取決於所使用的陰影顏色）。我首先為靜止圖像著色，根據您的著色方式，移動部件可以是可選的。

 

您可以為陰影創建一個新的動畫文件夾，或者只是在平面上著色。

 

 

之後，您可以將所有圖層移動到一個巨大的文件夾中，以便根據需要對整個動畫應用一些疊加和效果。

 

這是我最後的結果！！

（不會疊加使類似的東西好十倍嗎？）

 

• 出口 -

 

要導出最終動畫，請轉到“文件”>“導出動畫”

我只是使用了“Animated GIF”選項來導出，這樣我的動畫就會不斷循環。

 

如果您想對幀進行更多控制，也可以選擇將序列作為序列導出到視頻編輯器中。

5）閉幕：

你好呀！謝謝你的到來，一直陪我到最後。

 

這是我的第一個教程，所以我希望它以某種方式對您有所幫助！我認為這肯定有點匆忙，我絕對可以做得更好。哈哈。

 

如果您有任何問題或建議，請隨時告訴我！不知道 CSP 是否有評論或消息？

 

我確實有一個 Instagram，但我已經有一年沒有發過帖子了，所以如果你想關注我 @catmyeon 可以隨意（我寧願你沒有，但我是誰來阻止陌生人）。由於夏天即將到來，我計劃對其進行一些改進，並且我有一些更好的新藝術，所以：D

 

如果您喜歡這篇文章，請不要忘記收藏並收藏它！

 

-MYE0N ✌ ︎('ω' ✌ ︎ )