FLASH商務應用

四、音頻、影片剪輯、補間動畫上節課回顧掌握逐幀動畫制作方法和技巧。掌握傳統補間動畫和形狀補間動畫的方法和技巧。一、【目的】學會不同元件在不同圖層設計傳統補間動畫。掌握為動畫添加音頻的技巧和方法，掌握聲音參數設置的各個含義。掌握影片剪輯（MovieClip）的創作方法以及在動畫創作中的意義二、【重點】

【重點】1．動畫中音頻的添加方法及參數的設置。2．影片剪輯的含義及創建方法。3．彩蝶習舞動畫制作4.補間動畫【難點】影片剪輯動畫與場景中動畫在時間軸上的協調。

實例4.1—拍皮球-音頻的添加【實例說明】【實例說明】本例制作拍皮球的動畫，同時添加聲音效果。【技術要點】使用補間動畫創建小球落下與彈起的動畫效果；使用壓縮變形創建小球落地時的碰撞效果；導入聲音文件為小球落地添加音效。課堂示例1:關鍵步驟啟動FlashCS4，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：拍皮球.fla，點擊“保存”按鈕。菜單上，插入

新建元件，打開“創建元新件”對話框，在名稱后輸入“皮球”，行為后選擇“圖形”，單擊“確定”按鈕，打開“皮球”元件編輯窗口。用工具箱中的繪圖工具，按圖1所示繪制皮球。菜單上，文件

導入庫,打開“導入到庫”對話框。在該對話框中選擇準備好的皮球落地的聲音文件pa.wav，然后按“打開”按鈕，將其導入到庫面板中，如圖2所示課堂示例1:關鍵步驟在庫面板中雙擊聲音對象的圖標，打開“聲音屬性”對話框，如圖1所示。在該對話框中可以查看聲音文件的屬性，從屬性中可以了解到聲音長度為1.1秒。單擊“確定”按鈕關閉該對話框。從庫面板中將“皮球”元件拖動到舞臺上，調整其位置和大小課堂示例1:關鍵步驟用鼠標右鍵單擊第6幀

插入關鍵幀，用鼠標右鍵中間的任意1幀

創建傳統補間動畫單擊“圖層1”的第6幀的皮球，按SHIFT鍵，在舞臺上將皮球向下移動。右鍵單擊第8幀

插入關鍵幀，在舞臺上調整皮球位置與第6幀中的相同，選擇工具箱中的任意變形工具，然后單擊第8幀舞臺上的皮球，調整句柄將皮球稍微壓扁。用鼠標右鍵單擊第12幀

插入關鍵幀，用鼠標右鍵中間的任意1幀

創建傳統補間動畫。此時，時間軸窗口如圖1所示課堂示例1:關鍵步驟單擊第12幀，將該幀對應舞臺上的皮球稍微向下移動，使得皮球反彈高度小于初始高度在“圖層1”之上新建“圖層2”，將“圖層2”更名為“音效”，如圖1所示。用鼠標右鍵單擊“音效”圖層第6幀

插入空白關鍵幀，如圖2所示單擊“音效”圖層第6幀，從庫面板中將聲音文件pa.wav拖動到舞臺上。在“音效”層從第6幀開始有聲音的波形線，主要聲音在第6幀到第10幀，而實際上，應該到第12幀，因為該音效的長度是1.1秒，即有聲音的幀應該是7秒（因為本文檔的幀頻是6fps）。按【Ctrl+Enter】鍵播放文檔，在皮球落地時可以聽到“啪”的一聲響。菜單上，文件

保存。

六、實例3—【創作步驟】創建“蝴蝶”振翅的影片剪輯元件在舞臺上創建影片剪輯動作動畫“影片剪輯”步驟菜單上，插入

