網頁動畫設計與制作Flash 項目十聲音的添加 項目十聲音的添加 項目背景 小張通過學習 已完成了公司經理要求他做的交互動畫 他興高采烈地拿著做好的作品找經理 經理看著小張的作品 覺得比較滿意 但要求他在動畫的播放的過程中加點音樂 并對音樂進行相應的控制 以增加動畫的吸引力與感染力 項目分析 1 Flash中使用聲音的格式有哪些 如何導入聲音 2 Flash中對聲音文件能作什么處理 3 作品發布時如何處理聲音與動畫 任務分解 任務1 導入與添加聲音 任務2 編輯聲音 任務3 添加按鈕聲音 任務4 導出電影聲音 任務1導入與添加聲音 確定Flash中的聲音類型 了解能被FlashMX2004導入的聲音文件格式 導入一個聲音文件 并加載到庫 為動畫正確添加聲音 多個聲音文件的處理 1 確定Flash中的聲音類型 1 事件聲音 一般指應用在按鈕或某種動作中的聲音 例如鼠標移動到某個按鈕上時就會自動發出聲音 這種類型最大的特點是需要對動作進行實時響應 因此一般選擇比較短的文件 2 流聲音 一般指應用于背景音樂或是不需要與場景內容配合的情況 動畫畫面也不需用要與聲音同步 當瀏覽器在播放這種類型的聲音時 只要先接收到一定的聲音后 就可以開始播放 余下的數據可以稍后再下載 2 了解能被FlashMX2004導入的聲音文件格式 AU格式 WAV格式 AIFF格式 MP3格式 3 導入一個聲音文件 并加載到庫 1 執行 文件 導入 導入到舞臺 命令或 導入到庫 命令 2 打開 導入 對話框 選擇要導入的聲音文件 3 選擇想要導入的聲音后 單擊 打開 按鈕 4 導入的聲音會自動加載到庫中 聲音文件在庫面板中用圖標表示 所有導入到庫的聲音文件都會成為一個元件 可以重復使用 4 為動畫正確添加聲音 1 單擊時間軸層控制區的 插入圖層 按鈕 為聲音文件在時間軸中插入一個圖層 并雙擊圖層名 改名為 sound 2 選中sound圖層 將聲音文件從庫中直接拖動到場景中 并在第40幀處插入關鍵幀 這時我們可看到第1 第40幀出現的聲音波形圖 3 也可以選中要加入聲音的幀 打開 屬性 面板 在 屬性 面板的 聲音 下拉式列表框中選擇要添加的聲音文件名 5 多個聲音文件的處理 如果在庫中有多個聲音文件 會在聲音下拉式列表框中顯示所有的聲音 選中想要插入的聲音后即可加入聲音 Flash允許在同一個動畫中添加多個聲音文件 只要將不同的聲音文件分別放置在不同的層即可 任務2編輯聲音 設置聲音的效果 設置聲音同步 編輯聲音 1 設置聲音的效果 1 選中sound聲音圖層的關鍵幀 2 在 屬性 面板的 效果 中設置聲音效果 效果 下拉式列表框中可進行如下設置 無 不對聲音文件設置任何效果 左聲道 只有左聲道有聲音 右聲道 只有右聲道有聲音 從左到右淡出 播放的聲音漸漸由左聲道移到右聲道 從右到左淡出 播放的聲音漸漸由右聲道移到左聲道 淡入 從沒有聲音到聲音逐漸增強 淡出 從有聲音到聲音逐漸減弱 自定義 用戶可以通過使用 編輯封套 來創建自已的聲音 2 設置聲音同步 1 選中sound聲音圖層的關鍵幀 2 在 屬性 面板的 同步 中設置聲音播放方式 3 可以在 同步 下拉式列表框中進行如下設置 事件 與事件同步播放 開始 與 事件 選項的功能相近 只是它不再隨事件的重復而重新播放聲音 停止 停止播放聲音 數據流 流式播放與幀同步 與事件聲音不同的是 事件聲音可以在動畫之后仍然播放 而流式聲音則與動畫同時停止 流式聲音播放的時間與幀長度相同 4 最后 在 重復 框內可輸入聲音循環播放的次數 3 編輯聲音 1 選中sound聲音圖層的關鍵幀 2 在 屬性 面板中單擊 編輯 按鈕或者在 效果 下拉菜單中選擇 自定義 項 將彈出 編輯封套 對話框 可以利用此對話框進行聲音的編輯 在 編輯封套 對話框中 上部是左聲道的聲效 下部是右聲道的聲效 中間是時間軸 3 對話框中的小方塊 也稱為封套 是用來調節此處聲音的音量 單擊對話框的某處 可以添加小方塊 上下兩組聲道中每組最多可添加8對小方塊 4 拖動小方塊可以改變它的位置 若要刪除小方塊 只要將它拖到窗口外即可 任務3添加按鈕聲音 將聲音添加到按鈕 設置場景并導入音樂創建按鈕元件 插入音樂繪制隨音樂舞動的圖形添加影片控制語句 1 將聲音添加到按鈕 為了制作一個隨聲音舞動的動感按鈕 必須將聲音添加到按鈕中 將聲音添加到按鈕的方法與向動畫中添加聲音類似 可參照以前所述的步驟自行完成 2 設置場景并導入音樂 1 單擊工具欄上的 新建 按鈕 新建一個FLA文檔 2 單擊舞臺 打開 屬性 面板 在屬性面板中單擊背景按鈕 設置舞臺背景顏色為黑色 3 導入一個音樂文件kg mp3到庫中 3 創建按鈕元件 插入音樂 1 執行 插入 新建元件 命令 打開 創建新元件 對話框 并在對話框中行為設置為 按鈕 名稱為 button 單擊 確定 按鈕 進入按鈕元件的編輯環境 2 單擊工具箱中的 橢圓工具 按住Shift鍵的同時 以任意顏色在舞臺中央繪制一個大小合適的圓 3 在時間軸面板上選中 按下 插入關鍵幀 在屬性面板中設置聲音屬性 4 繪制隨音樂舞動的圖形1 1 執行 插入 新建元件 命令 打開 創建新元件 對話框 并在對話框中行為設置為 影片剪輯 名稱為 music 單擊 確定 按鈕 進入影片剪輯元件的編輯環境 2 單擊工具箱中的 橢圓工具 按住Shift鍵的同時 在舞臺上繪制一個大小合適的圓 3 單擊工具箱中的 顏料桶工具 打開 混色器 面板 在面板中設置放射狀漸變 4 單擊舞臺上圓形中心 5 單擊圖層1第30幀 插入關鍵幀 并修改相應顏色設置 6 單擊工具箱中的 選擇工具 選中第30幀處舞臺上的圓 打開變形面板 調整大小為120 4 繪制隨音樂舞動的圖形2 7 選中時間軸上第1至30幀中任一幀 在屬性面板中設置補間為 形狀 8 單擊時間軸層控制區的增層按鈕3次增加3個圖導層 并將各個圖層依次命名為 music wave button action 9 選中wave層的第1幀 單擊工具箱中的 橢圓工具 單擊顏色區的 筆觸 工具按鈕 設置筆觸顏色為黑色 單擊顏色區的 填充色 工具按鈕和 無色 按鈕 設置填充色為無色 在舞臺上繪制一個大小合適的圓 按Ctrl G 將其組合為位圖 10 分別選中wave層第10 20和30幀 插入關鍵幀 并創建補間動畫 再分別將它們變形為原來的150 200 和250 11 選中第10幀 單擊舞臺上相應的圓 此時在屬性面板上顏色區選擇 Alpha 并設置其值為60 12 同理設置第20和第30幀 其 Alpha 值分別為30 和0 5 添加影片控制語句1 1 單擊button層 執行 窗口 庫 命令 打開 庫 面板 把庫面板中的button按鈕元件拖到舞臺上 設置其大小剛好和music層第1幀的圖形對象差不多大 2 單擊工具箱中的 選擇工具 選中button層上的按鈕元件 在動作腳本窗格中輸入如下代碼 On release if jud jud false play else jud true gotoAndStop 1 stopAllSounds 5 添加影片控制語句2 3 在 屬性 面板中進行設置 此時按鈕為全透明狀態 4 選中action圖層的第1幀 打開動作面板 在動作面板的腳本窗格中輸入如下代碼 stop varjd true 5 選中第30幀 在動作面板的腳本窗格中輸入如下代碼 gotoAndPlay 2 6 單擊時間軸左上角的按鈕回到 場景1 7 把music影片剪輯從庫面板中拖動到舞臺合適位置處放置 8 執行 控制 測試影片 命令 就可以看到一個帶有聲效且具有動感的按鈕 任務4導出電影聲音 導出聲音設置 了解ADPCM壓縮效果的相關選項 了解MP3壓縮效果的相關選項 了解原始壓縮效果的相關選項 了解語音壓縮效果的相關選項 1 導出聲音設置 1 執行 窗口 庫 命令 打開 庫 面板 右擊要導出設置的聲音文件 在快捷菜單中執行 屬性 命令 彈出 聲音屬性 對話框 2 在 壓縮 下拉式列表框中可進行聲音壓縮方式的選擇 如果選擇 默認 表示默認對話框中的壓縮設置 另外還可選擇 ADPCM MP3 原始 或 語音 中的一種 3 單擊 測試 按鈕 可測試所設置的聲音效果 在播放過程中需結束測試 可單擊 停止 按鈕 4 繼續導出設置 直到獲得滿意的聲音效果為止 5 單擊 確定 按鈕 即完成導出設置 2 了解ADPCM壓縮效果的相關選項 1 壓縮 選項 用于設置8位或16位聲音數據 當導出對象是單擊按鈕這樣的短事件聲音時 選擇ADPCM設置 2 預處理 選項 啟用 將立體聲轉換為單聲道 會將混合立體聲轉換為單聲 非立體聲 3 采樣率 選項 選擇一個選項以控制聲音的保真度和文件大小 可選值為5kHz 44kHz 設置值越高 聲音的保真效果越好 但文件越大 所以應根據需要來選擇設置值 相關的 采樣率 取值的情況如下 5kHz 采樣率低 如果聲音中有語音 則不能使用 11kHz 是標準CD采樣率的1 4 22kHz 是標準CD采樣率的1 2 是Web播放的選擇 44kHz 是標準CD采樣率 3 了解MP3壓縮效果的相關選項 MP3 MotionPictureExpertsGrop1 audiolayer3 這種數字音樂壓縮技術是1997年發明的 其音效接近CD質量 所占空間僅為原來的1 12 1 預處理 選項 在比特率為16kHz或更低時 此項為灰色 不可用 當比特率高于16kHz時才可用 2 比特率 選項 設置導出的聲音文件中每秒播放的位數 比特率越高 聲音效果越好 3 品質 選項 設置壓縮速度和聲音品質 可以在 快速 中 和 最佳 中選擇一項 快速 壓縮速度較快 但聲音品質較低 中 壓縮速度較慢 但聲音品質較高 最佳 壓縮速度最慢 但聲音品質最高 4 了解原始壓縮效果的相關選項 原始壓縮選項是指聲音沒有被壓縮 而被混合到單一聲道中 并且采用較低的采樣比率 1 預處理 選項 啟用 將立體聲轉換為單聲道 會將混合立體聲轉換為單聲 非立體聲 2 采樣率 選項 選擇一個選項以控制聲音的保真度和文件大小 可選值為5kHz 44kHz 設置值越高 聲音的保真效果越好 但文件越大 所以應根據需要來選擇設置值 5kHz 采樣率低 如果聲音中有語音 則不能使用 11kHz 是標準CD采樣率的1 4 22kHz 是標準CD采樣率的1 2 是Web播放的選擇 44kHz 是標準CD采樣率 5 了解語音壓縮效果的相關選項 語音壓縮選項是專門為語音而設計的 若在動畫中加入語音對白 采用此壓縮選項產生的效果比較好 且可保持較小的聲音文件 采用語音壓縮