汇入视讯档汇入视讯档建立元件.PPTVIP

著作權所有 ? 旗標出版股份有限公司 第 22 章 視訊物件的應用 ─ 寶寶翻身大賽 本章提要 動畫元件與流程說明 設定動畫屬性與匯入視訊檔 建立元件 建立『影片』影片片段元件 組合電視框與影片 加入影片播放控制鈕 視訊物件的應用 動畫元件與流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 動畫製作流程 重點說明 此範例雖然元件眾多, 不過其中 10 個字幕與 1 個視訊檔都是要用來組合影片影片片段元件中的零件, 所以我們把這些元件統一放置在元件庫面板的影片零件資料夾中, 以便管理。 重點說明 本範例使用了許多文字物件來製作字幕, 而使用非向量字體的文字物件在變形 (如旋轉) 後, 將無法正常發佈, 所以若要完整製作本範例, 必須先安裝好適當的向量字型 (本範例使用的是全真綜藝體), 並取消屬性面板的使用裝置字體選項。 重點說明 雖然 Flash 擁有強大的影片壓縮技術, 不過建議你還是不要匯入太大的視訊檔, 一方面是編輯時會佔用很多記憶體, 造成電腦負擔, 一方面是輸出後檔案要是太大 (超過 2、3 MB), 在觀賞時容易出現停格、不順暢的現象。因此, 在匯入視訊檔前可以先用影片剪輯軟體剪接好你要的片段, 再匯入 Flash 中使用。假如沒有其他剪輯軟體, 那麼在 Flash 匯入影片的過程中, 也有提供簡單的影片剪輯功能。 設定動畫屬性與匯入視訊檔 設定動畫文件屬性 匯入視訊檔 設定動畫文件屬性 為了在建立元件時可以對照舞台的大小與背景色, 最好在開新檔案後就立即設定文件屬性。所以請各位 在開啟一個新的 空白檔案後, 立 即依下圖設定文 件屬性： 匯入視訊檔 文件屬性設定完成後, 接著就來匯入最重要的視訊檔吧！以『檔案 / 匯入 / 匯入至元件庫』命令將視訊檔直接匯入元件庫中。下圖是本範例匯入視訊檔時的設定狀況： 匯入視訊檔 匯入視訊檔 建立元件 字幕 電視框與螢幕遮罩 雜訊線條 字幕 本範例中的 10 個字幕 (字幕 1~ 字幕 10) 都是圖像元件, 單純由文字物件與圖像物件組合而成。 電視框與螢幕遮罩 電視框圖像元件的製作並不難, 只要將電視框各部分一一繪製在不同圖層中, 然後仔細依上下順序組合好即可。由於我們繪製的是具立體感的電視框, 為了避免編輯時不小心破壞其他圖像物件, 請把每一圖層中的圖像物件都群組起來。 電視框與螢幕遮罩 另外要做一個螢幕遮罩圖像元件, 這個元件是做為螢幕顯示範圍的遮色片, 所以大小必須和電視框圖像元件中間螢幕的部分一樣大, 故你可以直接將電視框圖像元件的螢幕部分 (本範例中為圖層 2 去掉外框線的部分) 複製後貼到螢幕遮罩圖像元件中即可。 電視框與螢幕遮罩 雜訊線條 雜訊線條影片片段元件, 則是由一條淺灰色的斜線左右跳動組成的一個簡單動畫。為了做出細微的加速效果, 我們使用了形狀補間動畫, 並將它做成影片片段元件, 以便不斷地循環播放。 建立『影片』影片片段元件 安排圖層並置入視訊檔 加入字幕 遺失字體警告 設定 ActionScript 安排圖層並置入視訊檔 首先要安排影片影 片片段 元件的圖層並置入視訊檔, 請直接進入影片影片片段元件的編輯模式： 安排圖層並置入視訊檔 加入字幕 接著配合視訊檔內容來加入字幕, 其中只有第一個開頭標題字幕 1 圖像元件加上了淡入淡出動畫, 製造出開場的感覺。 首先製作字幕 1 圖像元件的淡入淡出動畫。 加入字幕 加入字幕 遺失字體警告 在本章範例中所使用的向量字體是全真綜藝體, 若是你的電腦中沒有安裝此字體, 建議你使用 ch22-learn2.fla 來練習此範例。若你的電腦中並無此字體, 而直接使用 ch22-learn1.fla 時, 在步驟 1 拉曳字幕 1 元件進入舞台時, 便會開啟如下的警告視窗： 遺失字體警告 遺失字體警告 遺失字體警告 雖然 Flash 提供了替代字體的方法來解決瀏覽者可能看不到字體的問題, 但整個動畫的原始設計及創意卻可能因此被破壞。因此, 為了確保瀏覽者能看到正確的結果, 當你的電腦中沒有這個字體時, 建議你將文字打散成圖像物件或是將文字內嵌在動畫中兩種方法來製作動畫。 加入字幕 接下來插入其他靜態的字幕。以下是將字幕 2 圖像元件插入在影格 16~22 間的方法。 加入字幕 接著把字幕 3~ 字幕 6 圖像元件依序插入在特定的位置。 加入字幕 字幕 7 和字幕 8 圖像元件則要安排一點漸進式的動畫。我們要讓字幕圖層的影格 120~122、123~125、126~128、129~131、132~140 處, 分別出現 1、2、3、4、5 個字幕 7 實體, 而字幕 8 圖像元件則在影格 132 處才出現, 以表現出分數一一揭曉的感覺。 加入字幕 加入字幕 最後把字幕 9 和