網(wǎng)絡(luò)動畫設(shè)計與制作

以培養(yǎng)讀者的職業(yè)能力為出發(fā)點(diǎn)，結(jié)合網(wǎng)絡(luò)動畫制作員職業(yè)崗位的需求，設(shè)計了畢業(yè)生“小周”在實(shí)習(xí)期間完成一系列動畫項(xiàng)目的工作情境。

以真實(shí)的網(wǎng)絡(luò)動畫項(xiàng)目為載體，以其完成過程為主線，將Flash軟件技術(shù)和項(xiàng)目開發(fā)經(jīng)驗(yàn)、相關(guān)知識等融入案例中，建立工作任務(wù)與知識、技能的聯(lián)系，使讀者不僅能學(xué)會軟件技術(shù)，還能獲得實(shí)際工作經(jīng)驗(yàn)。

按照認(rèn)知能力的形成規(guī)律進(jìn)行內(nèi)容編排，案例由淺入深、循序漸進(jìn)，符合學(xué)習(xí)認(rèn)知規(guī)律。

Flash是一個非常優(yōu)秀的交互式矢量動畫制作軟件，它以矢量技術(shù)和流式控制技術(shù)為核心，制作的動畫具有短小精悍的特點(diǎn)，所以特別適用于創(chuàng)建通過網(wǎng)絡(luò)傳播的動畫內(nèi)容，被廣泛應(yīng)用于電子賀卡、動畫短片、動畫MTV、網(wǎng)頁廣告、交互網(wǎng)站、網(wǎng)絡(luò)游戲、多媒體課件等眾多領(lǐng)域，已經(jīng)成為當(dāng)前網(wǎng)絡(luò)動畫設(shè)計最為流行的軟件之一，也成為各中高職院校計算機(jī)多媒體專業(yè)、數(shù)字媒體專業(yè)、動畫專業(yè)、網(wǎng)絡(luò)專業(yè)等的必學(xué)內(nèi)容。

有關(guān)Flash的書籍非常多，一般是圍繞Flash軟件技術(shù)或動畫效果來組織內(nèi)容，本書則是以真實(shí)的網(wǎng)絡(luò)動畫項(xiàng)目為載體，按照項(xiàng)目的制作過程進(jìn)行編寫。全書共有七個項(xiàng)目：

項(xiàng)目一為準(zhǔn)備網(wǎng)絡(luò)動畫創(chuàng)作環(huán)境，主要使讀者理解動畫制作原理和創(chuàng)作過程，了解Flash的應(yīng)用范圍、發(fā)展及特點(diǎn)，認(rèn)識Flash CS6的操作界面和常用工具。

項(xiàng)目二為生日賀卡的設(shè)計制作，使讀者掌握最基本的Flash繪圖和動畫制作技術(shù)，并掌握動畫賀卡的設(shè)計要點(diǎn)和制作流程。

項(xiàng)目三為文字賀卡的設(shè)計制作，使讀者進(jìn)一步掌握形狀補(bǔ)間和傳統(tǒng)補(bǔ)間的動畫制作技術(shù)，并了解文字設(shè)計的原則。

項(xiàng)目四為兒歌Flash MV的設(shè)計制作，使讀者了解分鏡頭劇本的編寫要點(diǎn)，掌握人物、場景的繪制技巧，掌握遮罩技術(shù)的應(yīng)用，進(jìn)一步提升繪圖和動畫制作技能。

項(xiàng)目五為網(wǎng)頁廣告的設(shè)計制作，使讀者了解網(wǎng)絡(luò)廣告的基本形式和優(yōu)缺點(diǎn)，進(jìn)一步掌握遮罩技術(shù)和影片剪輯元件的應(yīng)用，掌握多層動畫的制作技巧。

項(xiàng)目六為網(wǎng)站片頭的設(shè)計制作，使讀者進(jìn)一步掌握路徑動畫、遮罩動畫的應(yīng)用，掌握按鈕元件的制作，更加靈活地應(yīng)用各種動畫制作技術(shù)。

項(xiàng)目七為個人網(wǎng)站的設(shè)計制作，使讀者了解網(wǎng)站設(shè)計的原則和制作流程，能用骨骼工具制作反向運(yùn)動效果，能創(chuàng)建動畫按鈕、使用動畫預(yù)設(shè)、在動畫作品中添加視頻、添加AS3.0的代碼對動畫進(jìn)行簡單的控制，并實(shí)現(xiàn)交互功能。

