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