哥德蘿莉塔紙娃娃:描線與動畫製作 [CSP Pro/EX]

29,398

viciaia

viciaia
自動翻譯 | 查看原文

Clip Studio 中的圖層關鍵影格一直是我最喜歡的功能,它能激發無限的藝術創作想法。在本教學中,我將向您展示如何製作一個動畫哥德蘿莉塔風格的紙娃娃,為樸素的描線藝術注入生命。這是一個很好的點子,可以用於社群媒體/社群上發布的傳統風格卡片,或是用於講故事的影片。

本教學也與 Clip Studio Pro 和 EX 版本相容。如果您還不熟悉 Clip Studio 的動畫功能,可以試試看。

 

這個過程也可以調整為在 Live2D 中進行動畫製作。

影片教學

查看影片,了解實際操作過程

設計元素

我只是簡單地設計了一個穿著哥德蘿莉塔裙的女巫騎著魔法掃帚的草圖姿勢

哥德蘿莉塔是一種受 19 世紀西方裙撐裙啟發的時尚。

 

哥德蘿莉塔風格的一些標誌性特徵包括深色布料、一些神秘或宗教符號、骷髏、蕾絲和褶邊。

嘗試將各種元素混合搭配,直到您獲得喜歡的設計。您可能需要從網路上尋找參考資料。

 

背景部分我會加入一些哥德式建築,您可以從參考資料中繪製,或者在 Clip Studio Assets 中以「Gothic」為關鍵字下載。

傳統風格的數位描線

為了讓墨水看起來傳統,我在「筆」子工具中使用紋理筆刷。

您可以在筆刷尺寸動態彈出視窗中設定壓力。

數位繪圖的墨水調整主要取決於觸控筆尖端的壓力。

只需點擊圖形線即可調整

筆壓圖形設定的一些範例

良好的筆壓設定會讓您在進行需要大量筆觸和壓力控制的完整描線工作時,較不容易因手部壓力控制而感到疲憊,同時也能延長觸控筆尖的壽命。

不過,壓力設定因人而異,有些人筆觸壓力較大,有些人則較輕。要找到適合自己的設定,可以嘗試描繪一些基本形狀。

 

這是我的設定。我握觸控筆時筆觸壓力較大,所以我將輸出設定得比平常小一點,這樣對我來說更容易繪製細線。

您也可以透過點擊核取方塊來啟用設定,提前進行另一種配置。

此外,防抖功能會在您的筆觸上增加一點延遲,以使墨水更流暢。

如果您在嘗試時搞砸了,可以點擊重設設定圖示重新開始 >_<”

現在您有了像傳統鋼筆一樣好用的筆,是時候開始描線了!!

步驟 1:描繪輪廓線

為了描繪輪廓,我在向量圖層上作業,這樣以後更容易編輯(也方便動畫中的部件分離)

 

將草圖線染成圖層顏色並降低不透明度。

然後建立向量圖層

開始繪製輪廓線,傳統描線風格必須精準控制每一條線的墨水,這需要時間才能完成,但使用向量圖層,我們可以大致繪製輪廓線並稍後再編輯。

確保啟用向量橡皮擦,以便進行線稿清理。

使用「線修正」子工具中的 [調整線寬] 來調整墨線粗細

增加輪廓邊緣的粗細

我也繪製了應該有陰影的粗線區域。

而在某些細節處,例如衣服的褶皺,則使用較細的線條。

在導航器和畫布的下邊緣,您可以旋轉畫布以配合手部的角度,就像傳統描線時旋轉紙張一樣。

我總是先完成整體輪廓,然後再填補細節,這樣可以讓解剖結構或衣服等形狀看起來清晰,並且在添加細節之前更容易發現錯誤。

 

在這個步驟修正形狀會比添加細節後更容易。

對於細節,建立一個新圖層並繪製細節,例如褶邊。

然後建立一個新的向量圖層並描線。

 

提示:將圖層顏色設定為輪廓圖層,以減少混淆。

從輪廓圖層擦除重疊的部分。

完成後,將細節圖層移動到輪廓圖層上方,然後選取兩個圖層並合併(按住 Shift 鍵並點擊兩個圖層,然後右鍵點擊 > 合併選定圖層)

