帶有變換功能的簡單動畫對稱背景

4,576

viciaia

viciaia

大家好,我將在本教程中向您展示使用Clipstudio變換技術創建對稱背景的非常簡單的方法。這不僅節省了您在繪製所有內容上的時間,而且還為您的背景創造了驚人的效果,而無需專業的角度知識!

設計對稱外觀

在為您的藝術設計對稱背景之前,您必須首先知道它是如何對稱的。例如,我以通向中心的1點視角設計了航天器中隧道的背景。

 

最基本的單點視角就是這樣的房間

 

在房間的每個角上繪製平行線,以在房間中創建更多側面。

現在我們有8面房間

 

通過在相反的兩面製作相同的細節,在每一面添加一些細節

您還可以計劃非對稱細節,以便以後添加

現在我們可以看到,背景(不包括面板)在垂直軸上是對稱的。

而且在水平軸上也是對稱的

使用這種模式,我們將只畫出一側,然後在另一側重複。

然後稍後添加其他面板,以使其看起來不太對稱(可選)

步驟1:準備背景文件

對於背景,它將由3面牆組成。

 

將它們繪製在單獨的文件中。

 

讓我們開始吧..

 

1:側壁

 

創建一個新的畫布,並啟用用於繪製牆的網格

 

然後使用菜單[網格/標尺設置]設置網格

 

將間隙設置為更多像素,以便繪製

 

啟用菜單欄上的[對齊網格]

使用矩形工具繪製牆的圓柱細節

 

確保每個條之間的間距相同。

 

使用矩形選擇工具進行作物選擇。

像這樣做出選擇來裁剪區域

 

我還將在以後計劃一個無縫模式,因此最後一個空格和第一個空格的間隙匯總將等於中間的間隙大小。

 

轉到[編輯>裁剪]裁剪圖像

您將在背景的一側獲得一塊無縫圖案

要添加燈光效果,請複制條形圖層(將圖層拖動到[New layer]圖標)

應用模糊濾鏡,請轉到[濾鏡>模糊>高斯模糊]

調整條的模糊強度

然後鎖定模糊層的透明層,選擇淺色,然後將其填充到該層[Alt + Del]

可選:複製另一層,將其移回一點並填充淺色以增加列的深度

如果您想要更強的光,則可以復制光層。

您還可以使用圖層混合模式[添加(發光)]創建燈光效果。

完成後,以Clipstudio格式(.clip)保存文件

2:燈條

 

創建一個具有較長寬度的新畫布。這將是循環動畫的長度。

 

使用折線工具繪製箭頭,將線/填充模式設置為填充,然後一一繪製箭頭。

注意:移動工具不會捕捉到網格。我建議一遍又一遍地在網格上繪製。

 

將圖形稍微移到前面可以留出一些空間,請確保左邊緣的間隙等於每個三角形之間的另一個間隙。

 

移動時按住[Shift]將使其與舊位置的水平方向對齊。

 

為燈光效果創建一個新的柵格圖層,然後使用[前景轉為透明]模式繪製漸變,將邊緣處理設置為反轉模式,然後將漸變拖動到畫布上。

擦除另一個梯度波,僅保留一個。

將圖層轉換為[圖像素材圖層]

您將看到漸變對象的中心點

拖動它以使漸變的中心與圖像的邊緣對齊。

將漸變剪切到箭頭上,將使箭頭欄變得容易發光

這些是燈光移動動畫的基本步驟:

 

創建一個新的時間軸,並設置幀速率,這裡我使用12 fps和30幀長度。

 

啟用圖層關鍵幀以為燈光設置動畫

在時間軸的開始和結束處添加新的關鍵幀(使用線性插值模式)

單擊最後一個關鍵幀,將漸變移到最前面,這將為燈光創建簡單的移動。

如果要使其成一個循環,則需要使動畫的開始和結束與顯示的相同,在進行動畫製作之前,複製對象並將其粘貼到前面

 

這將是循環動畫的起點和終點

 

而不是單獨移動對象,而是將所有漸變圖層放入文件夾中,並啟用文件夾上的圖層關鍵幀將它們一起移動

對於將漸變作為文件夾一起移動,您可以看到它製作了循環動畫,但是在循環中仍然存在一些眨眼的間隙。

您需要3個漸變以使其完全平滑,並儘可能均勻地調整間隙。

要創建發光效果,我複制箭頭欄,然後將模糊效果應用到

還復制淺色圖層文件夾,將其移到最上層,然後將箭頭圖層的圖層模式設置為[Add(glow)]

向下調整不透明度,您將獲得非常簡單的發光效果

完成後,將其保存到剪輯工作室文件(.clip)

 

3:地板

 

對於地磚,我僅使用網格上的折線工具繪製一張地磚

 

使用前景到透明模式來創建金屬光澤效果

 

注意:確保它在水平軸上仍然對稱

 

然後將其裁剪為一個圖塊,即可使用。

總之,您將具有3個用於製作背景的剪輯工作室文件

步驟2:通過變換將圖像組合到背景中

從草圖中,裁剪出一個與另一個對稱的零件。

 

使用選擇工具選擇區域,然後單擊[編輯>裁切]

將圖像調整為更大的尺寸,以避免以後調整圖像尺寸時質量下降。

 

[文件>更改圖像分辨率]

 

創建一個新層,並使用折線工具繪製背景。

將牆對象導入畫布,轉到[文件>導入>創建文件對象]

使用“對象”工具將對象調整到框架。

在工具屬性面板中,將模式選擇為[Perspective],這將允許您在一對平行節點中調整牆圖像。

調整圖像以適合框架,您可以縮小以查看對象的整體邊框

使用[縮放]或[縮放/旋轉]模式縮小對象的寬度