本書的主要特色如下：

（1）以培養(yǎng)讀者的職業(yè)能力為出發(fā)點(diǎn)，結(jié)合網(wǎng)絡(luò)動畫制作員職業(yè)崗位的需求，設(shè)計了畢業(yè)生“小周”在實(shí)習(xí)期間完成一系列動畫項(xiàng)目的工作情境。

（2）以真實(shí)的網(wǎng)絡(luò)動畫項(xiàng)目為載體，以其完成過程為主線，將Flash軟件技術(shù)和項(xiàng)目開發(fā)經(jīng)驗(yàn)、相關(guān)知識等融入案例中，建立工作任務(wù)與知識、技能的聯(lián)系，使讀者不僅能學(xué)會軟件技術(shù)，還能獲得實(shí)際工作經(jīng)驗(yàn)。

（3）按照認(rèn)知能力的形成規(guī)律進(jìn)行內(nèi)容編排，案例由淺入深、循序漸進(jìn)，符合學(xué)習(xí)認(rèn)知規(guī)律。

在本書撰寫過程中，吳振峰教授對本書的內(nèi)容定位、模塊結(jié)構(gòu)、版式設(shè)計等方面進(jìn)行了悉心指導(dǎo)和竭誠幫助，為本書的完成傾注了大量的心血，在此表示衷心的感謝。另外，還要感謝張立里、夏麗雯、李輝熠、易燦、張敬等老師的大力支持和幫助。

本書是國家骨干高等職業(yè)院校重點(diǎn)建設(shè)專業(yè)項(xiàng)目研究成果之一，可作為高職高專院校計算機(jī)多媒體技術(shù)、數(shù)字媒體技術(shù)、動漫設(shè)計與制作、影視動畫、電視節(jié)目制作、數(shù)字出版等專業(yè)的教材，也可以作為Flash愛好者、動畫設(shè)計與制作從業(yè)人員的參考資料。

由于編者水平有限，加上時間倉促，書中疏漏之處在所難免，懇請專家和讀者批評指正。

編 者

2014年6月

