第一次上課:Flash動畫製作概論


◎Flash 軟體特色

一、向量式繪圖軟體

Flash 是屬於向量式的繪圖軟體,放大縮小圖形不失真,由 Flash 繪製輸出的畫面具有高畫質且檔案小的優點

二、影音整合

Flash 可以匯入音效檔,為整個電影加上背景音樂及特殊音效。

三、可匯入、匯出多種檔案格式

可輸入音效檔 (wav) (mp3)、 及點陣、向量格式的圖形檔,如:wmf、ai、eps、dxf、bmp、jpg、png、gif 等多種圖檔;亦可輸出電影、音效、及各種格式的圖檔。

四、多種互動性的指令 (Actions指令)

Flash 不用寫複雜的程式語言,可以用 Actions 中的各種互動性指令來設定、編輯動畫。

五、動畫檔案體積小

同樣內容的 Flash 動畫檔和 GIF 動畫檔比較起來,前者檔案體積小很多,而且 Flash 的動畫還可以匯入音效,比起 GIF 動畫,效果更炫。


◎Flash基礎觀念及使用者介面

場景(Scene) :是動畫真正呈現的地方,相當於「舞台」。 「元件」設計好之後,可以從「元件庫」中拖曳到「場景」上來演出。

元件(Symbol):是一種可以重複利用的元素,設計好的元件,都會放在「元件庫」中。 元件的使用,能使動畫的製作更有效率,且能有效縮減動畫檔案的大小。其種類如下圖所示

時間軸(Timeline):就是「隨著時間的進行,播放出一格一格的動畫」。

影格(Frame):分為以下幾種

關鍵影格︰表示此影格有放入物件。

空白關鍵影格︰表示該影格未放入物件。

(普通)影格︰可延長動畫的時間,呈現出上一個「關鍵影格」的內容。

移動補間動畫影格(移動漸變)︰在兩個關鍵影格間,設定了物件移動的動畫效果。

動作影格︰關鍵影格上頭多了一個「a」,表示此一影格有設定「動作」。

圖層︰當同一時間,有兩種以上的動畫要出現在場景中的時候,就必須使用多個「圖層」來管理。


◎Flash製作五個編準程序

1.設定場景:設定「場景」的大小及背景色

2.製作元件:製作動畫的物件

3.安排圖層及設計時間軸:每一個圖層最好只放置一個元件.圖層的名 稱可以是中文,但最好與所放置的「元件」名稱相關。

4.測試及存檔:存為.FLA檔以便下次修改.但無法預覽

5.發佈:存為SWF、EXE或HTML檔.但無法修改


◎Flash範例(來回移動的球)

實作步驟

Step1.開ㄧ個新檔案

Step2.在屬性面板中下【大小】,出現文件屬性對話方塊,在尺寸中可設定寬度.高度及背景顏色 ,然後按下【確定】將顯示比例改為【50%】,以方便瀏覽。

Step3.插入/新增元件.名稱:circle.類型:圖像然後按下【確定

Step4開始繪製紅圓,首先點選左側工具箱中的【橢圓型工具】,接著將【筆畫顏色】點選為無,並且更改【填充顏色】為紅色。 配合按著【Shift】鍵不放,再拖曳滑鼠畫出正圓,畫出一個正圓後可以利用【選取工具】去點選所畫的正圓,之後在屬性面板中會出現此正圓的資訊,可將此資訊修改為寬【60】、高【60】

.

 

Step5.將紅圓變為綠球.點漸層及顏色面板自行調整

Step6.回到場景1

Step7.將圖層1改名為circle並將綠球由元件庫拖曳至編輯區

Step8.在【circle】的圖層中的第40影格上按下右鍵/【插入影格】若要增加影格可按F5

Step9..在【circle】的圖層的第20.40影格上分別按下右鍵/【插入關鍵影格】,然後移動第20影格的位置至右邊

Step10.在第1至第20影格間及第21至第40影格間按下右鍵為【建立移動補間動畫】

Step11.測試:控制/播放或按ENTER

Step12.存檔:檔案/儲存檔案.檔名為94****circle.fla

Step13.發佈設定:檔案/發佈設定.選Flash格式.按發佈確定


◎Flash教學網站

錄影檔

網頁


◎Flash優良作品觀摩:

江翠學生作品