網頁設計

==== 影片片段與按鈕 ====

 

一、元件:

元件的種類:在 Flash 中的元件有以下三種。

類  型 說    明 
圖像 主要是存放靜態的圖片
按鈕 能夠與滑鼠產生互動,有「一般」、「滑入」、 「按下」等三種狀態。另有一個「感應區」為 設定要感應滑鼠的範圍
影片片段 可不受場景影格之影響,而重覆播放的小動畫

 

元件的建立有三種方式:

  1. 在編輯區畫好圖形後選取該物件,按滑鼠右鍵「轉換成元件」
  2. 按上面功能表的「插入」→「新增元件」
  3. 在「元件庫」中按「新增元件」的按鈕。

元件庫的使用:按 F11 可叫出元件庫來管理元件。而要使用某一元件,可直接拖曳該元件到編輯區即可。

每一個拖曳出來的元件我們稱之為「實體」,也就是該元件的分身,每個實體可以有自己的大小及顏色等,如果直接修改了本尊的元件,則所有實體的圖案也會跟著改變。

範例(影片片段及按鈕):

練習:分別製作一個影片片段及按鈕的效果。

 

四、動態按鈕

範例:

上面的例子中,將滑鼠移到按鈕上面以及按下時,按鈕會有一連串的動畫產生,之前所設計的按鈕中,「一般」、「滑入」、「按下」等狀態各都只有一格影片,如何做出這樣的效果呢?答案就是先把要的動畫效果做成「影片片段」元件,再插入按鈕的三個狀態的影格中。而如果該影片片段是由某個圖形移動補間動畫所產生(包括旋轉、縮放),則可以先將該圖形轉換成「圖像」元件。

例如上例左邊的花:

元件種類 畫面 在按鈕中的影格 補充說明
圖像 一般 靜態的圖片
影片片段 滑入 以上面的圖像元件為基礎,加上移動補間動畫而產生

其他的例子,可以參考軟體大學的這兩個網頁:

  1. Button與Movie Clip的結合運用(一)
  2. Button與Movie Clip的結合運用(二)

練習:請製作有一個動態效果的按鈕。

 

[上一頁] [首頁] [下一頁]

++ 網頁製作 By 我心中的新西多摩 2004 ++