項(xiàng)目1 準(zhǔn)備網(wǎng)絡(luò)動畫創(chuàng)作環(huán)境 1
任務(wù)1.1 熟悉網(wǎng)絡(luò)動畫基本知識 1
1.1.1 認(rèn)識動畫 2
1.1.2 傳統(tǒng)動畫和網(wǎng)絡(luò)動畫 3
1.1.3 網(wǎng)絡(luò)動畫的應(yīng)用領(lǐng)域 4
1.1.4 網(wǎng)絡(luò)動畫的創(chuàng)作流程 7
任務(wù)1.2 熟悉Flash CS6的工作環(huán)境 8
1.2.1 啟動Flash CS6 10
1.2.2 菜單欄 11
1.2.3 時間軸面板 14
1.2.4 場景 20
1.2.5 工作區(qū)和舞臺 21
1.2.6 屬性面板 22
1.2.7 工具箱 22
1.2.8 浮動面板 40
項(xiàng)目2 生日賀卡的設(shè)計制作 45
任務(wù)2.1 創(chuàng)建動畫文檔 46
2.1.1　創(chuàng)建動畫文檔 46
2.1.2 保存動畫文檔 48
2.1.3 打開動畫文檔 49
任務(wù)2.2 繪制生日蛋糕 50
2.2.1 繪制托盤 53
2.2.2 繪制蛋糕 55
2.2.3 繪制草莓 57
2.2.4 繪制蠟燭 59
2.2.5 創(chuàng)建生日蛋糕元件 62
任務(wù)2.3 制作火苗動畫 65
2.3.1 用逐幀動畫實(shí)現(xiàn) 66
2.3.2 用補(bǔ)間形狀動畫實(shí)現(xiàn) 69
任務(wù)2.4 添加祝賀文字 73
2.4.1 打字效果 73
2.4.2 文字變形效果 76
任務(wù)2.5 添加背景音效 79
2.5.1 導(dǎo)入聲音文件 80
2.5.2 將聲音添加到時間軸 81
2.5.3 設(shè)置聲音屬性 81
任務(wù)2.6 測試動畫 84
2.6.1 在編輯環(huán)境下測試影片 85
2.6.2 在影片測試環(huán)境下測試影片 86
項(xiàng)目3 文字賀卡的設(shè)計制作 90
任務(wù)3.1 制作背景動畫 90
3.1.1 導(dǎo)入素材 91
3.1.2 制作背景動畫 93
任務(wù)3.2 制作文字動畫 94
3.2.1 制作標(biāo)題文字動畫 97
3.2.2 制作內(nèi)容文字動畫 99
任務(wù)3.3 導(dǎo)出動畫作品 104
3.3.1 導(dǎo)出圖像和圖形 105
3.3.2 導(dǎo)出視頻和聲音 106
3.3.3 導(dǎo)出動畫 107
項(xiàng)目4 兒歌Flash MV的設(shè)計制作 110
任務(wù)4.1 編寫分鏡頭劇本 111
4.1.1 導(dǎo)入歌曲 113
4.1.2 編寫分鏡頭劇本 113
任務(wù)4.2 設(shè)計與繪制人物 116
4.2.1 設(shè)計人物角色形象 117
4.2.2 繪制趴著的小男孩 118
4.2.3 繪制站著的小男孩 128
任務(wù)4.3 設(shè)計與繪制背景 132
任務(wù)4.4 制作人物動作 137
4.4.1 制作小男孩的肢體動作 139
4.4.2 制作小女孩的眨眼動作 141
任務(wù)4.5 設(shè)置動畫文檔 144
4.5.1 設(shè)置文檔屬性 145
4.5.2 制作遮丑層 145
4.5.3 設(shè)置安全框 147
任務(wù)4.6 制作鏡頭動畫 148
4.6.1 鏡頭一的動畫制作 151
4.6.2 鏡頭二的動畫制作 157
4.6.3 鏡頭三的動畫制作 158
4.6.4 鏡頭四的動畫制作 164
4.6.5 鏡頭五的動畫制作 166
4.6.6 鏡頭六的動畫制作 170
4.6.7 鏡頭七的動畫制作 172
任務(wù)4.7 制作字幕動畫 174
4.7.1 輸入歌詞 174
4.7.2 制作遮罩動畫 175
4.7.3 制作MTV字幕動畫 176
項(xiàng)目5 網(wǎng)頁廣告的設(shè)計制作 180
任務(wù)5.1 制作遮罩效果 181
5.1.1 制作水波蕩漾效果 182
5.1.2 制作放大鏡效果 185
任務(wù)5.2 制作曲線運(yùn)動效果 187
項(xiàng)目6 網(wǎng)站片頭的設(shè)計制作 194
任務(wù)6.1 制作路徑動畫 195
6.1.1 制作學(xué)院LOGO動畫 196
6.1.2 制作粉筆畫框動畫 200
6.1.3 制作按鈕顯示動畫 204
任務(wù)6.2 制作矩陣切換動畫 207
6.2.1 制作背景動畫 207
6.2.2 制作矩陣動畫 214
6.2.3 實(shí)現(xiàn)切換效果 221
項(xiàng)目7 個人網(wǎng)站的設(shè)計制作 227
任務(wù)7.1 網(wǎng)站策劃 228
7.1.1 規(guī)劃網(wǎng)站結(jié)構(gòu) 229
7.1.2 設(shè)計網(wǎng)頁效果 230
任務(wù)7.2 制作網(wǎng)站標(biāo)志動畫 232
7.2.1 設(shè)計網(wǎng)站標(biāo)志 233
7.2.2 制作網(wǎng)站標(biāo)志動畫 235
任務(wù)7.3 制作網(wǎng)站導(dǎo)航條 240
7.3.1 制作導(dǎo)航條的按鈕 244
7.3.2 實(shí)現(xiàn)鼠標(biāo)離開按鈕的動畫效果 249
7.3.3 制作雙控功能按鈕 251
任務(wù)7.4 制作網(wǎng)頁動畫 254
7.4.1 制作主頁入場動畫 255
7.4.2 制作“我的作品”頁面動畫 258
7.4.3 制作“我的相冊”頁面動畫 263
7.4.4 制作“我的收藏”頁面動畫 266
7.4.5 實(shí)現(xiàn)網(wǎng)頁鏈接 270

1. Flash網(wǎng)絡(luò)動畫創(chuàng)作方案真實(shí)再現(xiàn) [高志清 主編]