嗨，這是瑪娜！

 

這是本小系列的第一個練習；這是動畫插圖的初學者基礎。

我們先說簡單的；

• 閃爍

• 光

• 關鍵幀插值

 

我們將製作我的吉祥物 POCHI。設計很簡單，因此編輯也將非常容易和簡單。

我們會做這樣的事情：

這個項目是在 Clip Studio Paint PRO 中完成的，我們將使用這個版本，以便大多數人可以遵循。您也可以為此使用 EX 版本，效果更好。

 

這個的視頻版本就在這裡：

該項目的原始文件和最終文件將在下面的鏈接中。

你可以下載它，以便你可以跟隨。

 

剪下圖紙

首先，讓我們打開我們的插圖。

在鍵盤上按 CTRL O 或單擊畫布選項卡上的圖標。

 

完成後單擊“打開”。

 

這是我們的形象：

好的！如您所見，該圖像在JPG上，是一層圖像。

另外，這是 POCHI，我使用的背景來自 Clip Studio Assets；如果你願意，你可以在這裡得到：

 

後面的燈刷是這些：

第一件事；我們想到的是什麼動畫？

• 閃爍

• 燈光

 

對於光照，我們真的不需要為此重新繪製或剪切任何東西，因此我們將轉向閃爍。

 

對於閃爍，我們需要將眼睛與身體分開。

 

要將其分開，請使用 [選擇] 工具 > 使用您想要的任何選擇工具。

我通常使用[套索]和[選擇筆]

 

然後選擇整個眼睛區域

完成後； CTRL X 剪切，然後 CTRL V 粘貼到新光柵層。

請記住重命名該圖層。

我將其重命名為 Open_Eyes

現在我們必須回到Main Illustration圖層；我們需要重新繪製以前眼睛所在的空白區域。

 

我只是要拿一支[選擇筆]並選擇眼睛所在的中間位置。

CTRL C 複製，然後 CTRL V 粘貼到新柵格圖層上。

將新粘貼的區域移動到空白處。

 

對其他區域做同樣的事情。

 

只需複制當前選定的部分；轉到 [圖層] > [複製圖層]

並將該部分移動到另一個孔。

好的，當兩個孔（？）都被覆蓋時，請記住將所有主要插圖組合在一起–當然，除了眼睛！

 

所以現在我們有了眼睛，與身體分開了——接下來讓我們處理眼睛的表情。

眼睛表情

接下來，讓我們開始做Eye Expression。

 

我們接下來要做的是製作另一個眼睛表情——因為我們從主插圖中提取的這隻眼睛實際上是我們睜開的眼睛：

 

現在，我們需要製作 Blink 或 Close_Eye。

 

我們將在您的鍵盤上創建一個新的柵格圖層或 CTRL Shift N。

要製作閉眼，我將使用我的 [選擇工具] > [矩形] > 製作一個細矩形並用顏色填充它

 

⭐ 提示！降低 Open_Eye 圖層的不透明度，以便您可以參考 Close_Eye 的位置

 

由於設計非常簡單，我們只需要製作一個即可。

 

然後去圖層>複製圖層

只需將這個複制的眼睛副本調整到另一隻眼睛。

合併鍵盤上的這兩個“閉眼”或CTRLE。

確保將此圖層重命名為 Close_Eye。

 

就是這樣。現在，我們有了眼神表情。

 

⭐ 一些眼睛表情最多可以包含 6 個或更多表情，這通常取決於您正在製作的動畫類型，但由於我們正在製作一個非常非常基本的動畫。

快速睜眼和閉眼是可以的。

 

好的！

讓我們現在開始動畫。

 

動畫：時間表

所以，讓我們得到我們的時間軸。

轉到 [窗口] > [時間軸]

或者，如果您有一個工作空間；請加載。

 

現在單擊“時間軸”選項卡上的此圖標；讓我們製作一個新的時間軸或序列。

然後我們將獲得我們的時間軸設置：

• 將此時間軸重命名為 POCHI

• 幀率：12 FPS

• 播放時間：24

• 圖像插值：我要平滑

• Frame Start：我們從 1 開始；所以更容易遵循。

 

完成後單擊“確定”。

動畫：Light Ver 1

首先，讓我們做燈光動畫。

如您所見，我將其標記為版本 1；我會做兩個版本。

 

首先是燈光閃爍

其次是燈光的開和關

 

第一個將是閃爍。

 

現在，讓我們在鍵盤上創建一個新的光柵層或 CTRL SHIFT N。

讓我們重命名這個 Light_1

讓我們得到我們的[漸變]工具>確保它在[前景到透明度]上。

將形狀更改為圓形或橢圓形，我要去 [橢圓形]。

選擇此路燈的顏色，或按住鍵盤上的 ALT。

鼠標變為吸管>，然後獲取顏色。

