《二維動畫設計軟件應用（Flash CS6）》項目八 交互功能和影片輸出

項目八交互功能和影片輸出二維動畫設計軟件應用（Flashcs6）項目導讀

Flash不僅讓用戶觀看自行播放的動畫，還能夠根據用戶的選擇呈現(xiàn)出不同的動畫內容甚至即時、動態(tài)的資料，實現(xiàn)此功能的就是ActionScript，本章通過Flash中ActionScript的實例講解，使讀者掌握ActionScript的初步應用，還將學習Flash動畫影片的輸出，方便在其他程序或網站中使用Flash動畫。儲備新知識學習重點任務1按鈕交互——移動的圓任務2下載進度條思考與探索項目內容學習重點項目八交互功能和影片輸出——學習重點學會什么？1.認識動作面板及ActionScript有關術語2.向幀中添加腳本、向按鈕中添加腳本3.學會Flash動畫影片的輸出學習重點：本項目重點了解ActionScript相關知識，學習在按鈕中和在幀中添加腳本的方法，學會flash動畫交互功能的實現(xiàn)和動畫影片輸出。0102儲備新知識項目八交互功能和影片輸出——儲備新知識“動作”面板ActionScript有關術語0102Event（事件）：在按鈕(Button)中添加ActionScript腳本在幀(Frame)中添加ActionScript腳本Action（動作）：用于控制在動畫播放過程中相應的程序流程和播放狀態(tài)，所有的ActionScript程序在動畫中都要通過動作體現(xiàn)出來，程序是通過動作與動畫發(fā)生直接聯(lián)系的。項目八交互功能和影片輸出——儲備新知識03影片輸出導出的影片類型有：SWF影片(*.swf)、WindowsAVI(*.avi)、GIF動畫(*.gif)、QuickTime（*.mov）、WAVAudio（*.wav）、JPEG文件序列(*.jpg)、GIF文件序列(*.gif)、PNG文件序列(*.png)。導出的圖像類型有：SWF影片(*.swf)、位圖(*.bmp)、JPEG圖像(*.jpg)、GIF圖像(*.gif)、PNG(*.png)。任務1按鈕交互——移動的圓項目八交互功能和影片輸出——任務1任務分析：在圖層1第1幀使用繪圖工具在屏幕左側繪制圖形，在最后1幀插入關鍵幀，將繪制的圖形移動到屏幕右側然后選擇“創(chuàng)建補間形狀”命令，在第1幀添加腳本。在圖層2的舞臺導入3個新建的按鈕元件，分別進行腳本編輯，控制圖層1中圖形的播放、暫停和重放。按鈕交互——移動的圓項目八交互功能和影片輸出——任務1任務實施——步驟1

選擇“文件”→“新建”菜單命令，新建一個flash文檔。設置寬、高為550像素×400像素。任務實施——步驟2

選擇“插入”→“新建元件”菜單命令，新建一個按鈕元件，名稱設置為“開始”，利用“矩形工具”和“文本工具”創(chuàng)建“開始”按鈕。繼續(xù)新建“暫停”按鈕元件和“重放”按鈕元件。新建文件參數(shù)設置“開始”按鈕項目八交互功能和影片輸出——任務1任務實施——步驟3

在第1幀利用“橢圓”繪圖工具在舞臺左側繪制圓形并填充，在第50幀插入關鍵幀，將繪制的圓形移動到舞臺右側。在第1幀中添加以下ActionScrip腳本：stop();選擇第1幀，鼠標右鍵單擊，在彈出的菜單中選擇“創(chuàng)建補間形狀”。任務實施——步驟4

新建圖層2，將新建的3個按鈕元件導入到舞臺。時間軸按鈕元件項目八交互功能和影片輸出——任務1任務實施——步驟5

添加代碼，選中舞臺上的“開始”按鈕，在“動作”面板添加以下代碼：on(release){ play(); }任務實施——步驟6添加代碼，選中舞臺上的“暫停”按鈕，在“動作”面板添加以下代碼：on(release){ stop();}任務實施——步驟7添加代碼，選中舞臺上的“重放”按鈕，在“動作”面板添加以下代碼：on(release){ gotoAndplay(2); }任務實施——任務經驗本實例通過給按鈕添加腳本，控制動畫播放，可以利用F9鍵快速打開“動作”面板，腳本的標點符號必須為英文輸入法環(huán)境之下的。項目八交互功能和影片輸出——任務1任務實施——步驟8

保存文件，然后按“Ctrl+Enter”鍵播放動畫查看效果。任務2加載進度條任務分析：利用“矩形”繪圖工具和“形狀補間”制作進度條影片剪輯元件，在場景1的圖層1中導入進度條影片剪輯元件，延續(xù)到第14幀，在第15幀導入圖片延續(xù)到第30幀。在圖層2的第1幀、第14幀和第15幀添加代碼，控制文件加載和播放。加載進度條項目八交互功能和影片輸出——任務2項目八交互功能和影片輸出——任務2任務實施——步驟1

選擇“文件”→“新建”菜單命令，新建一個flash文檔。設置寬、高為550像素×400像素。任務實施——步驟2選擇“插入”→“新建元件”菜單命令，新建一個影片剪輯元件，名稱為“進度條”，在“屬性”選項板中設置實例名稱為“bar”，在舞臺上利用長方形工具畫一個進度條。新建文件參數(shù)設置繪制影片剪輯“進度條”項目八交互功能和影片輸出——任務2任務實施——步驟3

