把图形加到元件库.PPT

實作第一部Flash 動畫－手繪風格網站 第 2 章 本堂課重點提要 2-1 使用繪圖工具建立動畫場景 2-2 建立與編輯漸層色及透明效果 2-3 元件、實體與元件庫的應用 2-4 設定濾鏡及轉換效果 2-5 建立文字 2-6 用移動補間動畫建立動態背景 2-7 應用導引線製作飛舞的螢火蟲 2-8 將動畫發佈為網頁 2-1 使用繪圖工具建立動畫場景 開啟一份新的 Flash 文件時, 在預設的情況下您看到的都是完全空白的舞台。我們要使用 Flash 的各種繪圖工具, 在舞台中建立動畫場景。這一堂課要教您以簡單的幾何造型來組合變化出不同的圖形, 並加入文字和動畫, 就可以完成一個完整且精緻的 Flash 動畫網頁了。 使用繪圖工具建立動畫場景 設定文件屬性 認識幾何繪圖工具 用矩形工具繪製地板 用自由變形工具 調整大小 用橢圓形工具繪製欄杆 設定文件屬性 進入 Flash 的主畫面後, 請執行『檔案/新增』命令 (或從歡迎螢幕中按下新增區塊的 Flash 檔案 (ActionScript 3.0) 項目), 建立一份新文件。Flash 預設的舞台尺寸是 550×400 像素, 背景色為白色, 在製作前, 請先將文件屬性修改為我們想要的設定。 請執行『修改/文件』命令, 或雙按時間軸面板上的 , 開啟文件屬性交談窗： 設定文件屬性 認識幾何繪圖工具 Flash 的幾何繪圖工具包括矩形工具 和線段工具 , 其中矩形工具圖示的右下角有個小三角形,表示在 按鈕上按住左鈕不放, 就會開啟其它幾何繪圖工具的選單, 從中選取就可以切換工具。 認識幾何繪圖工具 除了線段工具 只能調整筆畫顏色 外, 其餘的幾何繪圖工具則可分別設定筆畫顏色 和填色顏色 , 或設定為只有筆畫顏色或只有填色顏色。 用矩形工具繪製地板 接著就來應用各種繪圖工具開始繪製動畫的場景, 我們預計在空白的舞台上建立一個公園的場景, 其中會包含地板、欄杆、樹叢和路燈等圖形。首先來繪製公園的地板。 請在圖層 1 上雙按滑鼠, 將圖層名稱重新命名為 地板。然後點選工具箱的矩形工具 , 設定筆畫顏色 和填色顏色 ： 用矩形工具繪製地板 用矩形工具繪製地板 在舞台上按住左鈕拉曳出一個大小如下圖的矩形, 稍後再調整位置： 用矩形工具繪製地板 使用選取工具 點選矩形, 把矩形拉曳到舞台下方, 就完成地板的繪製： 用矩形工具繪製地板 用自由變形工具 調整大小 如果繪製的矩形太大或太小, 可以使用工具箱的自由變形工具 選取矩形,矩形四周會出現控點, 拉曳控點就可以調整大小, 不需要再重新繪製： 用橢圓形工具繪製欄杆 接下來要在地板上面繪製欄杆, 不過公園裡的欄杆當然不會只有一個, 所以我們會先畫好一個之後, 利用複製的方式產生數個欄杆圖形, 排列成一整排。 為避免移動到剛剛畫好的地板, 請先鎖定地板圖層, 然後按下圖層名稱下方的 鈕新增圖層, 先命名為 欄杆, 再拉曳到地板圖層的下面。 用橢圓形工具繪製欄杆 請使用橢圓形工具 , 在屬性面板將筆畫顏色設定為黃色 (#FFFF00), 我們先畫出一個圓形, 然後切割掉下半部變成半圓形： 用橢圓形工具繪製欄杆 用橢圓形工具繪製欄杆 使用選取工具 選取圓形的下半部, 按 Delete 鍵刪除下半部, 就會形成欄杆的半圓形了： 用橢圓形工具繪製欄杆 繼續以選取工具 選取半圓形, 然後在半圓形上按右鈕執行『轉換成元件』命令, 把圖形加到元件庫, 然後複製這個圖形排列成一整列： 用橢圓形工具繪製欄杆 用橢圓形工具繪製欄杆 用選取工具 把欄杆拉曳到地板左上方, 然後按住 Ctrl 鍵 (Windows) / 鍵 (Mac) 把欄杆往右拉曳 (此時指標會呈 狀), 就可以複製出第2 個欄杆。請依照同樣的方式繼續往右複製欄杆,並且如下圖所示大致排好位置, 我們等一下再來對齊： 用橢圓形工具繪製欄杆 用橢圓形工具繪製欄杆 用選取工具 選取所有的欄杆, 然後開啟對齊面板 (執行『視窗/對齊』命令),先按下面板中的對齊下邊緣鈕 , 讓欄杆呈一直線對齊, 再按下以水平中心平均分散鈕 , 調整左右的位置, 就可以把欄杆排列整齊了： 用橢圓形工具繪製欄杆 進行到這裡我們已經完成地板和欄杆的繪製工作, 您也已經學會幾何工具、選取工具的使用方式, 以及設定顏色的技巧。提醒您別忘記要執行『檔案/儲存檔案』命令將目前的進度儲存起來, 接下來我們會繼續應用各種繪圖工具並且依照動畫的需要, 加入漸層、光暈等效果, 製作出完整的場景。 2-2 建立與編輯漸層色及透明效果 我們現在已經製作好欄杆了, 不過目前的欄杆看起來只是個平面的圖像, 沒有什麼立體感, 因此我們再將欄杆的顏色修改為漸層色, 並且加入反光和陰影, 讓畫面顯得更精緻。 設