萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果

class="area">

本例為Flash CS3仿真藝術設計系列教程,在上一課中我們學習了如何正確制作人物動作的預測,在這一課中我們將學習如何演示繪制小雞的動畫效果,希望能給朋友們帶來幫助~~

5.17 繪制自已

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

大部分的常見技巧是在場景中用逐幀動畫繪制一個角色或對象自已的畫樣.盡管這個效果十分的麻煩,但你可以得到一個手繪的視覺效果.這個基本原理需要從一個完整的圖樣開始,然後在一系列的關鍵幀上,用套索工具切割圖樣,一直到最後的關鍵幀.當你播放動畫,圖樣將產生繪制自已的效果.同樣的效果也可在用遮罩顯示角色和對象時看到.我發現這個工作最好在有較強的顏色差異的線條空間上工作.讓我們看看怎樣在動畫中合並兩種技巧使雞產生繪制自己的效果.

1. 第一個步驟是需要花十年時間學習並繪制一張漂亮的鳥類的雞角色草圖.當然你可以跳過這個部分掃描一張我已經畫好的草圖.在photoshop中調整掃描的圖片到適合的尺寸,然後導入到flash中

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

2. 選中在舞台上已導入的掃描的草圖,將它轉換為影片剪輯.這將作為我繪制角色的參考.將它的透明度設為50%,這樣對照它繪制線條將更清晰.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

3. 在雞角色層之上創建一些層,將各個特別的部分分別放到這些層上.大至可分為頭,身體,臂,腿,眼睛和嘴.現在在參考層之上,新建一層,用畫筆工具畫出雞的身體的輪廓線.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

4. 當你畫好身體輪廓線後,選擇一種顏色填充它.然後,點擊已填充的顏色區域選擇它,然後,使用Ctrl+x切割它,在輪廓線下面新建一層,用 shift+ctrl+v粘帖這個填充.在其它層之上,畫翅膀的輪廓線.現在身體的三個圖層,一個是輪廓線,一個是填充,一個是翅膀.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

5. 用同樣的方法創建頭和其它部分.記住剪切和粘帖填充顏色到特別的層.如果你熟悉角色動畫,你已經在使用多層和層文件夾在工作了.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

6. 現在鎖住所有的層,然後解開身體輪廓線層.在第2幀插入關鍵幀,選擇套索工具(L),切掉一小節線條.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

7. 重復這個步驟,加入關鍵幀,切掉一部分線條,直到線條完全切完.選擇所有的幀,從右鍵上下文菜單中選擇”翻轉幀”.在其它的輪廓線層重復這個步驟.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

8. 創建每一個顏色填充被繪入的效果,在身體層之上增加一層將它轉換為遮罩層,畫一個不對稱的形狀,並將它轉換為元件.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

9. 在遮罩層的最後一幀插入關鍵幀,定位包含形狀的元件完全覆蓋雞的身體的填充.添加一個補間動畫.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

10,為每一個顏色填充層創建一個遮罩層,和遮罩形狀,創建補間動畫.發布你的影片,看看效果.

Flash cs3教程:仿真藝術設計系列之如何演示繪制小雞的動畫效果(5.17)_網頁設計家園

提示:替代套索工具來刪除小節線條,你可以使用橡皮擦工具.如果你在每一幀中刪除很大一塊線條,那麼動畫將很快且有跳躍,不流暢。

copyright © 萬盛學電腦網 all rights reserved