使用绘图工具建立动画场景.PPTVIP

實作第一部Flash 動畫－手繪風格網站 第 2 章 * 東南科技大學專用 PowerPoint 檔案數位教材 東南科技大學專用 PowerPoint 檔案數位教材 東南科技大學專用PowerPoint 檔案數位教材 旗標出版股份有限公司 製作 本著作含書附光碟之內容 (不含 GPL 軟體)，僅授權合法持有本書之讀者（包含個人及法人）非商業用途之使用，切勿置放在網路上播放或供人下載，除此之外，未經授權不得將全部或局部內容以任何形式重製、轉載、散佈或以其他任何形式、基於任何目的加以利用。 * 本堂課重點提要 2-1 使用繪圖工具建立動畫場景 2-2 建立與編輯漸層色及透明效果 2-3 元件、實體與元件庫的應用 2-4 設定濾鏡及轉換效果 2-5 建立文字 2-6 用移動補間動畫建立動態背景 2-7 應用導引線製作飛舞的螢火蟲 2-8 將動畫發佈為網頁 * 2-1 使用繪圖工具建立動畫場景 開啟一份新的 Flash 文件時, 在預設的情況下您看到的都是完全空白的舞台。我們要使用 Flash 的各種繪圖工具, 在舞台中建立動畫場景。這一堂課要教您以簡單的幾何造型來組合變化出不同的圖形, 並加入文字和動畫, 就可以完成一個完整且精緻的 Flash 動畫網頁了。 * 使用繪圖工具建立動畫場景 設定文件屬性 認識幾何繪圖工具 用矩形工具繪製地板 用自由變形工具 調整大小 用橢圓形工具繪製欄杆 * 2-2 建立與編輯漸層色及透明效果 我們現在已經製作好欄杆了, 不過目前的欄杆看起來只是個平面的圖像, 沒有什麼立體感, 因此我們再將欄杆的顏色修改為漸層色, 並且加入反光和陰影, 讓畫面顯得更精緻。 設定漸層色 用橢圓形工具及鋼筆工具繪製草叢 * 設定漸層色 我們已經把欄杆加入元件庫了, 所以不必逐一修改每個舞台上的欄杆, 只要修改欄杆元件的設定就可以了。請接續先前的範例或開啟範例檔案 02-ex01.fla, 繼續下列的練習。 使用選取工具 雙按舞台上的任一欄杆, 就可以進入欄杆元件的元件編輯模式： * 2-3 元件、實體與元件庫的應用 先前的繪製工作中, 我們把圖形畫好後, 會將圖形建立為「元件」, 再繼續編輯動畫內容。在動畫的製作中, 像這樣應用「元件」的做法, 可省下許多重複製作的時間, 是您一定要學會的技巧。請看看下列與元件相關的說明。 認識元件和實體 認識元件庫 建立新元件 * 認識元件和實體 在 Flash 製作動畫時, 我們可以將會重複使用到的物件, 製作成元件存放在動畫文件的元件庫中, 當您需要使用該元件時, 便可自元件庫將它拉曳出來使用。此時, 從元件庫中被放入舞台編輯區中進行編輯的, 便是該元件的實體。 在編輯區中的每個實體都是獨立個體, 你可以任意輯、更改它的屬性, 並不會影響到相同元件的其它實體。但如果進入元件的編輯模式進行修改, 則所有的實體也會同時更新, 例如上一節我們將欄杆元件設定為漸層填色之後, 舞台上所有的欄杆也都會一併修改好。 * 2-4 設定濾鏡及轉換效果 Flash 內建的濾鏡和轉換功能, 可以讓我們在繪製好的元件或文字上快速套用各種影像特效, 如：光暈、模糊、變亮、負片效果…, 只要改變一下設定值就能營造出不同的氣氛。 用轉換效果變化圖形外觀 在畫面上加入濾鏡特效 * 用轉換效果變化圖形外觀 轉換效果會混合上下重疊的兩個影像色彩, 依照選擇的轉換效果設定, 產生出特殊的影像混合結果, 有時也會變化出讓您出乎意料的影像效果。接下來就把製作好的路燈再畫上光暈, 並且套用轉換效果讓路燈更有發亮的感覺, 請接續上例或開啟範例檔案 02-ex04.fla 來操作。 * 2-5 建立文字 動畫中的文字扮演著重要的角色, 例如製作角色對白字幕、提供文字內容供人閱讀, 或是放置商品詳細說明、公司服務介紹等資訊。在 Flash 中加入的文字, 也可以套用濾鏡特效, 以變化文字的呈現效果讓畫面更美觀。 用文字工具輸入文字 將文字套用濾鏡 * 用文字工具輸入文字 接下來要利用文字工具 , 如下圖在動畫場景中輸入網站 LOGO、選單文字,並建立版權文字, 請接續上例或開啟範例檔案 02-ex05.fla 來練習。 * 2-6 用移動補間動畫建立動態背景 我們已經應用各種繪圖工具, 以及濾鏡、轉換效果、文字工具將動畫的場景都大致繪製完成了, 接下來就要在舞台上加入會 動 的元件, 讓建立好的場景有畫龍點睛的效果。 用選取工具調整圖形外觀 建立移動補間動畫 * 用選取工具調整圖形外觀 目前的場景是純黑、全靜止的狀態, 我們要加入兩層緩緩游移的漸層色塊, 讓平淡的公園場景產生夏夜微風吹徐的感覺。 * 2-7 應用導引線製作飛舞的螢火蟲 目前的動畫已經大致完工了, 最後再為這個公園場景加入幾隻飛舞的螢火蟲, 增添動畫的生命力