好的。現在我們做一盞燈。

 

單擊此光源的中間 > 拖動鼠標並嘗試畫一個圓圈

固定角度 > 然後再次單擊以鬆開。

 

好？

 

我們可以更改混合模式以使其與繪圖更加匹配；我要去疊加。

 

現在讓我們進入時間軸區域。

 

確保 Light_1 圖層被選中 > 然後我們點擊 [Enable Keyframes on this Layer]

你會在圖層命名上看到這種“變換”，

 

這意味著該層現在已準備好關鍵幀。

 

首先，請確保您位於 [Operation] Tool > [Object] Sub Tool 下

在 [工具屬性] > [變換] 選項下

讓我們去這裡[圖層不透明度]

 

在我們開始之前，請務必檢查您的關鍵幀插值。

我們將使用 [SMOOTH] 插值處理 Light_1 層。

現在，將您的播放頭拖到時間線的最開始。

FRAME 1 – 添加一個 [Layer Opacity] 關鍵幀

 

如果要在時間軸上查看關鍵幀，請單擊 Light_1 圖層旁邊的 + 圖標。

 

現在我們轉到第 6 幀並再次返回到 [圖層不透明度]；將此滑塊移動到至少 50%——它會得到一個關鍵幀。

現在在 FRAME 12 上，讓我們將該值恢復為 100；只需移動滑塊，它就會自動獲取關鍵幀。

好的。

試著玩那個。

 

光線正在改變不透明度，對吧？

讓我們繼續。

 

⭐ 如果您想複製和粘貼一些關鍵幀。

您必須選擇關鍵幀 > 右鍵單擊複製 > 然後轉到您想要的時間 > 右鍵單擊粘貼

 

或者

 

⭐選擇要復制的關鍵幀；

例如，鍵盤上的 50% 和 100% > Hold ALT

將關鍵幀拖到您想要的位置。

 

然後放手。

 

我們現在復制粘貼我們的關鍵幀。

好的。

 

讓我們再試一次。

看起來不錯。

做得好。

 

再次，

將結束關鍵幀移動到時間線的最末端，尤其是在您想要進行循環時。

 

為什麼我們需要這樣做？

 

⭐ 因為開始 Key 是半幀，而結束 Key 是相同的值但在 1 幀播放。所以相同的值在 1 幀半播放。

這有點長，特別是如果您要循環播放。

 

⭐因此，當我們將結束鍵移到時間線的末尾時，現在為半幀，與開始處相同。

使兩個關鍵幀（第一個和最後一個）具有相同的值以在一幀播放。

 

好？

 

然後我只是移動其他關鍵幀以與時間軸上的標記對齊，因為它困擾著我並且它使時間更加同步。

 

當你玩這個時：

這種變化很微妙，但如果您想在沒有凍結幀的情況下創建循環，它會有所幫助。

動畫：Light_Ver2

現在讓我們製作 Light_2

我們將在後面為這些燈設置動畫。

這是開燈和關燈

再次，創建一個新的柵格圖層或 CTRL Shift N；將其重命名為 Light_2

獲取您的 [漸變] 工具 > [前景到透明度] > 形狀； [橢圓]

*此時，您應該仍具有與路燈相同的前景色。

***我不知道如何用英語解釋這個。

 

在後面為這些做備用的小燈。

備用！

 

✦ 可選：將混合模式更改為 [顏色減淡] 或您想要的任何變亮或對比度混合模式。

✦ 您也可以根據需要更改色相。

只需在鍵盤上轉到“色相和飽和度”或CTRL U>更改“色相滑塊”即可

現在，再次創建一個新的柵格層； CTRL Shift N 在您的鍵盤上；

將其重命名為 Light_2 1 - 該層將用於我們之前跳過的替代光。

獲取您的漸變工具 > 前景到透明度 > 形狀橢圓，然後在剩餘的燈光上添加漸變。

-------------------------------------------------- ------- 

現在我們製作動畫。

 

單擊 Light_2 和 Light_2 上的 [Enable Keyframes on this Layer] 1

 

確保您在 [Operation] Tool > [Object] Sub Tool > On the [Tool Property] > [Layer Opacity]

可是等等。

 

更改關鍵幀插值；就在這兒。這個箭頭。點擊這個；將此更改為 HOLD。

⭐ HOLD 插值保持關鍵幀，直到您將其更改為另一個值。

 

因此，我們將為這個 Light 使用 HOLD。

 

讓我們現在開始。確保您處於時間線的開頭；框架 1。

在 Light_2 上 - 在 100% 處添加關鍵幀

在 Light_2 1 上 - 在 0% 處添加一個關鍵幀

現在我們搬家；讓我們進入第 7 幀。

在 Light_2 上 - 將圖層不透明度的值更改為 0%