新建元件，打開“創建新元件”對話框。在名稱后輸入影片剪輯名稱，行為選擇“影片剪輯”，按“確定”按鈕，打開影片剪輯編輯窗口,做動畫。實例4.2—蝴蝶飛舞實例4.2—【實例說明】一只蝴蝶在花叢中自由飛翔。【技術要點】本例主要利用影片剪輯元件來創建蝴蝶揮動翅膀的動畫效果，然后在主場景中使用影片剪輯創建移動動畫效果。課堂示例2:關鍵步驟雙擊彩蝶飛舞.fla，庫中有彩蝶1，彩蝶2兩個元件。創建“影片剪輯”：菜單上，插入

新建元件，打開“創建新元件”對話框。在名稱后輸入“蝴蝶飛舞剪輯”，行為后選擇“影片剪輯”，按“確定”按鈕，打開影片剪輯編輯窗口,這個窗口與以前的元件編輯窗口是一樣的。菜單上，窗口

庫，打開庫面板。鼠標點擊第1幀，然后，將庫中元件“蝴蝶1”拖動到舞臺上；鼠標右鍵單擊第3幀

插入空白關鍵幀，再將庫中元件“蝴蝶2”拖動到舞臺上，調整元件“蝴蝶-2”的位置（窗口/對齊/相對于舞臺/水平中齊，垂直中齊），使其身體（不是翅膀）與第一幀中元件“蝴蝶-1”的身體位置相同?！昂w舞剪輯”制作完成。單擊時間軸窗口左下方的“場景1”按鈕切換到場景編輯窗口。菜單上，修改

文檔，打開“文檔屬性”對話框，設置文檔尺寸為500×300,背景顏色為白色，幀頻為12fps，單擊“確定”按鈕。將“圖層1”改名為“蝴蝶”鼠標單擊第1幀，將庫中的元件“蝴蝶飛舞剪輯”拖動到舞臺上，點擊舞臺左下方的“屬性”按鈕，打開“屬性”面板，設置對象的大小和位置為：寬39.2,高38.1；X:512.2,Y:0.8。課堂示例2:關鍵步驟鼠標右鍵單擊第30幀

插入關鍵幀，將舞臺上的“蝴蝶飛舞剪輯”拖動到舞臺左側外邊。鼠標右鍵單擊第31幀

插入關鍵幀，菜單上，修改

變形

水平翻轉。鼠標右鍵單擊第60幀

插入關鍵幀，將舞臺上的“蝴蝶飛舞剪輯”拖動到舞臺右下角外。鼠標右鍵單擊第61幀

插入關鍵幀，菜單上，修改

變形

水平翻轉右鍵單擊第90幀

插入關鍵幀，將舞臺上的“蝴蝶飛舞剪輯”拖動到舞臺內部(X:84.3,Y:39.7，注意：此處有一朵花，蝴蝶正是停在此花上)，如圖4-21所示。鼠標右鍵單擊第120幀

插入幀鼠標右鍵分別在第5、35、65幀上單擊

創建傳統補間動畫。菜單上，文件

導入到庫，打開“導入到庫”對話框，在此對話框中找到

“蝴蝶飛舞背景.jpg”文件，點擊“打開”按鈕，此文件進行庫中。在“蝴蝶”圖層上插入一個新的圖層，改名為“背景”，將“背景”圖層拖動到“蝴蝶”圖層之下。課堂示例2:關鍵步驟點擊“背景”圖層第1幀，將庫中元件“蝴蝶飛舞背景”拖動到舞臺上，對齊面板，匹配寬高，單擊“背景”圖層第120幀

插入幀，時間軸如圖按【Ctrl+Enter】鍵播放文檔。菜單上，文件

保存。

實例4-3鏡像跳動的字母鏡像跳動的字母【實例說明】字母“Flash”上下跳動的同時，它的鏡像字母也隨之跳動?！炯夹g要點】主要使用對象的Alpha顏色屬性設置和翻轉操作創建倒影效果，然后利用影片剪輯元件來創建跳動動畫效果。課堂示例3:關鍵步驟啟動Flash，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：鏡像跳動的字母.fla，點擊“保存”按鈕。菜單上，修改

