使用圖形工具繪製和製作動畫

3,506

ipokegear

ipokegear

介紹

大家好!感謝您查看本教程。今天我想分享一下CSP圖形工具的基礎知識,以及一個使用圖形工具製作動畫的例子!

 

我將在這裡查看摘要,但我強烈建議您查看下面的視頻以了解更多詳細信息以及視頻指南! ^^

1. 什麼是圖形工具?

使用圖形工具,您可以輕鬆創建簡單的形狀,例如直線、曲線、圓形等。

您可以在我上面展示的圖像中找到圖形工具。

在本教程中,我將介紹這個 Direct Draw 子工具的基礎知識。

在開始之前,請務必先創建 VECTOR LAYER!

您可以通過它旁邊的圖標註意到矢量圖層。

 

為什麼要使用矢量圖層?這樣你的行就可以編輯了!

這對於圖形工具很重要,因此請確保在繪製前重新檢查。

2. 直線、曲線和套索填充

直線和曲線工具非常簡單,您只需單擊並拖動即可創建直線。

對於曲線,您可以再次拖動並單擊以調整曲線。

 

如果在拖動時按住 Shift,則可以在水平、垂直或對角軸上對齊線條。

 

套索填充有點不同,它不能用於矢量圖層,所以你必須使用光柵層。

基本上,您可以使用它來快速填充您選擇的區域。

你可以用它來快速繪製符號或其他東西..(我不經常使用它)

3. 矩形、橢圓和多邊形

對於基本形狀,我們可以使用矩形、橢圓或多邊形工具。

像往常一樣,單擊並拖動以創建對象。按住 Shift 可製作完美的圓形、方框或多邊形。

 

對於多邊形,您可以編輯角的數量(三角形、菱形、六邊形等)

您還可以編輯拐角的圓度。

 

還有其他周長,如填充、調整角度、不透明度等。

隨意嘗試並根據您的需要使用它!

4. 折線、連續曲線和貝塞爾曲線

使用折線,您可以創建一系列直線。

每當您單擊時,它都會根據最後一個點繼續創建線條。

 

連續曲線和貝塞爾曲線也是如此。

不同的是,您可以通過單擊和拖動來調整曲線。

貝塞爾曲線有點混合曲線和直線。

您可能嘗試過這些工具並自己思考..

“怎麼不讓這東西多說幾句……?!”

 

好吧,有 3 種方法可以停止這些工具:

1) 如果您按 ENTER,您將停止基於最後一個光標的行。

2)如果你點擊ESCAPE,你基本上會撤消所有的行。

3) 如果您按住 CTRL 然後單擊,您將停在最後一點。

5.編輯線條和形狀+矢量橡皮擦!

假設我們得到了形狀但有點亂,我們可以改變它嗎?

是的!只要我們使用 VECTOR LAYERS,我們就可以輕鬆編輯它們!

 

您可以使用 OBJECT TOOL 編輯點、線和曲線(快捷鍵:O)

單擊對象,選擇該點,然後根據需要對其進行編輯。

 

對於更高級的校正,您可以使用 CORRECT LINE TOOL(快捷鍵:Y)

您可以添加/刪除點,單獨調整許多內容。

 

您還可以僅使用對象工具來編輯線條粗細

只需選擇對象然後更改參數,它就會改變整個形狀!

如果您正在使用矢量圖層,還有一件更有用的事情:橡皮擦工具!

您可以使用默認橡皮擦,只需確保選中矢量橡皮擦

 

矢量橡皮擦有三個選項:

1)左邊的讓你像往常一樣像刷子一樣擦除

2)中間的可以讓你擦除相交線

3)正確的可以讓您一起擦除所有線條

快速提示:始終使您的線更長,然後稍後刪除交叉點。

這也適用於形狀......所以它非常整潔!

6. 使用圖形工具繪製藝術線條!

現在我們已經掌握了所有基礎知識,讓我們在繪圖中嘗試一下!

我將在這裡解釋從線稿到動畫的過程,但我強烈建議您在介紹中查看我的 youtube 視頻..因為使用視頻指南會更容易理解 ^^;

 

我也鼓勵你在閱讀/觀看時嘗試這個,這樣你就可以告訴我你做了什麼! :D

 

第一件事是素描。在這裡,我使用默認畫筆繪製了一隻貓(?)的草圖。

接下來我們將使用圖形工具製作線稿!我所做的是:

  • 我使用了與我想要的形狀接近的工具。

  • 使用對象工具調整位置和曲線。

  • 使用矢量橡皮擦刪除相交線。

 

