Flash-教学课程.ppt

Dr. Lawrence Y. Deng Flash 教學課程 Dr. Lawrence Y. Deng lawrence@.tw bird@.tw 課程大綱 Flash 簡介 繪圖工具與圖形Library 動畫製作 簡單範例 後製作業 進階技巧 Flash5簡介 Flash Player 如何辨識Flash Micromedia網頁製作家族 Flash5新增功能 Flash5基本操作 Flash Player 最新版本：Flash Player 6 MX 瀏覽器使用之版本 Internet Explorer Active X Netscape Plug-ins 如何辨識Flash 將滑鼠移至瀏覽器中網頁動畫，按滑鼠右鍵，如在Context Menu(快顯功能表)中有關於Flash Player X(X 表Version) Micromedia網頁製作家族 Flash: 動態網頁及動畫製作 FreeHand: 多層頁面編輯設計、向量圖繪製 Generator: 接受訊息並更新資料及動態圖形(互動式應用) Dreamweaver: 網頁製作軟體 Fireworks: 製作網頁圖檔，可同時處理點陣圖與向量圖 Flash5的新增功能(1) 輸入FreeHand格式 利用FreeHand製作影像 可匯入轉成Flash圖層或KeyFrame 支援Generator2 接受訊息並更新資料及動態圖形(互動式應用) 貝茲曲線工具 加入Subselect Tool:將現有圖形修改成貝茲曲線 加入 Pen Tool:繪製貝茲曲線 Share Library 物件重複使用 同一圖檔，不增加檔案大小 Flash5的新增功能(2) Movie Explorer 類似檔案總管、樹狀物件結構 編輯、檢視物件 搜尋文字、字型、Action Script及Symbol資訊 Action Script 設計互動 方式： 直接拖曳 雙按指令 專家模式 HTML編輯與XML支援 匯入HTML製成SWF檔 XML樹狀結構 Flash5基本操作(1) Flash5基本操作(2) 面板 面板開啟與關閉 快速啟動列 Flash5基本操作(3) 顯示比例、畫面與切換顯示模式 調整舞台顯示比例 顯示/隱藏工作區 放大鏡 移動顯示畫面 切換顯示模式 Outlines：顯示物件外框輪廓 Fast：關閉Anti-Aliasting，顯示速度較快 Antialias：開始圖形物件與點陣圖反鋸齒功能 Antialias Text：比Antialias多文字物件反鋸齒功能 Flash5基本操作(4) Scene (場景) 由電影、影片而來 背景不同(主角除外) 用來區隔不同故事場景，方便安排動畫 安排及操作 Flash5基本操作(5) 設定舞台尺寸 Frame Rate： fps(frame per second) Dimensions： Width Height Match： Printer：按頁面大小 Content：按內容調整 Background Ruler Units Flash5基本操作(6) 儲存檔案 檔案格式：fla 輸出動畫 Export：其他程式支援之格式 出版網頁 Publish：應用在網頁的動畫 繪圖工具與圖形Library(Pencil Tool) Pencil Tool(畫圖工具) 設定顏色 Options Straighten (改正模式) Smooth(平滑模式)-常用 Ink (手繪模式) 面板(Stroke Panel)(1) 面板(Stroke Panel)(2) Line Style(6個) Rangged(破爛線條) Pattern(模式): Solid實線、Simple一般、Random不規則、Dotted點狀、Random Dotted不規則點狀、Triple Dotted三倍點狀、Random Triple Dotted三倍不規則點狀 Wave Height(波動高度): Flat平整、Wavy一般波動 、Very Wavy高度波動 、Wild極度波動 Wave Length(波動的長度): Very Short很短、Short短、Medium中等、Long大 面板(Stroke Panel)(3) Line Style(6個) Rangged(破爛線條) Dot Size(點的大小): Tiny最小、Small小、Medium中等、Large大 Dot Variation(點的大小變化): One Size單一大小、Small Variation小變化、Varied Size中等變化、Random Sizes不規則變化 Density(點的密集度): Very Dense非常密集、Dense密集、Sparse疏鬆、V