文檔，打開“文檔屬性”對話框，設置文檔尺寸為300px×400px，背景顏色為藍色（#3399FF），幀頻為12fps，點擊“確定”按鈕。菜單上，插入

新建元件，打開“創建新元件”對話框，在名稱后輸入：F，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“F”影片剪輯編輯窗口。鼠標選擇工具箱中“文本工具”，點擊“屬性”按鈕，打開“屬性”面板，設置字體為ArialBlack，字體顏色為白色，大小為70，粗體顯示，選靜態文字，在舞臺上添加文字“F”

。選擇工具箱中的箭頭工具，單擊選中舞臺上的字母F，點擊舞臺左下方的“屬性”按鈕，在打開的“屬性”面板上，設置字母F的坐標為X:0，Y:0。菜單上，修改

轉換為元件，打開“轉換為元件”對話框，在名稱后輸入：字母F，在行為后選擇“圖形”。單擊“確定”按鈕完成轉換并返回“F”影片剪輯編輯窗口。課堂示例3:關鍵步驟鼠標右鍵單擊“圖層1”的第10幀

插入關鍵幀，鼠標右鍵單擊第20幀

插入關鍵幀；然后鼠標右鍵在第1幀上單擊

創建傳統補間動畫；鼠標右鍵在第10幀上單擊

創建傳統補間動畫。在第10幀上，鼠標單擊舞臺左下方“屬性”按鈕，打開“屬性”面板，單擊舞臺上的字母F，在屬性面板上，將字母F的Y坐標由0更改為-100（將字母F向上移動100個象素。單擊舞臺左上方的“場景1”按鈕，切換到場景編輯窗口。選擇工具箱中的矩形工具，設置描繪顏色為無，填充顏色為深藍色（#3100CE），在舞臺下方繪制一個矩形，如圖1所示。庫面板中拖動兩次F影片剪輯元件到舞臺上，創建F影片剪輯的兩個實例，用鼠標選中其中一個，菜單上，修改

變形

垂直翻轉。點擊舞臺左下方的“屬性”按鈕，打開“屬性”面板，在“顏色”后面的列表框中選擇“Alpha”，再將它的值設置為45%，調整舞臺上兩個字母F元件對象的位置，如圖2所示。

實例4-4-1下大雨下大雨

【實例說明】雨點紛紛落下?！炯夹g要點】首先做一個雨點的影片剪輯，然后再用另一個影片剪輯做很多雨點的落下效果。加黑色的圖層做背景。課堂示例4-1:關鍵步驟啟動Flash，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：下大雨.fla，點擊“保存”按鈕。菜單上，修改

文檔，打開“文檔屬性”對話框，設置文檔尺寸為550px×400px，背景顏色為藍色（#3399FF），幀頻為12fps，點擊“確定”按鈕。菜單上，插入

新建元件，打開“創建新元件”對話框，在名稱后輸入：一個雨點，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“一個雨點”影片剪輯編輯窗口。鼠標選擇工具箱中“橢圓工具”，筆觸顏色為無填充，填充顏色為白色，在舞臺上第一幀畫白色橢圓。任意變形工具，使之稍微傾斜如圖。右鍵轉換為元件，打開“轉換為元件”對話框，在名稱后輸入：雨滴，在行為后選擇“圖形”，單擊“確定”按鈕完成轉換。課堂示例4-1:關鍵步驟鼠標右鍵單擊“圖層1”的第6幀

插入關鍵幀，按方向移動雨滴到舞臺下方。然后鼠標右鍵中間任意幀上單擊

創建傳統補間動畫。單擊舞臺左上方的“場景1”按鈕，切換到場景編輯窗口。菜單上，插入