在 Light_2 1 上 - 將圖層不透明度的值更改為 100%

讓我們嘗試滾動播放頭。

看？

⭐讓我們稍微談談保持插值。

讓我們隱藏 Light_2 1 層

 

開燈_2

第 1 幀的值為 100%，它將保持該值，直到下一個不同值的關鍵幀在 7 日，即 0%

 

好？簡單吧？

 

現在讓我們取消隱藏 Light_2 1

只需複制並粘貼這些值

 

⭐ 選擇關鍵幀並按住鍵盤上的 ALT

將關鍵幀拖到您想要的位置

確保對 Light_2 圖層執行相同的操作！

就是這樣。

 

播放：

動畫：閃爍

現在讓我們來看看閃爍

 

我們將處理我們之前所做的眼睛表情。

在 Open_Eye 和 Close_Eye 上單擊 [Enable Keyframes on this layer]。

確保您在 [Operation] Tool > [Object] Sub Tool > 在 [Tool Property] > [Layer Opacity] 下

順便說一下，我們將停留在 HOLD 插值。

好的？！

開始添加關鍵幀。

 

⭐ 我們不一定需要總是從時間線的開頭開始，好嗎？

我們可以從某個地方隨機開始，例如在 FRAME 5

 

讓我們為 FRAME 5 上的 Open_Eye 和 Close_Eye 添加一個關鍵幀

動畫將從波奇睜開眼睛開始。

 

Open_Eye 將是 100%

Close_Eye將為0％

然後我們轉到FRAME 9；因為波奇現在會眨眼了。

 

所以，Open_Eye 將為 0%

而 Close_Eye 將是 100%

 

讓我們滾動一下：

你能看到嗎你能明白嗎？簡單吧？

 

讓我們繼續，因為波奇需要睜開眼睛

假設第 11 幀；

 

Open_Eyes 現在將是 100%

而 Close_eye 現在是 0%

 

讓我們這樣玩：

波奇又想眨眼？

 

複製將這兩個關鍵幀粘貼到Close_Eye上； 100% 和 0%

也從Open_Eye複製粘貼這兩個； 0% 和 100%

 

⭐再次;選擇關鍵幀 > 按住 ALT 並拖動以復制和粘貼。

 

*確保對 Open_Eye 層執行相同的操作。

 

讓我們玩那個。

好的。就是這樣。很簡單吧？

 

⭐讓我們回顧一下。

 

FRAME 21 – 如果波奇想眨眼

 

Open_Eyes必須為0％或隱藏。

以便 Close_Eyes 可見或 100%

 

當波奇想要睜開眼睛時

 

FRAME 23 – 現在必須隱藏閉上眼睛

這樣我們就可以使 Open_Eyes 可見。

 

你明白了嗎？

 

快來試試吧~

現在波奇眨眼

（她經常眨眼……）

導出動畫。

用於導出動畫；我最喜歡的方法是圖像序列。

我更喜歡自己製作 GIF 和電影，這樣我就可以控制一切。

 

出口；

轉到 [文件] > [導出動畫] > [圖像序列]

圖像序列將逐幀導出我的動畫；所以它將是圖像而不是視頻類型。

 

這些設置看起來令人生畏，但請確保您選擇了導出目的地。

檢查您的圖像類型； JPEG沒問題。

檢查你的尺寸。

 

還要檢查您的幀數和幀率。

 

完成後，只需單擊“確定”即可。

 

然後，圖像將位於文件夾的目標位置，您可以將其扔到可以執行GIF或視頻編輯的任何軟件上。

我通常在 Photoshop 上製作 GIF。

Premiere Pro 上的電影或視頻。

 

網上也有資源

對於 GIF； https://gifmaker.me/ 和 https://ezgif.com/maker

對於視頻；您可以嘗試使用 MakeAVI http://makeavi.sourceforge.net/

或 Easy video maker https://www.easymakevideo.com/

 

 

完畢！ |要下載的文件 |下一個練習 →

好的！這就是初學者基本練習。

 

下一個練習是初級動畫；我們將討論動畫閃爍。

一些簡單的嘴巴動作，簡單的頭髮動畫。使用陰影和燈光。導入和使用素材，我們也會處理一些問題，好嗎？！

那會很長，所以堅持下去。

再次，POCHI 的文件在這裡

隨意下載它們，以便您可以自己嘗試這些。

 

⭐⭐ 下一個主題將被延遲 ⭐⭐

我有一點緊急醫療事故。

下一個話題已經錄好了，只需要把它們組裝起來。

我真的很想分享下一個主題，因為它真的很可愛很簡單！！

(ﾉ◕ヮ◕)ﾉ*:･ﾟ ✧ ﾟ

 

請等待！

 

做好防護，戴口罩。洗你的手。

我們下一個話題再見。

 

乾杯!