萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)

class="area">

本例為Flash CS3仿真藝術設計系列教程,在本Flash教程中我們將繼續學習如何運用圖層簡單實現傳統數字動畫效果,在上一課中我們學習了從繪制線條、合並圖層、清除線條等技巧,今天我們來了解顏色填充,筆刷添加陰影,關鍵幀的處理等技巧,希望能給朋友們帶來幫助~~

上一課:Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫(5.19)

傳統數字動畫(續)

11. 當所有的線條都連接起來並清掃完畢。現在選一種顏色開始填充。你將手動地填充所有的關鍵幀。Flash沒法自動地幫你完成。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

12.有時你會發現在你的圖片中有一塊區域沒被填充顏色。這常常是因為頭與眼睛間有一個缺口。用選擇工具,拖動線條的端點,使它們形成閉合的圖形。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

13.讓我們將這個效果發展到下一個層次,添加一些陰影。在動畫層上面添加兩個層,畫兩個形狀在新的圖層上。使用30%透明度的顏色。確定筆刷的平滑度為100.細一點的筆觸更好一些。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

14.在兩層的最後一幀插入關鍵幀。將左邊的形狀向左邊移20 像素,同將右邊的形狀向右邊移20像素。用選擇工具根據角色調整輪廓,添加形狀補間。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

15.記得先前保存的這個動畫的版本嗎?打開它,找到包含角色輪廓線的圖層。選擇它們復制/粘帖它們到一個新的文檔。你將使用這些線條“切割”遠處你不需要的陰影。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

16.選擇所有的層的所有幀,將它們轉換為關鍵幀(F6).保持它們被選擇,從補間下拉菜單刪除補間(屬性面板)。使用Merge Layers JSFL擴展合並所有的層(命令> Merge Layers).

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

17.打開編輯多個幀工具確定括號括住了所有幀。選擇全部 (Ctrl + A) 然後打散(Ctrl + B),合並成閉合形狀。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

18.從先前的步驟中復制所有的幀,然後將它們復制在陰影層之上的一個新圖層中。確定其它的圖層都已上鎖,打開編輯多個幀工具,選擇所有的線條,將它們的顏色改為大紅色或與角色相對照的什麼顏色。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

19.關閉編輯多個幀,將包含陰影動畫的兩個圖層解鎖。選擇這三個圖層的所有幀,然後,執行 命令> Merge Layers 將它們壓縮為一個圖層。刪除兩個空的圖層。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

20.使用選擇工具單擊形狀外的任一地方,釋放它們。選擇角色輪廓線以外的陰影區域刪除它。為所有的關鍵幀重復這個步驟。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

21.最後的步驟是雙擊紅色的線條(雙擊可選擇全部的線段),刪除它。為每個關鍵幀重復這個步驟。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

22.接下來,測試你的影片,享受你的成果。當你想添加一些寫實的或戲劇情節時這個技巧很棒。但記住要在開始疥做好計劃,以避免花更多的時間去修改。

Flash cs3教程:仿真藝術設計系列之簡單實現傳統數字動畫續(5.20)_網頁設計家園

提示:
Flash中的形狀補間是一種巫術。結果常常是難以預料的,它依賴於對象所包含的矢量點。最大的建議是,如果你要使用補間,請盡可能保持你的形狀的簡單。這就是為什麼我在第14步選擇插入關鍵幀並使用與第1幀相同的形狀。我知道它們有同樣多的矢量點數量,使我的補間形狀更容易成功。如果有一個形狀在補間過程中出現匯聚,你只稍微編輯它們一下就行了。

效果演示:

對本文感興趣的朋友可以到這裡提交作業、老師會為作業點評、加分:

copyright © 萬盛學電腦網 all rights reserved