請注意,如果圖層未按連接順序排列,則無法點擊該選單。

完成的輪廓線。

有關繪製褶邊和布料細節的更多資訊,我推薦 Mortinfamia 的這篇教學。步驟非常容易遵循 ^ ^

步驟 2:墨線陰影

在彩色作品中,我們可以透過應用光線和陰影來簡單地為繪圖增加維度。

但在單純的墨線藝術中,輪廓線墨水的粗細和細節將有助於展現維度。

最基本的陰影風格是在區域內使用平行墨線。這將簡單地為墨線藝術增添維度。

為了保持墨水整潔乾淨,您必須注意墨水的方向和線條之間的間隙。參考形狀的方向,或保持所有線條朝同一方向。

注意:當區域太大而無法舒適地拖動平行線時,您可以分割線條。只需確保線條的密度和方向控制良好即可。

 

墨線的大小和密度也用於陰影的明暗程度。

(光影之間的高對比度也會營造出閃亮的效果 ^_^)

其他物體也可能具有不同的墨線方向和風格,例如衣服或盔甲。

對於更進階的選項:交叉排線,只需確保它在所有區域都朝同一方向即可。

讓我們用平行描線風格為我們的娃娃上陰影。

 

在墨線圖層下方建立一個新的點陣圖層,並為陰影區域上色,作為陰影的參考。

在上方建立一個新圖層並開始描線,它可以是點陣圖層或向量圖層,最終我們都會將其點陣化。

 

留下一些有邊界的區域,使該區域看起來是分離的。(不會與其他區域融合)

 

 

繪製需要填色的封閉區域,然後使用 [閉合並填充] 工具填補間隙。

注意布料褶皺的方向和形狀

對於頭髮,我在應該有陰影的重疊部分添加了高密度墨線。其餘部分則依據頭髮方向添加。

皮革靴子的褶皺邊緣有高對比度的陰影,使其看起來閃亮。

我沒有在臉部添加陰影細節,以使其看起來更突出和乾淨。

刪除/隱藏灰色陰影圖層,就完成了!

步驟 3:準備動畫

我們必須首先設計娃娃的整體動作。

小女巫將在她的掃帚上上下浮動一個循環,然後永遠重複。

這看起來很紮實,因為除了女巫的位置外沒有其他動作。

向下移動時額外的關鍵影格將有助於使其看起來更自然,例如,當掃帚向下移動時,頭髮會向上飄動。

更有生氣了~ ( ‘ w ’ )/

我們將把娃娃分成獨立的部件來製作這個動畫

準備用於部件分離的圖層,一個是輪廓的向量圖層,一個是陰影的點陣圖層。如果您有更多圖層,只需將它們合併成兩個。

將紙張顏色設定為非白色,這是為了檢測部件的白色區域。

切換墨水的圖層顏色

(我總是將臉部圖層與墨線分開,以便以後編輯表情)

 

使用套索工具選取我們要分離的部件

將其複製並貼到新圖層

[Ctrl+C] > [Ctrl+V]

新圖層也會有圖層效果,點擊圖示將其關閉

隱藏墨線圖層,現在您可以使用橡皮擦工具移除不需要的線條。

也從原始墨線圖層中擦除該部分。(向量橡皮擦使其像魔法一樣輕鬆!)

將剪下的部分放入資料夾中,為資料夾命名並在下方建立一個新的點陣圖層

使用 [閉合並填充] 工具為部件應用白色

按住 [Ctrl] 並點擊圖層縮圖,從填充區域建立選取範圍。

(注意:您也可以右鍵點擊圖層 > 從圖層選取範圍 > 建立選取範圍)

然後選取陰影圖層,並剪下/複製選取區域上的陰影。

並將其貼到部件資料夾中,第一個部件就完成了!!

清理過程後,有些部分會產生大的開放間隙,

繪製額外的線條以完成形狀。然後重複填充和裁剪色調的過程。

您還需要在遺失的部分添加更多陰影。

對於背部的一些部件,增加更多區域以使其移動時不會出現間隙。

(使用捏合工具輕鬆調整線條)

 

