FLASH 8 課程入門(一)

前 言

Flash 軟體的問世,為網頁設計者提供了另一種製作動態網頁的新選擇,它結合了音效、影像、動畫,具備了高品質、體積小、互動性高的優點,它的特色大略分述如下列幾點:

一、向量式繪圖軟體

Flash 是屬於向量式的繪圖軟體,由 Flash 繪製輸出的畫面具有高畫質且檔案小的優點,其繪圖工具操作簡易,每種工具皆有多種附屬功能可以選擇,因此,它雖沒有一般向量式繪圖軟體複雜的工具指令,卻也能作出許多特殊效果。

二、影音整合

Flash 可以匯入音效檔,為整個電影加上背景音樂及特殊音效,為了因應網路傳輸下載的需要,Flash 可壓縮音效輸出電影,使檔案體積變小。

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

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

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

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

五、動畫檔案體積小

網頁常用的 GIF 動畫,是利用 Frame By Frame 的原理,即一個影格放置一張圖,一段小小的動畫可能就需要多張相同大小的圖組合而成。而 Flash 是利用 Tweening 的原理,模擬出物件移動變形的動畫,不需要像 GIF 一樣要放置很多張圖,因此同樣內容的 Flash 動畫檔和 GIF 動畫檔比較起來,前者檔案體積小很多,而且 Flash 的動畫還可以匯入音效,比起 GIF 動畫,效果更炫。

六、可模擬網頁動畫下載的情況

Flash 提供電影的網路測試環境,讓使用者可以模擬網路上電影的下載播放情形,可得知電影檔案是否過大,來作為修改及是否要加入下載等待畫面的參考指標。

七、可與資料庫結合

Flash可以與Php、ASP等程式語言結合,開發出各種動態網頁。如聊天室、線上遊戲、電子商務網頁、線上測驗等

 


操作簡介

開啟新檔

1. 開啟Flash 8之後,選擇介面的 建立新檔案Flash 文件,就會開始一個Flash的空白原始文件檔,如圖 1所示

或是從選項列 中的檔案 >> 開新檔案,開啟新增文件視窗,在一般選項就可以選擇Flash 文件,如圖 2


圖 2

※ Flash允許同時開啟多個檔案,在我們沒有存檔之前,檔名都會預設為未命名-1、未命名-2、未命名-3....,我們可以開啟多個新檔或舊檔,藉由左上方的檔名顯示,來點選並編輯某一個Flash檔案,如圖 3


圖 3


速圖示功能

打開Flash後,請先執行 視窗 >>工具列 >>主工具列,如圖 4


圖 4

這樣我們就可以利用主工具列的快速圖示的各種圖示功能來執行各種常用指令,如圖 5


圖 5

 

 

關閉檔案或關閉程式

1. 滑鼠游標點選該Flash文件最右上方的"x",來關閉檔案
2. 滑鼠游標點選整個畫面最右上方的"x"
※ 關閉檔案的另一方法 檔案 >> 關閉檔案


存檔

1. 點選選項列中的 檔案儲存檔案圖 6
2. 或是同時按Ctrl及S鍵 、或是按快速圖示中的"存檔"圖示
※ Flash的副檔案為 .fla


圖 6

主要編輯介面 Flash MX的工作環境以標籤面板來輔助我們的工作,我們會依作品需要來向各位介紹。

舞台

開啟Flash之後,畫面中央的白色區域就是舞台,也就是我們設計作品所呈現的畫面。如圖 7

舞台顯示比例的顯示全部 是指顯示畫面所有影像圖形為主要顯示方式
顯示影格 是指顯示畫面四個邊為主要顯示方式,但在開啟不同面板時,舞台四個邊則會被面板蓋住
符合視窗大小是指在開啟不同面板時,舞台依就保持顯示畫面四個邊

所以建議先採取符合視窗大小


圖 7

時間軸

時間軸是用來控制並記錄我們的 Flash 互動電影,它顯示每一個Scene場景,Frame影格,以及Layer圖層。
我們利用時間軸來將不同的場景或是影格串連成一個互動的Flash電影。請參閱 圖 8


圖 8

關於時間軸

其實Flash就如同一本互動的數位化書籍,而時間軸就是呈現所有互動內容的面版。
每一個場景就如同書籍的各個章節,每一影格就如同章節的各個頁面。
當然Flash要比一般實體書更複雜也更有趣多了。 而每一影格至少都會有一"片"畫面來讓我們繪製或是讀入物件,
但我們可以依需求再增加數個透明片, 然後在特定的透明片來繪製物件,以方便我們管理及做更複雜的設計。
這個透明片就是"圖層"。 如圖 9 ,我們在影格1加入圖層2(Layer2) ,讓Frame 1這個影格畫面擁有兩個圖層。


圖 9

影格(Frame)是一般動畫軟體所通用的計數單位,而時間軸就以影格為時間基準來安排每個元件的演出。
例如:我們設計一個某公司的Logo動畫,在Frame1時,Logo位置在舞台的左方。Frame20時,我們把Loge移至畫面的右方,
而Frame1到Frame20之間的影格,我們就可以一格一格地去做設定,讓這個Logo的動畫變化更多。
影格 Frame可分為 一般影格(Frame)以及關鍵影格(Keyframe)
一般影格:除了關鍵影格之外,出現在時間軸的影格都是一般影格
關鍵影格:決定動畫變化的開始或結束的影格,也就是至少要有2個關鍵影格才能構成一段動畫。
我們會在後面的章節中,依不同的案例來詳細認識時間軸Timeline的各種功能及必要的設定。

 

面板的關閉

我們在工作時,較少使用的面板可以把它關閉,爭取更多更大的工作空間。

目前的課程還不需要寫程式,請用右鍵點選動作面板,再選擇關閉面板群組,如圖 10


圖 10

日後我們不常用的面板,都可以以此方式來關閉

需要再開啟某個功能面板時,請點選視窗,來開啟某面板,如圖11


圖11


回課程目錄