在第100幀處插入關鍵幀，返回到第1幀，利用變形工具，改變進度條的形狀。任務實施——步驟4創(chuàng)建“補間形狀”動畫。創(chuàng)建“補間形狀”動畫變形“進度條”項目八交互功能和影片輸出——任務2任務實施——步驟5

在影片剪輯“進度條”的編輯區(qū)里新建圖層2，制作進度條的外框。任務實施——步驟6選中圖層2，選擇文本工具，在舞臺合適的位置加入一個動態(tài)文本框，在屬性面板上設置文本類型：動態(tài)文本，字體：Arial,變量名：loaded，單行，字體大小顏色自定義。動態(tài)文本框進度條外框項目八交互功能和影片輸出——任務2任務實施——步驟7

回到主場景，圖層1，將創(chuàng)建的“進度條”影片剪輯元件拖到舞臺，并延續(xù)到第14幀。在第15幀插入關鍵幀，導入圖片，延續(xù)到第30幀。選中第15幀，在“動作”面板添加以下代碼：stop();任務實施——步驟8新建圖層2，選中第1幀，在“動作”面板添加以下代碼：getloaded=_root.getBytesLoaded();bytetotal=_root.getBytesTotal();loaded=int(getloaded/bytetotal*100);bar:loaded=loaded+"%";bar.gotoAndStop(loaded);導入進度條影片剪輯和圖片項目八交互功能和影片輸出——任務2任務實施——步驟9

選中第14幀，在“動作”面板添加以下代碼：

if(getloaded==bytetotal){ gotoAndPlay(15);}else{ gotoAndPlay(1);}任務實施——步驟10選中第15幀，在“動作”面板添加以下代碼，并延續(xù)到第30幀。stop();時間軸最終效果任務實施——步驟11保存文件，然后按“Ctrl+Enter”鍵播放動畫查看效果。任務實施——任務經驗制作進度條時需要給“實例名稱”命名，以便其接收代碼指令；動態(tài)文本框能夠實現(xiàn)動態(tài)接收信息的功能，需要指定變量名。最終效果項目八交互功能和影片輸出——任務2任務3魚兒游任務分析：利用繪圖工具和“顏料桶”制作fish影片剪輯元件，在場景1的圖層1中導入fish影片剪輯元件,在圖層2的第1幀添加ActionScript腳本代碼，控制動畫播放。魚兒游項目八交互功能和影片輸出——任務3項目八交互功能和影片輸出——任務3任務實施——步驟1

選擇“文件”→“新建”菜單命令，新建一個flash文檔。設置寬、高為550像素×400像素。任務實施——步驟2選擇“插入”→“新建元件”菜單命令，新建一個影片剪輯元件，名稱為“fish”，在舞臺上利用繪圖工具和顏料桶工具繪制魚兒。新建文件參數(shù)設置繪制影片剪輯“fish”項目八交互功能和影片輸出——任務3任務實施——步驟3

返回到主場景，選中庫中的“fish”影片剪輯元件，右鍵單擊，選擇“屬性”命令，在彈出的“元件屬性”對話框，單擊按鈕，選擇“為ActionScript導出”和“在第1幀中導出”復選框，設置“標識符”為fish，然后單擊按鈕。任務實施——步驟4將“fish”影片剪輯元件導入到主場景的舞臺上。“元件屬性”對話框導入元件項目八交互功能和影片輸出——任務3任務實施——步驟5

新建圖層2，選中該圖層的第1幀，按“F9”鍵打開“動作”面板，在“動作”面板添加代碼。任務實施——步驟6保存文件，然后按“Ctrl+Enter”鍵播放動畫查看效果。“動作”面板代碼任務實施——任務經驗

ActionScript腳本的功能很強大，編寫腳本程序遵循嚴密的邏輯性，需要經常練習方可掌握精髓。任務4動畫導出任務分析：制作完成的Flash動畫，利用“文件”菜單導出“影片”，選擇相應的影片格式即可導出動畫影片。影片輸出項目八交互功能和影片輸出——任務4項目八交互功能和影片輸出——任務4任務實施——步驟1

打開“加載進度條”源文件。任務實施——步驟2選擇“文件”→“導出”→“導出影片”菜單命令。導出影片“加載進度條”源文件項目八交互功能和影片輸出——任務4任務實施——步驟3

彈出“導出影片”對話框，在“文件名”文本框中輸入視頻的名稱，在“保存類型”下拉列表中選擇“WindowsAVI(*.avi)”選項，然后單擊“保存”按鈕。任務實施——步驟4彈出“導出WindowsAVI”對話框，如圖8-29所示，在對話框中設置視頻的尺寸、格式及聲音格式等參數(shù)，然后單擊按鈕。“導出WindowsAVI”對話框項目八交互功能和影片輸出——任務4任務實施——步驟5

導出完成后，找到導出的視頻文件可以看到動畫已經變成視頻格式，利用視頻播放軟件就能夠播放該文件觀看效果。任務實施——任務經驗打開“導出影片”對話框的快捷鍵是“Ctrl+Alt+Shift+S”，如果在電視上流暢地播放動畫，在制作時需要將動畫設置成每秒播放2