在一些複雜的部件,例如裙子,用黑色區域將其分開,將使其更容易設計動作並保持無縫外觀。

完成後,您將擁有一疊部件資料夾。

右鍵點擊資料夾並 [檔案物件] > [將圖層轉換為檔案物件]

將區域設定為僅繪圖區域

然後將其儲存到一個資料夾中,您將得到一個像這樣的部件資料夾。

您可以透過右鍵點擊物件圖層來開啟檔案物件進行編輯。

該檔案將包含我們轉換的整個資料夾,您可以編輯部件或繪製更多細節。

部件已準備好進行動畫製作!!

步驟 4:循環動畫

娃娃的動畫將分兩個步驟移動,先向上再向下。像這樣

所以最終關鍵影格將分兩個步驟移動,向上和向下。

我在畫布上放置了參考線以進行調整。

建立新時間軸,前往「動畫」>「時間軸」>「新時間軸」

將時間軸的影格速率設定為 8,播放時間設定為 24。

 

這個設定也適用於 Clip Studio Paint Pro 版本。

每秒 8 影格可以將 24 影格的限制延長到 3 秒,並且仍然保持流暢循環。

如果時間軸面板遺失,請前往「視窗」>「時間軸」

建立循環的初始影格。

 

選取所有物件,然後啟用圖層關鍵影格。

在第一個影格和最後一個影格,建立新的關鍵影格(所有圖層仍然選取)

在循環動畫的概念中,第一個影格將是最後一個影格的下一個影格,這將確保最後一個影格與第一個影格相同。

 

在時間軸的中間建立一個新影格。

並將物件位置向上移動。

然後使用物件工具調整物件的位置。

第一個和最後一個影格

中間影格

透過兩步驟關鍵影格,您可以簡單地為娃娃賦予動作!

如果您注意到了,在最後一個關鍵影格會有短暫的停頓,那是因為第一個影格和最後一個影格顯示相同。

為了修正這個問題,在最後一個影格上,右鍵點擊並 [刪除影格],只刪除 1 個影格。

現在不會再有重疊的影格了。(您也可以透過選單 [插入影格] 向時間軸添加更多影格)

添加更多影格以創造另一個動作步驟,將使娃娃看起來更生動。

如您所見,影格不再有輕微的停頓。

然而,動作的時機仍然不流暢。調整關鍵影格的位置,不要動到開始和結束影格,以修正它。

對於眼睛,使用動畫資料夾來製作眨眼。

 

建立一個新的動畫資料夾。

然後繪製閉眼和睜眼的臉。然後放入動畫資料夾。

右鍵點擊動畫資料夾的時間軸,然後設定在哪個點擊位置顯示哪個影格。

這會讓眼睛眨眼,但位置尚未跟隨身體動作。

啟用關鍵影格並調整以符合身體動作。

為了讓它看起來像紙娃娃,請對每個物件應用邊框效果。

對於由許多物件組成的某些部分,在設定邊框效果之前將它們放入資料夾中,效果將僅顯示在外邊緣。

您也可以透過這些步驟添加更多角色。

此外,請確保動作與其他角色相關。

角色完成了!

步驟 5:完成背景

對於背景,我在另一個檔案中繪製了一些哥德式結構。

 

(我參考了哥德式建築的照片。^ ^)

 

使用尺規子工具中的此設定的對稱尺規來建立對稱繪圖。

您可以在我九月的教學中找到更多使用尺規的技巧:

而對於長區域的墨線陰影,請使用特殊尺規子工具中的平行尺規。

我製作了一個關於使用平行尺規建立排線墨線的小技巧影片,請在此處查看。

這是背景中一些哥德式柱子的簡易版本。

使用與紙娃娃檔案相同的設定建立新的時間軸。

然後將娃娃檔案匯入畫布 [檔案 > 匯入 > 建立檔案物件]

檔案物件可能包含背景顏色,請在物件檔案中刪除背景。

您也可以使用噴槍工具在新圖層上繪製星星。

使用圖層關鍵影格調整不透明度,使星星閃耀。

希望這篇教學能為您的作品帶來一些想法!!

描線愉快,動畫製作愉快!

留言

最新

最新官方