|
基礎篇
§ Flash 基礎概念 [Basic Concept]
§ 繪圖 [Graphics]
§ 時間軸面板 [Time Line]
§ 角色 [Symbol]
§ 動作設定 [Basic Action]
§ Menu設計 [Menu Design]
§ 如何結合串流影音 [Flash & streaming video] |
[範例]
§ e-Card 範例
進階篇
§ 進階動作設定 [Action Script] 
§ 如何在網頁放入Flash [Flash in Html]
§ Flash 與 XML(資料庫)結合應用
§ 進階Flash範例 [Advanced Flash Exapmes]
§ Flash精選好站 [Cool Flash Web Sites] 
§Flash 基礎概念
◎ Flash 的特色
- 網路上最 popular 的互動式多媒體軟體
- 向量式圖形技術，讓檔案比較小，即使全螢幕播放，也不會增加
檔案大小。而且，Flash 檔案在下載的同時即可流暢的播放。
- 互動式按鍵，是flash一大特色，任何圖形或動態物件都可用來當按鈕。
- Flash 可匯入Wav (Windows)和Aiff(Machintosh)的聲音檔，
jpg,gif,png,eps,mov,avi,mp3。
- 抗鋸齒效果，可讓文字或影像的邊緣都非常平滑。
- 加強與支援點陣式圖形處理 (Enhanced Bitmap Support)，使之可旋轉、
拉長等功能。
- Flash 5提供了Action，容易製作 Animated Button 及 Interactive Menu。
尤其又增加 ActionScript功能、MP3之支援、Web Form支援。
- Publish Command協助產生Web HTML相關指令及Javascript程式。
- Flash 8.0 又增加了 Bitmap data 可接收 webcam 的影像訊號作分析與處理。
- Flash Max
參考網站：
•Flash8官方文件
•
Flash相關資源：Deviantart.com
•
Flash相關資源：flashkit.com
◎ Flash操作環境介紹
- 主功能表：存放所有操作指令的地方。
- 繪圖工具面版：提供各種繪圖工具以方便繪製向量圖形。
- 時間軸面版：關於圖層、影格、可以調整舞台顯示比例。
- 舞台：呈現的空間。
- 屬性面板:在點選「影格、圖塊、編輯區、繪圖工具」後，會立刻出現所
需工具的狀態列。
- 面板集：則提供各種排版、調色、作圖、動畫的細部編修等相關的面板。
如果要開啟某一特定的面板，可由「視窗」中點選。
◎ Flash重要元素
- 元件(Symbol)：動畫上各式各樣的圖片或文字
- 影格(Frame)：影格動畫的每個分解動作畫面，以時間軸來表示
- 時間軸(Time Line)：由數個影格所組成，它記錄著每一個元件所要進場演出的時間及出場時間
- 場景(Time Line)：場景包含了所有製作動畫的基本設定
◎ 製作Flash互動式檔案(Movie)的步驟
- 設計角本及分鏡畫面
- 繪製每一角色 (Symbol，含圖像、動畫、按鈕、聲音、影像)，並存入Library中
- 針對每一場景 (Scene)，繪製佈景及插入角色，設定每一物件之動作
(不同物件有不同動作時，需設在不同的layer)
※Symbol : movie clip, button, graphics
※movie->Scene->Layers [Instances, Background, Actions]
◎ 開啟新檔案 & 設定場景大小
- 要新增一個影片檔時，請點選主功能表的「檔案」→「開新檔案」。
- File/New (內定為 550x400，12Frames設定範圍最小是1px X 1px，最大不
能超過 2880 px X 2880 px)
- Modify/Document, 可更改 dimensions、frame rate(每秒影格數)、background color
◎ 儲存檔案 & 輸出動畫
- 影片製作完成之後，首先當然是把檔案儲存起來，可供以後修改。
請點選主功能表的「檔案(Flie) → 儲存檔案(save as)」；儲存過後的原始檔，副檔名為 *. fla (source file 含所有設定)。
- 若要將作好的影片放入網頁中或其它應用軟體，則須將動畫輸出為 Shockwave 電影檔及其它相關檔案。
此時，請執行功能表的「檔案(Flie)」→「發佈設定(Publish Settings)」，出現以下的畫面。
- 上圖中可設定該影片要輸出的類型，有電影檔 (*.swf)、網頁檔 (*.html)、圖形檔 (*.gif; *.jpg; *.png)
、Windows及Mac電腦的執行檔…等。
只要您想輸出該類型的檔案，則在該核取盒上打勾即可。若想修改輸入檔案的名稱，
請將「使用預設名稱」前的打勾取消，再鍵入欲輸出的檔案名稱即可。
-- Publish : xxx.swf & xxx.html (在save成xxx.fla後，publish
將自動產生xxx.swf & xxx.html)
-- Publish : xxx.exe (需於"File/publish setting"先設定為window project)
<embed src="ball.swf" bgcolor=#000000 width=xxx height=xxx>)
-- Export movie : xxx.swf (可輸出影像檔，如xxx.swf, xxx.mov檔案，或 連續圖像檔)
-- Export image : xxx.gif, xxx.jpg (可輸出某單格圖像)
- 設定完畢後，按「確定」按鈕即完成設定，此畫面會消失，但不會輸出檔案。
必須再執行主功能表的「檔案 → 發佈」後，才會輸出勾選的檔案。若按「發佈」按鈕，則會直接輸出勾選的檔案。
- 在動畫製作過程中，您可以隨時按 Ctrl + Enter，測試該影片播放的結果。
◎ Flash基本架構
- 工作區 (Working Area) => 快速鍵 F4
- 繪圖工具列 (Graphics Tool)
- 時間軸面板 (Timeline)
- 動作設定 (Actions) => 快速鍵 F9
- 替身屬性設定 (Property) => Ctrl+F3
- 顏色調整 (Color Mixer)
- 顏色樣本 (Color Swatcher)
- Web 元件 (Components)
- 其它：
-- 標準工具列 (Main Tool, 可點 Window/Toolbars/Main 呼叫出)
-- 狀態工具列 (Status Tool)
-- 控制工具列 (Controller, 可點 Window/Toolbars/Controller 呼叫出)
§ 繪圖工具(Graphics Tools)
Tools 參考網站：Tools
§ 圖層 (Layer):
圖層的狀態設定：
--作用中圖層：目前正在進行編輯的圖層。
--被隱藏圖層：該圖層中的物件不會顯示出來
--被鎖定圖層：該圖層中的物件無法被修改，用來保護已設計好的圖層內容。
--外框顯示：將圖層中的物件以外框線條顯示，可用來了解內容較複雜的動畫中，
各圖層物件的相對位置。
Example 1: 如何作字形字體及顏色變化
Step 1: File/Import: 可把圖檔輸入進來
Step 2: Modify/Break Apart : 用來把圖檔或字型拆成更細的向量物件
Step 3: 一旦字型經 Break Apart後，即可作形狀變形，及填入漸層顏色
Example 2: 如何作斜體陰影文字
Step 1: 打一文字串
Step 2: Copy 一份，並改為灰色
Step 3: 利用旋轉工具，拖壓成斜扁狀
Step 4: Modify/Arrange/Behind : 把陰影移至底層
Example 3: 如何作Mask
Step 1: File/Import: 可把圖檔輸入進來
(flash把圖檔當成物件非檔案，因此需用 import方式輸入)
Step 2: Insert/New Layer
Step 3: 圖繪圖案
Step 4: 在new layer，按右鍵，點選Mask
Example 4: 如何轉換一點陣圖檔為向量圖檔
Step 1: File/Import: 可把bmp圖檔輸入進來
Step 2: Modify/Trace Bitmap
Step 3: 在color : 調整色彩準位，數字越小，向量圖檔越細緻複雜
Step 4: 在Minimum Area: 決定轉換圖檔的精確度，數字越小越細緻
§ Control Panel
- 色彩面版
-- 預覽顏色、設定顏色。
-- 可以調整色彩之透明度，數值愈小愈透明。
-- 可以選擇 RGB、HSB 模式。
HSB： H 代表色相，可在 0~360 區間作選擇； S 代表飽和度； B 代表亮度。
-- 可以將編輯好的顏色新增到顏色色票面板中的色盤使用。
--  填色樣式：單色模式、線性漸層、放射狀漸層、點陣圖。
- 顏色色票面板
-- 點選單色色表，可改變線條或區塊的顏色。
-- 點選漸層色色表，可在區塊內填入漸層顏色。
-- 按下右上角的箭頭，可看到其它色票功能，如:增加顏色、輸入色盤、清除色盤、顯示瀏覽器相容的 216 色等…
標準工具列
Hot Keys
| A : Arrow，指標工具 |
T : Text，文字工具 |
| P : Pencil，鉛筆 |
I : Ink Bottle，墨水瓶 |
| B : Brush，筆刷 |
U : Paint Buket，油漆桶 |
| E : Erase，橡皮擦 |
D : Dropper，探色棒 |
| M : Mag Mifier，放大鏡 |
L : Lasso，徒手圈選工具 |
| Esc : 取消選取 |
|
狀態工具列
•Hide Information
•Hide Mixer
•Show Character
•Hide Instance
•Show Movie Explorer
•Show Actions
•Show Library
§ 濾鏡 (Fliters)
- Flash８所提供的濾鏡特效有：投影、模糊、光暈、斜角、漸層光暈、漸層斜角、調整顏色。
- 濾鏡的使用限制：只能針對下列三種物件套用
-- 影片片段元件
-- 按鈕元件
-- 文字物件(包括靜態文字、動態文字、輸入文字)
且發佈設定須使用Flash Player８(或以上)的版本，用來播放的Flash Player 也必須是８(或以上)的版本，濾鏡特效才有作用。
- 濾鏡品質的設定：
每個濾鏡都可選擇設定品質為高、中、低，原則上品質愈高，動畫就愈細緻，
但有一個大原則：無論選擇何種品質，如果瀘鏡套用在補間動畫上，
兩個關鍵影格的品質設定最好相同，否則播放時會有不流?的現象。
§ 主選單 Main Menu
◎ File
- New / Open…
- Save / Save as…
- Import / Export…
- Publish Settings / Publish…
- Device Settings
- Page Setup… /Print
- Send
- Edit Sites…
- Exit
-- Perferences/Show Popupmenu : 可秀出Frame的插入點
◎ Edit
- Undo / Redo
- Cut / Copy / Paste / Paste in Place
- Clear / Duplicate
- Select All / Deselect All
- Copy Frames / Paste Frames
- Edit Symbols / Edit Selected / Edit All
- Insert Object / Links
◎ View
- Go To (First/Previous/Next/Last/Current)
- 100%
- Show Frame : 放大現在播放的場景
- Show All : 放大所有播放的場景
- Outline : 將所有圖形以外框線方式呈現
- Fast : 正常模式呈現
- Antialias (柔化) : 消除鋸齒邊
- Antialias Text : 消除文字鋸齒邊
- Time line : 顯示時間軸面板)
- Work Area : 工作區依windows而不同大小呈現
- Rulers : 尺標
- Tabs : 可看到場景的標籤
- Grid : 輔助格線
- Snap : 抓點功能，可使物件移動根據grid移動
- Show Shape Hints : 顯示圖形對應參考點
◎ Insert
- Create Symbol : 產生新的角色
- Layer : 新增圖層
- Motion Guide : 新增動畫路徑
- Frame : 新增圖框
- Delete Frame : 刪除圖框
- Key Frame : 新增Key Frame (會自動copy上一Key Frame的畫面)
- Blank KeyFrame : 新增空白Key Frame
- Scene : 新增場景
- Remove Scene : 刪除場景
◎ Modify
- Instance : 可修改角色替身的Property (顏色、亮度、透明度)
- Frame : 可修改Frame的Property (Label、Sound、Action、Tweening)
- Layer : 層次
- Scene : 重新命名場景
- Movie : 可修改Movie的 Property(Movie Size、播放速度、背景顏色)
- Font : 可修改文字字形、字體、大小
- Paragraph : 可修改文字段落的邊界，及行距
- Style : 可設定字體的粗斜體，齊左、齊右
- Kerning : 可作微調
- Text Field
- Smooth
- Straighten
- Optimize
- Shape
- Trace Bitmap : Frames : 將Bitmap圖像轉為向量圖像
- Tansform : 可將物件旋轉、放大或縮小
-- Remove Color : 可把彩色變單色
-- Add Shape Hint : 在物件中增加參考對應點，拖拉參考點至場景外即可刪除參考點
-- Edit Center : 可修改物件的中心參考點
- Arrange : 可調整物件呈現的次序
- Frames : 調整Frames之順序，可逆向調整或與Symbol同步
- Curve : 曲線條整
- Align : 將所選取的物件作垂直、水平對齊
- Group / Ungroup: 將所選的物件群組化 / 取消群組化
- Break Apart : 將群組打散成物件，將文字或圖檔打散成圖形
◎ Control
- Play : 播放Movie，亦可按Enter播放
- Rewind : 將Movie回到第一個Frame
- Step Backward : 後退一個Frame
- Step Forward : 前進一個Frame
- Test Movie : 測試Movie (可產生Shockwave檔案並立即播放)
- Debug Movie : 除錯Movie
- Test Scene : 測試場景 (會將所選的場景產生Shockwave檔案並立即播放)
- Settings : 可設定輸出Shockwave檔時之圖形品質、聲音品質等屬性
- Loop Playback : 重覆播放
- Enable Frame Action : 播放Movie時，將執行Frame Action的動作
- Enable Sample Button : 播放Movie時，將執行Button的動作
- Mute Sound : 關掉所有聲音
◎ Window
- Toolbars、Timeline…
- Common Libraries :通用的按鈕等元件
- WindowSpace Layout : 可恢復工作面版，自定工作面版
- 十分Flash創意新網頁 -- (上奇)
- Flash5 進級大冒險 -- (知城)
- Flash5舞動勁爆網頁 -- (文魁)
- Flash4搖擺閃客族 -- 廖御琪 (上奇)
|
，按一下滑鼠左鍵以 選取該錨點，便可以調整控制點或錨點以調整路徑。
可選取某範圍顏色值的「圖素」，通常搭配「容許度」使用，可將匯入圖片完美地去背。在魔術棒屬性設定視窗中可設定容許度。
設定魔術棒可選取之顏色值範圍。
可以連續點選的方式，來選取特定的範圍。
建立第一個錨點的滑鼠指標。
刪除控制點的滑鼠指標。
新增錨點的滑鼠指標。
刪除錨點的滑鼠指標。
按鈕，可設定矩形的圓角半徑。
畫出來的線條軌跡接近平直，則 Flash 會將該線段變成直線。
此種模式可畫出平滑的曲線。(建議選項)
畫出的線條接近手繪。
空隙大小：油漆桶工具必須把顏色倒在一個封閉的編輯區域內，
但所謂的封閉並不一定要完全沒有缺口，就算封閉區域有缺口，油漆桶仍然可以填色，但得事先設定好缺口大小的限度。
Lock Fill : 可所定填實後的物件
Transform Fill : 可改變漸層fill的方向
Faucet: 在線條或範圍內，可洗掉顏色
一般擦除：所有的線條和填色都會被擦去。
橡皮擦形狀。
黑色和白色：把線條頻色設為黑色，填充顏色設為白色
無色：使用矩形或橢圓形工具時，若設好填充顏色再按此鈕，
會變成「內部不填色」。若設好筆畫顏色再按此鈕，則變成「不加外框線」。
替換顏色：將線條顏色與填充顏色互換。