第 3 章 補間動畫應用-英文字母教學動畫
課前導讀 Flash 動畫的蓬勃發展, 在網路上顯而易見, 如:用 Flash 製作的動畫影片、小遊戲...等。 有些人則想到用 Flash 製作教學影片, 發揮寓教於樂的功能。這一堂課, 我們將製作一段英文字母教學動畫, 並在輕鬆、有趣的製作過程中, 學到 3 種補間動畫的應用方式, 及匯入 Photoshop 的 .psd 圖檔、文字工具等應用。
課前導讀
本堂課學習提要 匯入用 Photoshop 設計好的 PSD 檔案做為背景 讓文字中的每個字母分散至不同圖層 製作背景的移動補間動畫 製作文字逐一飛入畫面的傳統補間動畫 製作文字變形的形狀補間動畫 設置形狀提示點來輔助字母的形狀變化 將 Flash 動畫置入到網頁中
Flash 應用實例賞析 使用 Flash 可以製作出畫面活潑、提高學習樂趣的教學影片, 且檔案容量又小, 相當適合放在網路上。
Flash 應用實例賞析
3-1 製作背景的移動補間動畫 匯入用 Photoshop 設計好的 PSD 檔案
匯入用 Photoshop 設計好的 PSD 檔案
匯入用 Photoshop 設計好的 PSD 檔案
製作彩虹吊框移入畫面的移動補間動畫
製作彩虹吊框移入畫面的移動補間動畫
製作彩虹吊框移入畫面的移動補間動畫
製作彩虹吊框移入畫面的移動補間動畫
製作彩虹吊框移入畫面的移動補間動畫
製作彩虹吊框移入畫面的移動補間動畫
3-2 製作字母逐字移入的傳統補間動畫 建立英文字母
建立英文字母
修改文字屬性
修改文字屬性
修改文字屬性
將「文字」打散及「分散至圖層」
將「文字」打散及「分散至圖層」
將「文字」打散及「分散至圖層」
將「文字」打散及「分散至圖層」
將「文字」打散及「分散至圖層」
製作字母逐一飛入畫面的動畫
製作字母逐一飛入畫面的動畫
製作字母逐一飛入畫面的動畫
製作字母逐一飛入畫面的動畫
製作字母逐一飛入畫面的動畫
製作字母逐一飛入畫面的動畫
3-3 製作字母大寫變小寫的形狀補間動畫 製作形狀補間動畫的條件
製作字母的形狀補間動畫
製作字母的形狀補間動畫
製作字母的形狀補間動畫
製作字母的形狀補間動畫
製作字母的形狀補間動畫
製作字母的形狀補間動畫
3-4 設置「形狀提示點」輔助字母的形狀變化
設置「形狀提示點」輔助字母的形狀變化
設置「形狀提示點」輔助字母的形狀變化
設置「形狀提示點」輔助字母的形狀變化
3-5 將彩虹吊框及字母移出舞台
將彩虹吊框及字母移出舞台
將彩虹吊框及字母移出舞台
將彩虹吊框及字母移出舞台
將彩虹吊框及字母移出舞台
將彩虹吊框及字母移出舞台
3-6 如何把做好的 Flash 動畫置入網頁中?
如何把做好的 Flash 動畫置入網頁中?
如何把做好的 Flash 動畫置入網頁中?
如何把做好的 Flash 動畫置入網頁中?
如何把做好的 Flash 動畫置入網頁中?
如何把做好的 Flash 動畫置入網頁中?
如何把做好的 Flash 動畫置入網頁中?