另外,取消選中[保持寬高比]以僅調整圖像的一側尺寸

在工具屬性面板中,啟用平鋪並將平鋪設置為水平重複

在地板上重複上述步驟

對於動畫欄,我們需要首先為圖像創建時間軸。

 

重要:使用與bar文件相同的設置

 

選擇第一幀並將其導入文件對象。[文件>導入>創建文件對象]

像其他部件一樣將其調整到框架。

創建一個新層並將顏色填充到末端區域或圖像中,並根據需要進行調整

您將像這樣獲得背景1面的動畫

如果色調不太匹配,請放心,您可以使用校正圖層進行調整。

 

我喜歡使用[色相/飽和度/亮度]調整色調

 

如果要使校正僅出現在一個零件上,請用零件層進行裁剪。

您也可以使用[Overlay]圖層模式將色調添加到圖像

我還畫了多餘的線以獲得更多細節

完成後,以clip studio格式(.clip)保存文件

步驟3:在圖片上套用背景

從設計中,我將圖章和女孩畫在單獨的剪輯工作室文件(.clip)中

刪除紙層以使背景透明

為組合場景創建一個新的畫布,並為時間線創建一個與背景文件相同的設置

然後將背景的文件對象導入畫布

將其移到一個角落

在“工具”屬性面板中的平鋪設置上,將其設置為反向模式

(就像魔術!!)

 

您還可以在對象工具中使用轉換模式將其縮放到您喜歡的比例

 

通過右鍵單擊時間線並[插入幀]來延長幀長度

您會在時間線上看到間隔,因為背景文件對象的幀號小於場景的幀號。

通過單擊標題以選擇整個時間條來複製時間線條

然後[右鍵單擊>複製]

然後貼在空白處吧

現在您可以擴展幀號

動畫將一起出現,做出一些很棒的效果!!

我將其他面板添加到空白區域以使其更加詳細

直接在牆上繪製將是一項複雜的任務,我啟用了網格並使用多個圖形子工具將其繪製在新圖層上。

 

這是一個有趣的任務^ _ ^

 

後來,我選擇了所有圖層並創建了自由變換[Ctrl + t]

 

(或[編輯>變換>自由變換])

您可以在工具屬性面板中找到轉換模式(與對象工具相同)

 

首先調整整體,然後再調整單個面板

 

您還可以使用翻轉將面板應用到另一側

選擇所有面板並合併圖層,然後鎖定圖層的透明

使用填充工具為面板填充多種顏色

複製面板層,應用模糊效果,然後設置為[添加(發光)]模式以將光效果應用到面板

將字符作為文件對象導入圖像

您可以使用[Add(glow)]圖層模式添加額外的光線

還有[Multiply]圖層模式的額外陰影

 

結果:

步驟4:場景的額外動畫

這是一個非常有用的技巧,可用於使用Clip studio轉換功能在關鍵幀之間創建關鍵幀。

 

我為角色製作了眨眼動畫,而沒有在關鍵幀之間繪製任何圖形,這非常簡單!!

 

眼睛必須與身體層分開,這裡我將眼睛層放在文件夾中

在時間軸上,創建一個新的動畫文件夾,然後將“ eye layer”文件夾放入其中

 

注意:為了方便在時間軸上進行訂購,我將文件夾重命名為“ 01”。

 

單擊第一個關鍵幀上的[Specify cels]圖標,將其顯示在畫布上,然後選擇用於眼睛關鍵幀的文件夾

通過將文件夾拖動到[New Layer]圖標來複製關鍵幀,它將自動將新文件夾重命名為“ 02”

指定要顯示在時間軸上的文件夾(右鍵單擊並選擇文件夾)

按住[shift]並選擇關鍵幀文件夾中的所有圖層

然後通過[編輯>變換>網格變換]創建網格變換。

 

它將為眼睛創建網格轉換

在工具屬性中,確保未選中[更改矢量寬度]

然後,您可以輕鬆地將眼睛調整為中間關鍵幀中間的一半

 

您可以使洋蔥皮能夠看到前一個場景,以便於調整

按[Enter]或單擊[OK]按鈕確認轉換。

 

對於完全閉合的眼睛,我繪製它。

重複(相反)使眼睛睜開的關鍵幀^ ^

注意:不要忘記設置時間線長度以匹配主要場景。

 

[重要!]必須先在角色文件中創建時間軸,然後才能將其導入到場景中,如果在此之後添加時間軸,則動畫將不會出現在場景中。

 

在場景中添加一些用於角色的浮動動畫,在時間軸的開始和結束處創建一個新的關鍵幀以創建循環動畫。

 

在時間軸中間處於活動狀態時,使用“對象”工具移動或旋轉對象,它將自動創建移動的關鍵幀

對於某些發光效果,可以啟用圖層關鍵幀並在時間軸上調整髮光層的不透明度

(單擊時間軸圖層上的[+]圖標以調整時間軸上的不透明度)

 

您還可以添加攝像機旋轉以使場景中的場景移動更多

 

創建新的2D相機文件夾

 

然後將需要移動的所有圖層與相機一起放入文件夾中

將相機縮小一點,以留出移動空間(確保您在第1幀處處於活動狀態)

然後在相機文件夾的時間線的末尾添加關鍵幀

在時間軸中間稍微旋轉相機以創建相機旋轉運動

您也可以切換到相機視圖以查看結果。

[可選]我還在場景中添加了一些全息圖效果

查看我有關全息圖效果的教程:

最後結果

我希望本教程為您提供一些使用Clip Studio的轉換功能的想法。

 

請放心在家,並享受Clip Studio的創作藝術!祝您有美好的一天,在我的下一個教程中見!

留言

最新

最新官方