Flash及GI动画在融入教学上的运用.docVIP

Flash及GIF動畫在融入教學上的運用 壹、認識操作介面 　一、「標準面板」與「繪圖面板」上的功能鈕，其圖示與大多數應 用軟體相似 　　　，皆能輕易理解。 　二、場景： 　　 1.製作動畫就像製作電影一樣，Flash中的「場景」就像製片場 中的舞台、攝 　　　影棚，是表演的地方。 　　 2.一部動畫可以只有一個場景，也可以有數個場景。 ?　三、圖層與時間軸： 　　 1.「圖層」的概念與Dreamweaver中的「圖層」概念相同，都是 Z軸（垂直向） 　　　的相對位置，因此可增加許多「圖層」。 　　 2.「時間軸」也與Dreamweaver中的「時間軸」概念相似，隨著 影格的流動（ 　　　時間變化），「元件」也變換了位置或型態→這就是動畫。 　　　a.影格：當影格呈灰色，即表示有「元件」。 　　　b.關鍵影格：影格呈灰色、有黑點，即表示有「元件」，而且 可以設定它的 　　　　　　　　　「動作」。 　　　c.空白關鍵影格：呈白色、有圓圈，表示沒有「元件」，但也可 以設定它的 　　　　　　　　　　　「動作」。 　　 3.每個「圖層」都有自己的「時間軸」。 　四、圖庫與元件：（點選「視窗\圖庫」→開啟「圖庫」） 　　 1.「圖庫視窗」是Flash放置「元件」（角色）的倉庫，就像是表 演舞台後面的 　　　　演員休息室，所有演員在此等候差遣。 ?　　 2.Flash中將「元件」（角色）分為三類： 　　　a.「圖像」：不會動，可以是圖形，也可以是文字：但圖橡確是 製作「按鈕 　　　　　　　　　」與「影片片段」的基礎。 　　　b.「按鈕」：看似不動，但滑鼠經過或點按時將會改變形態，而 且提供「超 　　　　　　　　　連結」的功能。 　　　c.「影片片段」：能自行運動、變化。 貳、製作概念 　一、設定場景； 　　 1.製作動畫前先要擬定動畫的大小，即將來發佈為動畫或網頁時 所呈現的面 　　　積、範圍。 　　 2.點選「修改\影片」，即可設定「場景」的大小，以及背景色。 ?? 　二、製作元件： 　　 1.任何「元件」的製作（無論一個黑點或一個字），請於「圖庫視窗」的右 　　　上角點選「選項\新增元件」，在元件編輯區繪製。 　　 2.元件的命名以英文或數字為佳，以免發生莫名的問題。 　　 3.任何一個元件都可以多次使用在不同場景，或用來製作成另一 個元件。 　三、圖層： 　　 1.不論是「場景」或「元件編輯區」，都可以有數個「圖層」， 「圖層」間 　　　的關係是垂直向的。 　　 2.每一個最好只放置一個「元件」。 　　 3.「圖層」的名稱可以是中文，但最好與所放置的「元件」名稱 相關，以方 　　　便尋找。 　三、存檔與發佈： 　　 1.若動畫將運用在Dreamweaver中，請輸入英文或數字檔名； 其副檔名預設值 　　　為 fla，是可以日後再修改的原始檔。 　　 2.選取「檔案\發佈設定」，可以設定要發佈的類型： ?　 a.Flash（.swf）：運用在Dreamweaver中。 　　b.HTML（.html）：直接發佈為網頁，但仍然須要 swf檔。 　　c.Windows放映檔（.exe）：可以單獨播放動畫，觀看者不需 要安裝Flash軟體 　　　　　　　　　　　　　　　即可欣賞。 實例操作: 一、移動漸變 1.首先我們先新增一個圖像(Graphic)，在裡面中心點畫一個圓，並填入漸層色（為了等會動作時能看出，填色不要在中心點），如下圖： 2.我們再新增一個影片片段(Movie clip)，將１丟進來。 3.在第廿個影格的地方新增一個關鍵影格(Key Frame)，會看到兩個關鍵影格裡有黑點，黑點代表的是這關鍵影格內有放東西，如果沒有東西的話會是中心的（有時候東西丟不進來時，就是根本沒有關鍵影格可丟）。 再看到兩個關鍵影格中間都是灰色的，用滑鼠按右鍵／內容會看到有一個漸變，選擇移動漸變，下面的設定先不要管它，直接按確定，灰色地帶就會變成紫色。表示已經將移動漸變加進來。 4.我們將第廿格影格的物件往右拉到適當的位置（如果要平行往右拉的話，請按住Shift）。這時候我們已經完成了最簡單的移動漸變。 5.我們在設定移動漸變的時候有看到一些設定，我們現在利用那些設定做出會旋轉會移動的球。 我們在紫色的地帶按兩下（相當於滑鼠右鍵／內容），到漸變的地方，我們把旋轉設定為順時針二次 ，發佈之後就會看到如下的結果。 如果還不懂下載這個原始檔回去研究ps要有安裝flash軟體唷~~網路上有提共完整版下載自己去找嚕 (2002.01.29)重今天起每天一篇教學今天先到這裡了. 二、（續）移動漸變 1.本身每個物件都有一個中心點，一般如果沒有特別去設定的話，物件的中心點都在它的中心，但是想像一下，如果說一個正方形的中心點是在它的左上角，如果做