本書采用項(xiàng)目驅(qū)動(dòng)方式編寫, 通過30個(gè)完整實(shí)例和2個(gè)綜合實(shí)訓(xùn)實(shí)例, 全面介紹Flash CS6基本操作方法和技巧, 內(nèi)容包括: Flash CS6基礎(chǔ)知識, Flash圖形的繪制與填充, 創(chuàng)建和編輯Flash文本, 編輯Flash圖形對象, 使用Flash中的幀與圖層, 使用Flash中的元件與庫, 制作常見Flash動(dòng)畫, 導(dǎo)入聲音和視頻, ActionScript基礎(chǔ)與應(yīng)用, Flash動(dòng)畫的測試與發(fā)布, Flash綜合應(yīng)用實(shí)例等。
Flash CS6動(dòng)畫設(shè)計(jì)技術(shù)Flash是目前最流行的二維動(dòng)畫制作軟件之一。Flash軟件具有矢量繪圖與動(dòng)畫編輯功能,性能穩(wěn)定,使用方便,是多媒體課件、手機(jī)游戲、網(wǎng)站、動(dòng)漫等制作領(lǐng)域不可或缺的工具。
當(dāng)前許多高職院校的計(jì)算機(jī)專業(yè)都開設(shè)了“Flash動(dòng)畫設(shè)計(jì)”課程作為一門專業(yè)必修課。針對Flash軟件的學(xué)習(xí)和應(yīng)用,本書使用的版本為Flash CS6中文版,并根據(jù)高職院校的教學(xué)需求而編寫。全書共分為9個(gè)單元、31個(gè)任務(wù),一節(jié)課完成一個(gè)任務(wù),最后兩個(gè)單元為綜合實(shí)訓(xùn),內(nèi)容較豐富。
本書的編寫貫徹了“以學(xué)生為根本,以就業(yè)為導(dǎo)向,以夠用為尺度,以技能為核心”的理念,精心選用實(shí)例,合理安排知識結(jié)構(gòu),從零開始、由淺入深、循序漸進(jìn),以任務(wù)驅(qū)動(dòng)的方式講解了Flash CS6的使用方法。
全書共分為9個(gè)單元,主要內(nèi)容如下。
第1單元: 介紹Flash動(dòng)畫的相關(guān)知識及應(yīng)用范圍,F(xiàn)lash CS6工作界面和Flash文檔的基本操作。
第2單元: 介紹Flash中各種繪圖工具的使用,以及圖形對象的編輯方法。
第3單元: 介紹幀的相關(guān)知識和操作方法,元件的基礎(chǔ)知識和操作方法,“庫”面板的使用方法和技巧,以及圖層的相關(guān)知識,創(chuàng)建與編輯圖層的方法和技巧。
第4單元: 介紹逐幀動(dòng)畫、動(dòng)畫補(bǔ)間和形狀補(bǔ)間的制作方法,以及引導(dǎo)動(dòng)畫、遮罩動(dòng)畫與其他常用動(dòng)畫的制作方法。
第5單元: 介紹動(dòng)畫編輯器、動(dòng)畫預(yù)設(shè)及3D工具的應(yīng)用。
第6單元: 介紹聲音和視頻的相關(guān)知識與使用基礎(chǔ),以及在Flash中添加聲音和視頻的方法與技巧。
第7單元: 介紹ActionScript語言基礎(chǔ)知識,以及ActionScript語言中常用動(dòng)作的使用方法和技巧。
第8、9單元: 通過兩個(gè)綜合實(shí)訓(xùn)的制作,介紹綜合類型的Flash課件的制作方法和技巧,以及動(dòng)畫短片的設(shè)計(jì)方法和制作技巧,通過運(yùn)用前面所學(xué)的各個(gè)知識點(diǎn),舉一反三地學(xué)習(xí)實(shí)際項(xiàng)目的設(shè)計(jì)。
本書由浙江育英職業(yè)技術(shù)學(xué)院教師章翮、徐利華擔(dān)任主編,孔欣、詹建新?lián)胃敝骶帯F渲校?、8、9單元由孔欣編寫,第2、3單元由徐利華編寫,第4、5單元由章翮編寫,第6、7單元由詹建新編寫。參加本書編寫的人員均為高職院校的教學(xué)骨干,他們將多年積累的具有實(shí)用價(jià)值的經(jīng)驗(yàn)、知識點(diǎn)和操作技巧都毫無保留地奉獻(xiàn)給了廣大讀者。為方便教師教學(xué),本書配有動(dòng)畫源文件、素材資料和教學(xué)演示文稿供下載使用。
由于編者水平有限,書中難免有不足之處,歡迎廣大讀者批評指正。
Flash CS6動(dòng)畫設(shè)計(jì)技術(shù)前言
編者
Flash CS6動(dòng)畫設(shè)計(jì)技術(shù)第1單元Flash動(dòng)畫基礎(chǔ)知識1
1.1初識Flash1
1.1.1Flash基本概念1
1.1.2Flash基本功能1
1.1.3Flash動(dòng)畫主要特點(diǎn)1
1.1.4Flash應(yīng)用范圍2
1.1.5動(dòng)畫色彩構(gòu)成5
1.2任務(wù)1制作簡單動(dòng)畫“奔馬”6
1.2.1任務(wù)綜述與實(shí)施6
1.2.2動(dòng)畫制作概述13
1.3單元小結(jié)14
1.4習(xí)題與思考14
第2單元Flash圖形的創(chuàng)建與編輯15
2.1任務(wù)2制作卡通“米奇”動(dòng)畫15
2.1.1任務(wù)綜述與實(shí)施15
2.1.2繪圖工具簡介20
2.1.3繪制線條圖形23
2.1.4繪制幾何圖形26
2.1.5為圖形添加文本29
2.2任務(wù)3制作“飄落的楓葉”33
2.2.1任務(wù)綜述與實(shí)施33
2.2.2制作引導(dǎo)動(dòng)畫40
2.2.3動(dòng)作補(bǔ)間動(dòng)畫42
2.2.4顏色的選擇44
2.2.5顏色的填充47
2.2.6漸變色的設(shè)置和調(diào)整49
2.3任務(wù)4制作“窗外的郁金香”53Flash CS6動(dòng)畫設(shè)計(jì)技術(shù)目錄2.3.1任務(wù)綜述與實(shí)施53
2.3.2制作形狀補(bǔ)間動(dòng)畫57
2.3.3選擇對象58
2.3.4移動(dòng)、復(fù)制和刪除對象59
2.3.5變形對象60
2.3.6組合、排列、對齊對象62
2.3.7查看對象64
2.4單元小結(jié)64
2.5習(xí)題與思考64
第3單元元件、幀、圖層66
3.1任務(wù)5制作“山水意境”66
3.1.1任務(wù)綜述與實(shí)施66
3.1.2元件與實(shí)例71
3.1.3庫的使用76
3.2任務(wù)6制作水波效果78
3.2.1任務(wù)綜述與實(shí)施78
3.2.2制作遮罩動(dòng)畫81
3.2.3幀的類型和作用83
3.2.4編輯幀85
3.3任務(wù)7制作“遵守交規(guī)”動(dòng)畫86
3.3.1任務(wù)綜述與實(shí)施86
3.3.2圖層的概念、作用及類型89
3.3.3圖層的基本操作90
3.4單元小結(jié)92
3.5習(xí)題與思考92
第4單元復(fù)雜動(dòng)畫的制作94
4.1任務(wù)8手繪圖形制作“思緒飛揚(yáng)”94
4.2任務(wù)9應(yīng)用骨骼工具制作“奔跑的人”99
4.2.1任務(wù)綜述與實(shí)施99
4.2.2骨骼工具101
4.3任務(wù)10應(yīng)用文字及手繪形狀補(bǔ)間制作“文字對聯(lián)”102
4.4任務(wù)11制作形狀補(bǔ)間動(dòng)畫“杜鵑花開”105
4.5任務(wù)12文字動(dòng)作補(bǔ)間制作“旋轉(zhuǎn)立體字”109
4.6任務(wù)13引導(dǎo)動(dòng)畫制作“飛鷹”113
4.7任務(wù)14遮罩動(dòng)畫制作“禮花”117
4.8任務(wù)15遮罩動(dòng)畫制作“瀑布”121
4.9任務(wù)16制作動(dòng)畫“賀卡”124
4.10任務(wù)17應(yīng)用位圖制作“花景觀賞”129
4.11任務(wù)18制作“網(wǎng)站導(dǎo)航”135
4.12單元小結(jié)139
4.13習(xí)題與思考139
第5單元應(yīng)用其他工具制作動(dòng)畫141
5.1任務(wù)19制作動(dòng)畫“奔馳的汽車”141
5.1.1任務(wù)綜述與實(shí)施141
5.1.2動(dòng)畫編輯器144
5.2任務(wù)20制作“動(dòng)態(tài)電子相冊”145
5.2.1任務(wù)綜述與實(shí)施145
5.2.2動(dòng)畫預(yù)設(shè)149
5.3任務(wù)21制作動(dòng)畫“打開大門”150
5.3.1任務(wù)綜述與實(shí)施150
5.3.23D工具153
5.4單元小結(jié)153
5.5習(xí)題與思考154
第6單元聲音、視頻、行為、組件及Flash演示文稿應(yīng)用155
6.1任務(wù)22制作“音樂動(dòng)畫”155
6.1.1任務(wù)綜述與實(shí)施155
6.1.2Flash動(dòng)畫支持的音頻格式161
6.1.3聲音導(dǎo)入、編輯、壓縮及導(dǎo)出162
6.2任務(wù)23制作“晚會”視頻164
6.2.1任務(wù)綜述與實(shí)施164
6.2.2Flash動(dòng)畫支持的視頻格式172
6.2.3視頻導(dǎo)入、導(dǎo)出及編輯172
6.2.4行為和“行為”面板及添加行為172
6.3任務(wù)24應(yīng)用Flash演示文稿模板制作“國畫欣賞”173
6.4單元小結(jié)184
6.5習(xí)題與思考184
第7單元交互式動(dòng)畫186
7.1任務(wù)25應(yīng)用動(dòng)作腳本制作“激光掃描文字”186
7.1.1任務(wù)綜述與實(shí)施186
7.1.2了解動(dòng)作腳本195
7.1.3動(dòng)作腳本語法規(guī)則196
7.2任務(wù)26制作“電子鐘倒計(jì)時(shí)”198
7.2.1任務(wù)綜述與實(shí)施198
7.2.2日期和時(shí)間類Date的使用211
7.2.3創(chuàng)建Date對象212
7.2.4獲取時(shí)間單位值212
7.3任務(wù)27應(yīng)用動(dòng)作腳本制作“飛雪幻影鼠標(biāo)跟隨”213
7.3.1任務(wù)綜述與實(shí)施213
7.3.2條件語句if/else220
7.3.3使用數(shù)組221
7.3.4自定義鼠標(biāo)指針221
7.4任務(wù)28應(yīng)用動(dòng)作腳本制作“欣賞走馬燈”221
7.4.1任務(wù)綜述與實(shí)施221
7.4.2添加事件偵聽器231
7.4.3使用addChild()方法添加顯示對象231
7.4.4使用超鏈接添加顯示外部對象231
7.5任務(wù)29制作“放大鏡”231
7.5.1任務(wù)綜述與實(shí)施231
7.5.2縮放屬性236
7.5.3鼠標(biāo)事件236
7.6任務(wù)30應(yīng)用動(dòng)作腳本制作“捉蝴蝶游戲”237
7.6.1任務(wù)綜述與實(shí)施237
7.6.2Math.random()方法244
7.6.3visible屬性244
7.7任務(wù)31制作“加法計(jì)數(shù)器課件”244
7.8單元小結(jié)253
7.9習(xí)題與思考253
第8單元綜合實(shí)訓(xùn): 互動(dòng)教學(xué)課件制作254
8.1高中物理課程“什么是力”單元的綜合性課件制作254
8.1.1制作課件片頭254
8.1.2制作課件主體258
8.2多媒體課件的幾種常見形式266
8.3單元小結(jié)267
8.4習(xí)題與思考267
第9單元綜合實(shí)訓(xùn): 動(dòng)畫短片設(shè)計(jì)與制作268
9.1公益廣告片的設(shè)計(jì)與制作268
9.2動(dòng)畫短片設(shè)計(jì)與制作步驟268
9.2.1劇本的創(chuàng)意與構(gòu)思268
9.2.2設(shè)計(jì)分鏡頭268
9.2.3前期素材準(zhǔn)備269
9.2.4構(gòu)建基本框架269
9.2.5設(shè)計(jì)人物造型和背景271
9.2.6Flash動(dòng)畫制作流程288
9.3單元小結(jié)290
9.4習(xí)題與思考290
參考文獻(xiàn)291
第3單元
元件、幀、圖層3.1任務(wù)5制作“山水意境”〖*4/5〗3.1.1任務(wù)綜述與實(shí)施〖*2〗任務(wù)介紹制作“山水意境”動(dòng)畫。
(1) 在Flash中用繪圖工具繪制一幅水墨山水畫。
(2) 使用“濾鏡”面板為影片剪輯設(shè)置特效。
任務(wù)分析
繪制山水風(fēng)景畫的時(shí)候,首先要考慮整個(gè)舞臺的布局,然后分別繪制各個(gè)舞臺對象。因?yàn)橐O(shè)置水墨畫效果,要使用到模糊濾鏡,所以要將舞臺對象轉(zhuǎn)換為影片剪輯元件。
相關(guān)技能
(1) 熟練各種繪圖工具的使用方法,能結(jié)合實(shí)際需要靈活選擇不同的繪圖工具。
(2) 掌握元件與圖層的創(chuàng)建及編輯方法。
(3) 了解濾鏡的使用方法。
相關(guān)知識
(1) 常用的繪圖工具、修圖工具。
(2) 元件、圖層。
(3) 濾鏡特效。
任務(wù)實(shí)施
(1) 啟動(dòng)Flash程序,選擇“文件”→“新建”命令,在彈出的對話框中選擇ActionScript 3.0選項(xiàng),單擊“確定”按鈕,并將文件保存為“山水意境.fla”文件,文檔屬性默認(rèn)。
(2) 創(chuàng)建“山頭”元件。具體步驟如下。
① 按Ctrl+F8組合鍵創(chuàng)建新元件,命名為“山頭”,類型為“影片剪輯”。
② 進(jìn)入“山頭”元件編輯區(qū),在圖層1的第1幀上用多角星形工具繪制如圖31所示三角形。Flash CS6動(dòng)畫設(shè)計(jì)技術(shù)第3單元元件、幀、圖層③ 刪除輪廓線,用選擇工具或部分選取工具將三角形調(diào)整成如圖32所示形狀,并將填充色調(diào)整為黑色到淺灰色的線性漸變。
圖31繪制三角形
圖32將三角形調(diào)制成山頭形狀
(3) 創(chuàng)建“群山”元件。具體步驟如下。
① 創(chuàng)建新元件,命名為“群山”,類型為“影片剪輯”。
② 進(jìn)入“群山”元件編輯區(qū),選擇圖層1的第1幀,打開“庫”面板,多次將庫中的“山頭”元件拖到舞臺上。
③ 對舞臺上“山”元件的各個(gè)實(shí)例進(jìn)行縮放、翻轉(zhuǎn)、變形、排序操作,得到如圖33所示群山效果。
圖33“群山”元件
(4) 布置山頭圖形。具體步驟如下。
① 單擊按鈕,返回主場景。
② 新建圖層,并將圖層1、圖層2分別命名為“后山”“前山”。
③ 選擇“前山”圖層的第1幀,將“庫”中的“群山”元件拖到舞臺右下角。
④ 選中舞臺上的“群山”元件,打開“屬性”面板,展開“濾鏡”卷展欄,單擊底部“添加濾鏡”按鈕,在彈出的列表中選擇“模糊”選項(xiàng),設(shè)置模糊參數(shù)X、Y均為10,如圖34所示。此時(shí)“群山”產(chǎn)生了模糊效果,如圖35所示。
⑤ 依舊在現(xiàn)在的“群山”實(shí)例,在“屬性”面板中將其顏色設(shè)置為“色調(diào)、綠色、13%”,如圖36所示。
⑥ 復(fù)制調(diào)整后的“群山”實(shí)例,在“后山”圖層的第1幀處的舞臺上粘貼3次。
⑦ 對“后山”圖層的3個(gè)“群山”實(shí)例進(jìn)行變形及顏色調(diào)整,并再次模糊,得到如圖37所示山頭效果。圖34為影片剪輯添加模糊濾鏡
圖35模糊后的“群山”實(shí)例效果
圖36調(diào)整顏色后的“群山”實(shí)例效果
圖37布置后的群山
⑧ 鎖定“前山”“后山”兩個(gè)圖層。
(5) 勾勒山體線條。具體步驟如下。
① 新建圖層,命名為“線條”,在圖層的第1幀處用刷子工具選擇最小的筆觸勾勒山體黑色線條,如圖38所示。
② 單擊“線條”圖層第1幀,在選中的線條上右擊,將它轉(zhuǎn)換成名為“線條”的影片剪輯。
③ 選中舞臺上的“線條”實(shí)例,同樣為其添加模糊濾鏡效果,模糊參數(shù)X、Y均設(shè)為5,效果如圖39所示。鎖定圖層。
圖38勾勒山體線條
圖39模糊“線條”
(6) 創(chuàng)建“小屋”元件。具體步驟如下。
① 創(chuàng)建新元件,命名為“小屋”,類型為“影片剪輯”。
② 進(jìn)入影片剪輯的編輯區(qū),在圖層1的第1幀處繪制一個(gè)白墻紅瓦的小屋,如圖310所示。圖310繪制小屋
(7) 布置小屋圖形。具體步驟如下。
① 返回主場景,在“線條”圖層上方新建一圖層,命名為“小屋”。
② 在“小屋”層的第1幀處,5次從“庫”中拖出“小屋”元件,分別調(diào)整其大小與形狀,并布置到適當(dāng)?shù)奈恢谩?br />
③ 選中舞臺上的所有小屋,添加模糊濾鏡效果,模糊參數(shù)X、Y均設(shè)為5,效果如圖311所示。鎖定圖層。
(8) 創(chuàng)建“小船”元件。具體步驟如下。
① 創(chuàng)建新元件,命名為“小船”,類型為“圖形”。
② 進(jìn)入影片剪輯的編輯區(qū),在圖層1的第1幀處繪制一艘小船,如圖312所示。
圖311布置小屋
圖312繪制小船
(9) 布置小船圖形。具體步驟如下。
① 返回主場景,在“小屋”圖層上方新建一圖層,命名為“小船”。
② 在“小屋”層的第1幀處,6次從庫中拖出“小船”元件,分別調(diào)整其大小與形狀,并布置到適當(dāng)?shù)奈恢茫鐖D313所示。鎖定圖層。
(10) 編輯湖水。具體步驟如下。
① 在“前山”圖層的下方插入圖層,命名為“湖水”。選中“湖水”圖層第1幀,在“顏色”面板上設(shè)置填充顏色為“線性漸變”,左邊色標(biāo)設(shè)置為#99FFFF,右邊色標(biāo)設(shè)置為#C4FFFF,用刷子工具在舞臺上繪制湖水圖形,如圖314所示。
圖313布置小船
圖314繪制湖水
② 用鼠標(biāo)右擊湖水圖形,將它轉(zhuǎn)換為“湖水”影片剪輯。
③ 選中舞臺上的湖水,為其添加模糊濾鏡效果,模糊參數(shù)X、Y均設(shè)為50,效果如圖315所示。鎖定圖層。
(11) 繪制樹木點(diǎn)綴畫面。具體步驟如下。
① 新建元件,命名為“樹”,類型為“影片剪輯”。
② 進(jìn)入影片剪輯的編輯區(qū),在圖層1的第1幀處用刷子工具繪制黑色樹干。
③ 新建圖層2,在第1幀處用刷子工具綠色漸變樹葉,如圖316所示。
圖315模糊湖水
圖316繪制樹
……