SlideShare uma empresa Scribd logo
1 de 120
Flash 教學使用 Flash CS3 交通大學電子工程系 劉昱賢
何謂 Flash ,[object Object],[object Object]
如何知道這是 Flash 的動畫? ,[object Object]
動畫原理 ,[object Object]
Flash 動畫 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Flash
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
軟體特色 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
功能簡介 工具 工作 區 圖層 時間軸 元件庫 調色盤 浮動版面 檔案 場景元件
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
工具箱
工具箱 ,[object Object],[object Object],[object Object],[object Object],[object Object]
工具箱 ,[object Object],[object Object],[object Object],[object Object]
工具箱 ,[object Object],[object Object],[object Object],[object Object],[object Object]
工具箱 ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
動畫 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
動態補間 (Motion Tweening) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
形變動畫 (Shape Tweening) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
形變動畫 (Shape Tweening)
形變動畫 (Shape Tweening)
導引動畫 (Guide Motion) ,[object Object],[object Object]
導引動畫 (Guide Motion) ,[object Object],[object Object]
導引動畫 (Guide Motion) ,[object Object],[object Object],[object Object],[object Object],[object Object]
導引動畫 (Guide Motion)
遮罩動畫 (Mask Motion) ,[object Object],[object Object],[object Object]
[object Object]
[object Object],[object Object],[object Object]
[object Object]
Group 群組 (1/3) ,[object Object],[object Object],[object Object]
Group 群組 (2/3) ,[object Object],[object Object],[object Object]
Group 群組 (3/3) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Scale 縮放 ,[object Object]
Break Apart  打散 (1/2) ,[object Object],[object Object]
Break Apart  打散 (2/2) ,[object Object],[object Object],[object Object]
排列順序 ,[object Object],[object Object],[object Object],[object Object],[object Object]
元件庫 ,[object Object],[object Object],[object Object],[object Object],[object Object]
元件庫概念 ,[object Object],[object Object],[object Object]
製作 Symbol 元件簡介 ,[object Object]
元件特色 ,[object Object],[object Object],[object Object],[object Object],[object Object]
製作 Symbol 元件簡介
製作 Symbol 元件簡介 ,[object Object]
新增元件 ,[object Object]
文字工具( Text Tool ) ,[object Object]
文字工具( Text Tool ) ,[object Object]
字幕顯示
文字工具( Text Tool ) ,[object Object],[object Object],[object Object],[object Object],[object Object]
場景 (Scene) ,[object Object]
舞台的尺寸 ,[object Object]
場景簡介 ,[object Object]
場景簡介 ,[object Object],[object Object]
場景舞台的顯示比例 ,[object Object]
新增場景 ,[object Object],[object Object]
場景的更名 ,[object Object],[object Object]
場景的切換 ,[object Object]
[object Object]
場景的調整 ,[object Object]
場景的刪除 ,[object Object]
圖層( Layer ) ,[object Object]
圖層( Layer )的使用 ,[object Object]
圖層( Layer )的使用 ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],顯示 / 隱藏 鎖定 /  解除鎖定 外框顯示
[object Object],[object Object]
影格( Frame ) ,[object Object],[object Object],[object Object],[object Object],[object Object]
影格( Frame )
影格 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
空白關鍵影格 ,[object Object],[object Object],[object Object]
關鍵影格 ,[object Object],[object Object]
形狀漸變影格 ,[object Object],[object Object],[object Object]
移動漸變影格 ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
音效處理 ,[object Object],[object Object],[object Object]
聲音同步設定 ,[object Object],[object Object],[object Object],[object Object]
聲音同步設定 ,[object Object],[object Object],[object Object],[object Object]
存檔類型 ,[object Object],[object Object],[object Object],[object Object]
輸出檔案 ,[object Object]
網頁整合出版 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
圖庫資源 ,[object Object],[object Object]
網站資源 ,[object Object],[object Object]
Case study: 廣告製作
Step 1 收集資源 ,[object Object],[object Object]
Step 2 匯入 ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Case Study:MP3 介面
Step1  蒐集元件 ,[object Object],[object Object],[object Object]
Step 2 建立 Tab ,[object Object],[object Object]
Step3 漸層填色
Step4 去除下半部 ,[object Object],[object Object]
Step5 補齊下半部 ,[object Object],[object Object]
Step6 排列元件 ,[object Object]
Step7 建立漸變動畫
完成圖
Case Study: 產品 Demo 影片
滑鼠點擊動畫 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
加入音樂 ,[object Object],[object Object]
輸入產品介紹 ,[object Object],[object Object]
Case Study  摩天輪
放入元件 ,[object Object],[object Object],[object Object]
[object Object]
旋轉 ,[object Object],[object Object]
Case Study  標語製作 ,[object Object]
建立文字動化
新增文字 ,[object Object]
輸入文字
[object Object]
[object Object]
匯出 SWF ,[object Object]
結果預覽
[object Object]
匯入元件庫

Flash Release

Notas do Editor

  1. 打散的功能與解除群組有點類似。