新建元件，打開“創建新元件”對話框，在名稱后輸入：大雨，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“大雨”影片剪輯編輯窗口。在圖層1的第一幀舞臺上，及其舞臺上方從庫面板中拖動很多的“一個雨點”影片剪輯。增加圖層2放在圖層1下面，在第一幀，選擇工具箱中的矩形工具，設置筆觸顏色為無，填充顏色為黑色，在舞臺上繪制一個大矩形做背景。單擊舞臺左上方的“場景1”按鈕，切換到場景編輯窗口。從庫面板中拖動“大雨”影片剪輯到舞臺上。

26補間動畫Flashcs4中的全新補間動畫方式，能更靈活控制每幀的屬性，而且可以看到每個幀上的動畫軌跡，這樣可創作出更加完美的補間動畫。能夠創建補間動畫的對象包括按鈕、文字、圖形元件、影片剪輯。傳統補間動畫是由關鍵幀組成的，而補間動畫則是由屬性關鍵幀組成的，屬性關鍵幀是以小菱形圖標表示的。但是補間動畫的第一幀例外，還是以關鍵幀的形式表示，以黑圓點顯示。27添加屬性關鍵幀手動添加創建補間動畫，選擇添加屬性關鍵幀的位置，右擊鼠標，在快捷菜單中選擇“插入關鍵幀”子菜單中的命令。子菜單中的命令都代表了對動畫對象的一種屬性控制，其具體設置可以在“屬性”面板中完成。自動添加當鼠標選擇所在位置沒有屬性關鍵幀的情況下，如果選中舞臺中的補間動畫對象，并設置其屬性（如移動位置、設置Alpha值及色調等），就可以自動在當前位置添加一個屬性關鍵幀。刪除選擇屬性關鍵幀，右擊鼠標，在快捷菜單中選擇“清除關鍵幀”子菜單中的命令。實例4-4-2下大雪下大雪【實例說明】雪花飄飄灑灑落下?！炯夹g要點】首先做一個雪的影片剪輯，然后再用另一個影片剪輯做很多雪花的緩緩落下效果。加黑色的圖層做背景。因為動畫是曲線，用補間動畫來實現。課堂示例4-1:關鍵步驟啟動Flash，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：下大雪.fla，點擊“保存”按鈕。菜單上，修改

文檔，打開“文檔屬性”對話框，設置文檔尺寸為550px×400px，背景顏色為藍色（#3399FF），幀頻為12fps，點擊“確定”按鈕。菜單上，插入

新建元件，打開“創建新元件”對話框，在名稱后輸入：一個雨點，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“一個雪”影片剪輯編輯窗口。鼠標選擇工具箱中“橢圓工具”，筆觸顏色為無填充，填充顏色為最后一行第2個黑白漸變色，按shift畫圓，用顏料桶點中心。如圖。右鍵轉換為圖形元件，單擊“確定”按鈕完成轉換。課堂示例4-1:關鍵步驟選中第1幀，創建補間動畫，分別在第25、50幀插入屬性關鍵幀，選全部，改變雪花的位置，將軌跡用箭頭改成弧形。單擊舞臺左上方的“場景1”按鈕，切換到場景編輯窗口。菜單上，插入

新建元件，打開“創建新元件”對話框，在名稱后輸入：大雪，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“大雪”影片剪輯編輯窗口。在圖層1的第一幀舞臺上，及其舞臺上方從庫面板中拖動很多的“一個雪”影片剪輯。增加圖層2放在圖層1下面，在第一幀，選擇工具箱中的矩形工具，設置筆觸顏色為無，填充顏色為黑色，在舞臺上繪制一個大矩形做背景。單擊舞臺左上方的“場景1”按鈕，切換到場景編輯窗口。從庫面板中拖動“大雪”影片剪輯到舞臺上。

如何將一個舞臺上的動畫轉變成為影片剪輯？在主時間軸上，選擇您想使用的舞臺上動畫的每一層中的每一幀。按Shift+所有幀，選中所有幀，然后，