FLASH动画创作.ppt

FLASH動畫創作 基本動畫技巧 基本名詞 【說明】 電影（Movie） 舞台（Stage） 場景（Scene） 影格（Frame） 劇本的編排處 時間軸（Timeline） 一般影格（Frame） 關鍵影格（Keyframe） Flash 基本觀念：多使用電影的隱喻 Symbol Instance Library 元件（Symbol）：本尊 實體（Instance）：分身 元件庫（Library）：元件的休息室 【範例】GG龍 ggl_button.swf (25 K) loading_1.swf (35 K) 【說明】重複使用元件的好處：symbols.ppt ( 540 KB ) Flash 的動畫方式 主要：Tween (漸 變補間) 另見：Flash 的動畫產生方式 基本觀念 所謂動畫就是有變化的畫面，都可稱為動畫； 一段動畫至少要有2個不同的畫面影格； 畫面影格就是所謂的Keyframe關鍵影格； Keyframe 代表一段動畫的開始或是結束。 影格（Frame） 時間軸（Timeline） 一般影格（Frame） 關鍵影格（Keyframe） 空白關鍵影格（Blank Keyframe） 【閱讀】Help 時間軸中的動畫表示 基本動畫技巧 逐格動畫(keyframing) 補間動畫 形狀 移動 導引線的使用 遮色片效果 元件效果 【例】捕蝶花： Flash_5_Keyframing.swf (24 KB) Flash_5_Keyframing.fla (148 KB) 【例】 hillmancurtis/bladerunning.swf (275 KB)：蛇爬行、 人走路 【注意】合理性 (1) 觀察實際現象（例如：旗子飄動、人走路、 狗走路、鳥振翅、蟲蠕動） (2) 不違反自然定律（例如：地心引力等） Flash 動畫方式 ：逐格、漸變、導線 【例】蜥蜴補蟲 leaping_lizards.swf leaping_lizards.fla 逐格動畫 ： 【閱讀】Help Using Flash Creating Animation Creating frame-by-frame animations 逐格動畫製作 Keyframe關鍵影格的插入 要產生動畫，就要在特定的時間影格，插入 Keyframe關鍵影格，才能將兩個Keyframe關鍵 影格之間的影片轉 變為Animation動畫。 Flash 的三種檔案格式 原始檔（FLA）：編輯作業檔，須有 Flash 軟體 電影檔（SWF）：嵌在網頁中者須為 SWF 檔 執行檔（EXE）：無 Player 時亦可播放 【例】帕海貝爾的D調卡農.exe (533 KB) 註：此組圖示依 Flash 版本之不同而不同 KeyFrame的實例演練 時間倒數 滾動的球 打字機特效 形狀補間動畫的製作 物件 在Flash要做形狀動畫的物件，必須是一般 物件，動畫才能執行。 Keyframe關鍵影格的插入 要產生動畫，就要在特定的時間影格，插入 Keyframe關鍵影格，才能將兩個Keyframe關鍵 影格之間的影片轉 變為Animation動畫。 移動補間動畫的製作 Symbol元件的產生 在Flash要做動畫的物件，必須要轉為正式的 Symbol角色元件，動畫才能執行，而該元件也 才能被反覆使用 Keyframe關鍵影格的插入 要產生動畫，就要在特定的時間影格，插入 Keyframe關鍵影格，才能將兩個Keyframe關鍵 影格之間的影片轉 變為Animation動畫。 導引線的使用 在圖層新增一個元件，並作一段移動補 間動畫。 接著按下圖層的增加導引線工具鈕，新增 一個導引線圖層。並利用鉛筆工具， 在此圖層畫出任意曲線路徑。 導引線的使用(續) 在不同的KeyFrame，將圖層1的元件移至導 引線的兩端。 如此元件的移動路徑就會受導引線的引導。 遮色片效果 這也是Flash的動畫效果； 我們直接用範例來了 解Mask遮罩的作用 。 範例 利用【檔案匯入】，讀入一張把該圖層命名 為照片； 再新增一個圖層，把該圖層命名為遮罩， 在遮罩圖層產生一個紅球的元件，並且做 一段由左至右的Motion動畫。 將“照片”圖層時間延長，再點選遮罩圖層 ，按右鍵執行遮色片指令。 元件效果 Symbol的變化不只單是大小旋轉而已 ，我們還可以改變它的顏色，明亮度 及透明度。 效果類型 亮度 進階 Alpha 範例 圖層1產生一個紅球的元件，並且做三段由 小變大的移動補間動畫。 接著在各個KeyFrame中，點選紅球，並將 其顏色的屬性作變動。 影格(FRAME) 與 關鍵影格(KEYFRAME) 關鍵影格Keyframe的增加與刪除 關鍵影格Keyframe的增加 可以在一段動畫中，再增加一個或數個 Keyframe，讓變化更多. 請產生一段30格的動畫，內容為一個紅球由左 至右。 關鍵影格Keyframe的刪除 旋轉的動畫 點選關鍵影格，並在其【屬性】視窗中，選擇 ( 旋轉)右邊欄位的三角鈕，再選擇CW(順時針)， Times(旋轉次數)欄位請鍵入數值。 動畫延長 將一段20格Frame的動畫延長至30格，就是將 滑鼠移到最後一個Keyframe； 按著滑鼠左鍵拖曳拖曳至30格的位置即可。 。 動畫延長(續) 選取一段10Frame的長度； 按右鍵插入影格即可 。 。 動畫縮短 步驟同動畫延長，差別只是在於按右鍵時，選 擇清除影格 。 FLASH動畫的創作 Layer圖層的使用 Layer的增加 1. 在選項列 InsertLayer 2. 在某一Layer圖層按右鍵，出現視窗，請選擇 Insert Layer 3. 直接點選新增Layer按鈕 FLASH動畫的創作 Symbol的使用 產生Symbol 新增元件功能表【插入新增元件】 利用工具箱繪製物件 轉換成元件功能表【修改轉換成元件】 Symbol的出場時間 如果我們希望某物件是在特定的時間 才出現， 方式有二 1.先產生物件後，再將其Keyframe移至特定的Frame 時間 2.先產生Blank Keyframe 空白的Keyframe，確定出現 時間，再來產生物件 元件(Symbol)效果effect Symbol的變化不只單是大小旋轉而已，我們還 可以改變它的顏色，明亮度及透明度。 效果類型 亮度 進階 Alfa Symbol的中(軸)心點 Symbol中心點都是在物件的最中間，但有時候 我們必須改變Symbol的中心點，才能完成我們 要的動畫效果 。 利用【自由變形】工具，將元件的中心點移至 其他位置即可。 Movie Clip 影片片段 Movie Clip是另一種行為的Symbol，它本身就是 一段影片 Movie Clip的影片播放，並不受Scene場景的 Frame的Stop影響 按鈕Button的變化 Button的基本結構 Up 就是滑鼠游標尚未移到按鈕，或是從按鈕離開後， 按鈕的呈現模 樣，也就是最原先的狀態 Over 就是滑鼠游標移到按鈕上方時，按鈕的呈現模樣 Down 就是滑鼠游標移到按鈕上方，再按下左鍵時，按鈕 的呈現模樣 Hit 就是按紐對滑鼠游標的感應範圍 Flash