但是,我沒有擦除身體中的交叉點,因為我稍後可能會對其進行動畫處理。

7. 使用時間軸!

首先我們要打開時間軸窗口(windows>timeline)

如果您的時間線為空白,您可以單擊添加新時間線。

對於本教程,我使用了 12 fps 和 24 幀持續時間..以便 CSP Pro 用戶也可以嘗試。

 

要製作動畫,我們需要創建動畫文件夾。

之後,我們將貓的線稿放入動畫文件夾中。

 

不要忘記將其重命名為“1”,以免以後混淆。

(這是因為 CSP 會自動用數字重命名下一層)

“哦不,我把它放到動畫文件夾後,圖紙就沒了!”

您必須選擇指定單元格(帶有鏈的圖標),然後選擇您的圖層名稱。

這會將您的圖層放入時間軸!

 

快速提示:不在時間線上的圖層只是被存儲。

您必須指定單元格以使其出現並具有持續時間!

接下來,我簡單地複制貓的矢量圖層(右鍵單擊 > 複製圖層)。

然後在第一個旁邊指定單元格 2 或 3 幀。

 

接下來,我們編輯繪圖層編號“2”。我只是要使用變換工具來改變眼睛。

您可以打開 ONION SKIN 以輕鬆查看上一張/下一張繪圖。

 

重複繪製“3”的步驟.. 複製,單擊時序,指定單元格,編輯。

使用您的時間軸!

使用指定工具重用您製作的繪圖。

 

比如我的眨眼貓時間線其實是這樣的:1 - 2 - 3 - 2 - 1

所以它實際上只有三張圖!

我也試過讓貓揮手並移動它的尾巴..但你也可以自己探索它!

滿意後,我繼續使用橡皮擦工具刪除相交線。

沒錯,你必須對每一層都這樣做......所以享受你的時間吧! :'D

 

這是最終的線稿時間線和動畫預覽:

8. 著色、著色和整理!

現在線條已經完成,讓我們繼續著色!

為此,我們必須創建另一個動畫文件夾。

但是在文件夾中,這次我們將創建 Raster Layer 而不是 Vector。

 

將彩色動畫文件夾放在線稿動畫文件夾下。

遵循線稿的指南,我們只需使用填充工具將其塗上顏色。

 

不要忘記製作新圖層並再次像線稿中指定單元格。

過程非常相似,但這次我們有一個時間指南。

所以我們只需要匹配線性動畫時間。

至於Shading,在顏色動畫文件夾上方用Multiply裁剪一個新層。

我用顏色填充乘法繪圖,刪除一些部分,然後調整色調和飽和度。

這只是靜態且簡單的著色,因此請務必播放並重新檢查錯誤。

 

接下來,我在單獨的圖層中添加一個投影,放置在顏色下方。

隨意添加更多效果,如漸變、更改線條顏色等。

現在對於背景,在本教程中,我使用了 CSP 的默認材質。

要使用它,只需拖放材質並將其放置在投影下方。

 

您還可以使用 2D 相機文件夾添加縮放運動。

首先,移動相機文件夾內的所有文件夾和圖層。

 

接下來,單擊添加關鍵幀按鈕。這將是相機文件夾中的第一個關鍵幀。

選擇第二個關鍵幀的時間,然後單擊添加關鍵幀。

現在,在要編輯的關鍵幀中,使用對象工具調整相機大小。

 

如果未顯示相機移動,請轉到動畫 > 播放設置 > 確保選中“渲染 2D 相機”

 

您可以調整一些內容,例如移動關鍵幀和測試動畫。

最後,要導出為視頻,請單擊文件 > 導出動畫 > 電影

(如果您確實使用相機,請務必檢查應用 2D 相機效果)

 

或者您可以將其導出為動畫 GIF。

(它將小得多並循環播放)

關閉

這是最終的結果! (動畫 GIF)

非常感謝您閱讀本文或觀看視頻直到最後。這是我的第一篇教程文章,所以如果我犯了一些錯誤,我深表歉意(如果它太長了,請原諒,哈哈)。

 

我仍在使用我的 Youtube,併計劃在未來發布其他教程。它仍然很小,所以非常感謝每一個支持!

 

我也很好奇你們用這個教程做了什麼..

隨時在下面的評論中告訴我! :D

 

最後,希望您喜歡本教程並發現它對您有所幫助!

保持安全並度過美好的一天! ^^

 

留言

最新

最新官方