創建 PngTuber 頭像 |從概念到動畫
序幕
大家好,我是特雷貝爾,插畫家兼主播!
本教學旨在與大家分享我創建PngTuber頭像時的工作方法。我顯然將這種方法用於其他類型的內容,但今天,我們將重點放在 PngTuber 頭像!
請注意:
• 我最初使用PngTuber Plus 軟體,但該應用程式反覆出現的錯誤使我切換到Veadotube,因此我們將為後者創建一個頭像。
• 我用我的母語法語編寫本教程,因為我認為我沒有足夠的詞彙量來用英語編寫它。
1 |準備
在開始繪圖之前,我們必須先對我們的文件和工作區感興趣。
1.1|建立文件
無論是 Twitch 表情、在社群網路上發布的插圖還是頭像,我都喜歡以大格式進行創作。這確保了成品的良好質量,最重要的是,可以將插圖重複用於其他媒體:如果我想列印插圖或將其顯示在手提袋上,我不需要重做所有工作!
所以我首先創建我的文件。
我經常使用方形格式(特別是表情),格式為 2000*2000 像素。
我建議您不要使用白色背景,而是使用灰色或淺米色背景,這樣就不會太刺激眼睛。
1.2 | 1.2不同的工具
在本教程中,我將使用不同的工具,這些工具肯定會對您的創作有用,包括:
• 顏色設定
• 對稱工具
• 向量圖層
• 剪貼蒙版
• 混合模式
• 過濾器
2 |草圖:基本概念
拿出你的手寫筆,讓我們開始吧!
每幅插圖都以草圖開始。
2.1 | 2.1人物
我經常在開始繪畫時至少對自己想要實現的目標有一個模糊的想法,無論是一個簡單的概念還是一個更精確的想法。
在本教程中,我不需要考慮一個概念,因為我們將與斯科特合作,它是我的故事 “Tinkle 的詛咒” 中的一隻狐狸。
草圖階段可讓您定義許多賦予角色個性的東西:
• 比例
• 姿勢
• 表達式
在被說服之前,我畫了 3 個草圖,但請不要猶豫,進行盡可能多的測試,因為頭像必須符合你的個性和你的願望!
然而,僅僅創造姿勢和表情還不夠:現在我們必須打扮我們的角色。您還可以進行多次測試來找到完美的服裝。就我個人而言,斯科特已經有了一套明確的服裝,所以找到起來並不復雜!
選擇草圖後,為您試穿的每件服裝創建一個新圖層並使用不同的顏色,這將允許您:
• 輕鬆地從一套服裝切換到另一套服裝以做出您的選擇
• 隨時看到角色的身體,以便衣服的物理原理符合邏輯
2.2 | 2.2顏色
當您對角色和他的服裝感到滿意時,您就可以選擇他的顏色了!
顏色的選擇與角色本身一樣重要,因為正是有了顏色,您才能為角色增添更多個性並賦予他深度。看看這些顏色建議,親自看看!
我相信選擇顏色沒有什麼神奇的方法。跟隨你的直覺,嘗試一下,你就會找到你喜歡的顏色組合。
為了幫助您,您可以從照片、氛圍、調色板甚至寵物的顏色中汲取靈感!
就我而言,斯科特的顏色已經定義(右下角的紅色調色板),為本教程提出了其他建議,有些顏色實際上非常適合他!
顏色設定
Clip Studio Paint 中一個非常有用的工具是顏色集。
非常易於使用,它允許您保存顏色以便以後能夠重複使用它們:當您像網絡漫畫中那樣多次繪製相同的角色時,或者例如用於頭像動畫時,它很實用!
3 |字元表
在創建 PngTuber 頭像時,字元表不是必需的,但它可以幫助您保留寶貴的資訊。它可以採取不同的形式,甚至可以在您的網路上發布來呈現。
就我個人而言,我為故事中的人物創建表格,以保留幾個資訊:
• 插圖
• 姓名
• 基本資訊(根據故事而改變)
• 簡要說明
• 使用的顏色
3.1| L'插圖
對於字元表,您有 2 個解決方案:
• 在上下文中說明你的角色
• 從正面繪製角色的插圖,如「T 姿勢」
就我個人而言,我更喜歡將我的角色放在上下文中,這使紙張更加生動,但第二種解決方案可以更好地了解身體以及與角色相關的不同元素。暫時,隨你喜好。
對稱
要實現“T 姿勢”,最實用的工具是對稱尺。
對於一張紙來說,不一定需要對你的角色有不同的觀點。在我看來,這一切都取決於繪圖及其複雜性,但也取決於您打算如何使用角色。
在這種情況下,對於 PngTuber 頭像,我認為我不需要看到我角色的背面,所以這就足夠了。
陰影
我真的很喜歡用平淡的色調製作非常簡單的圖畫,但有時我也會添加陰影和燈光,這有助於營造氣氛或深度。
為了製作中性陰影,我通常選擇淡粉紅色作為暖色(例如黃色、橙色、紅色),並選擇淡藍色作為冷色(例如綠色、紫色、藍色)。
有了斯科特和他的暖色,我可以透過在顏色層上方添加陰影層來用單一顏色製作所有陰影。
產品模式及剪貼蒙版
陰影讓我可以談論兩個重要的功能。
• 產品模式:是一種混合模式,可讓您為下層著色。然後,所選的陰影顏色將適應您不同的平面顏色,從而在您的插圖中創造一致性。
• 剪貼蒙版:它允許陰影層適應下層。簡而言之,你的陰影永遠不會溢出顏色!
這兩個功能都可以直接在您的圖層中啟用。
過濾器
我主要對特定元素使用 2 個濾鏡:眼睛反射。
• 色差讓我在反射中加入色彩效果。
• 高斯模糊會使反射明亮。
我將這兩種效果與“添加(發光)”混合模式結合起來以獲得這個結果!
輪廓
我認為能讓你的角色栩栩如生的最後一步是輪廓顏色。將黑色輪廓轉變為彩色輪廓絕對會**改變一切!
若要為輪廓著色,只需在輪廓圖層上方放置新圖層作為剪貼蒙版,然後著色即可。
差別很明顯,對吧?
3.2 |床單
正如我之前所說,您的個人資料可以採取多種形式。就我個人而言,我喜歡有圖形和文字訊息,因為我為故事中的角色製作簡介,但你可以只使用插圖作為頭像。
為了讓您了解一下,斯科特的個人資料如下所示:
4 | PngTuber 頭像
現在角色已準備就緒,剩下的就是創建動畫,以便可以在 Veadotube 軟體上使用該頭像。
Veadotube 可讓您新增 4 個影像來使頭像移動:
• 閉嘴睜眼:基本狀態
• 張開嘴巴並睜開眼睛:說話時
• 閉嘴閉眼:使頭像可以隨機眨眼
• 張開嘴巴閉眼:使頭像在說話時可以隨機眨眼
4.1 |眼睛
有很多方法和途徑可以讓我們的角色眨眼。顯然,我將在這裡介紹我自己的方法。
我用 3 張圖像進行閃爍:
• 眼睛半閉
• 閉著眼睛
• 眼睛比基本狀態睜大一點
4.2 |嘴
為了產生言語的錯覺,我們使用與眼睛相同的原理,創造 3 個代表聲音的不同嘴巴:
• 發出 A 音的嘴
• 一張發出「I」聲音的嘴
• 發出 O 音的嘴
4.3 |集會
眼睛和嘴巴準備好後,就可以將所有這些元素組合在一起創造 4 個獨立的圖像:
• 1 巴布亞紐幾內亞
• 3 個 APNG(類似 GIF 的動畫 PNG,但品質更好)
將所有圖像匯出為 PNG 並訪問網站(例如此網站){https://ezgif.com/apng-maker},將其中一些圖像合併為 APNG。您最終應該得到下面的所有圖像。
例如,帶有粉紅色十字的圖像可讓您建立編號為 4 的 APNG 文件,並以粉紅色圓圈標記。
我建議您對眨眼和嘴巴速度使用相同的速度(延遲時間),因為 APNG 之一必須關聯兩者的運動!
當您擁有 4 個圖像(1 個 PNG 和 3 個 APNG)後,您可以轉到 Veadotube 應用程式並將它們按順序放置,如下所示:
現在您要做的就是透過對著麥克風說話來測試您的化身以獲得此結果!
5 |一些額外的提示
在我們離開之前,我想給您一些額外的提示,以幫助您創建頭像。
5.1 |赤裸的角色
PngTuber 頭像的運作方式與視覺小說中使用的角色相同,例如:角色可以有不同的表情或不同的衣服。
對於我們的化身,我們可以想像透過修改眼睛和嘴巴來添加憤怒、恐懼或悲傷等表情,然後在 Veadotube 中添加新的狀態。
對於我在流中使用的 PngTuber 頭像,這是一隻小貓頭鷹,我添加了第二個狀態,憤怒。我可以在鍵盤上定義一個鍵或建立一個宏,一鍵從一種狀態切換到另一種狀態!
對於換裝,也是相同的原理,只需繪製新的服裝並重新導出所有圖像即可。
因此,我強烈建議您始終製作角色的「裸體」版本,如下例所示,以便能夠輕鬆更改他的服裝,而不必每次都重新繪製所有內容,這會節省您的時間。
5.2 | 5.2向量層
我認為 Clip Studio Paint 的主要功能之一是向量圖層。
向量圖層可讓您像在普通圖層上一樣進行繪製,但能夠修改特定線條的粗細或放大和縮小圖層,而不會面臨品質下降的風險。就我個人而言,我使用向量圖層作為輪廓,這使我可以輕鬆地在裸體上添加衣服!
複製整個裸體角色資料夾(在我這邊,該資料夾包含顏色、輪廓、輪廓顏色和眼睛高光)並為衣服創建一個新的向量圖層。衣服完成後,您可以透過向量橡皮擦刪除任何突出或看不見的東西。
正如你在下面的縮時攝影中看到的,我首先乾淨地完成了整個裸體角色,然後製作了穿衣服的版本,然後我為動畫製作了不同的眼睛和嘴巴!
6 |結論
恭喜,您已完成本教學!
這是我的第一個教程,感謝您堅持到底。我希望我說得夠清楚、夠精確,我希望我能幫助你創造你的頭像並回答你的問題!
再次感謝您關注我的解釋,親吻♥
留言