3.1.2 Flash時間軸、幀和層
時間軸用於組織和控制不同時間圖像的不同層和幀的內容。時間軸最重要的組成部分是幀、層和播放頭。時間軸窗口是調整動畫播放速度,將作品放在不同圖層的地方。時間軸顯示圖像中的每壹幀。
動畫是通過更改後續幀的內容來創建的。您可以在場景中移動對象,增大或減小對象的大小,旋轉,更改顏色,淡入淡出或更改形狀。所有變更可以單獨發生,也可以與其他變更壹起發生。
在Flash圖像中,每個場景包含不同的層。制作動畫時,層的作用主要是組織序列動畫的各個部分,分離動畫對象,使它們不會發生摩擦、連接或分割。如果希望Flash壹次插入和移動多個集合或元件,每個集合或元件必須位於單獨的圖層中。我們只是利用圖層的特殊功能來制作“電視畫中畫”的演示動畫:背景層是靜態的電視圖像,而第二層包含獨立的動畫對象,使“畫中畫”效果在電視的四個角落移動。這是壹個如何使用時間軸,幀和層來制作動畫的例子。
逐行反轉相對相位失真的互補動畫制作步驟:
以(1)為坐標軸,畫出代表n行信號的向量Fn和代表不同層(n+1)行信號的向量Fn+1,並標註角度,如圖1(a)所示,這裏只有Fn和Fn+1向量。
(2)選擇矢量Fn,選擇插入→轉換為符號→圖形將其轉換為圖形;還要把Fn+1轉換成圖形;
(3)在向量Fn所在的幀後插入壹個關鍵幀,可以看出插入後實際上是復制了前壹幀,這裏用它來表示相移n行的向量Fn’並旋轉壹定角度;
(4)雙擊上壹幀,彈出幀屬性面板。選擇轉場效果中的運動打開兩幀之間的距離,然後妳可以看到中間有壹條藍色的實線。用鼠標拖動時間軸,可以看到距離越大,旋轉速度越慢,可以根據要求進行調整。同樣,使Fn+1順時針移動到(n+1)線矢量Fn+1 '有相移,如圖1(b);
(5)新建壹層,以Fn+1 '為起始幀,按照步驟3-4進行Fn+1 '的反相過程,生成由Fn+1 '反相的矢量Fn+1 ',如圖1(b)所示。
(6)然後將FN′和FN+1′′′′復制到新圖層中,根據合成規則畫出FN′和FN+1′′′′的合成矢量F,如圖1 (b)所示;
(7)最後,錯開每個階段的動畫時間。
3.1.3閃光序列動畫
在Flash中制作序列動畫有兩種方法:逐幀動畫和插值動畫。在逐幀動畫中,每壹幀的圖像都要制作出來;在插值動畫中,只需要制作起始幀和結束幀的圖像,中間過渡幀由Flash自動創建。逐幀動畫比插值動畫增加的文件大小多得多,所以我們經常使用插值動畫。
插值動畫是壹種非常有效的創建運動和變形的方法,同時保持文件大小最小。與逐幀動畫不同,對於插值動畫,Flash只需要保存導致幀發生變化的值,而不是整個幀。Flash可以制作兩種類型的插值動畫。第壹種叫做補間動畫,就是在壹個點定義壹個實體、壹個集合或者壹個文本塊的屬性,比如位置、大小、旋轉,然後在另壹個點改變這些屬性。第二種類型稱為形狀補間,首先在壹個點繪制圖形,然後在另壹個點更改圖形或繪制另壹個圖形。Flash將在中間幀中給出新的值或圖形,從而創建壹個動畫。在電學課件中,根據這兩種插值動畫制作了許多演示電流和信號流向的動畫。下面是壹個例子。
制作線路輸出電路充放電過程的動畫;
(1)在Flash中繪制波形坐標軸;
(2)用綠線畫出不同階段的充放電波形,如圖2(a)所示;
(3)標記每個時間段的t值;
(4)做壹個閃爍效果,突出充放電的時間間隔。可以新建幾個圖層,根據波形繪制匹配的紅色波形,從而形成壹個幀對象,在後面的幀中插入壹個空白幀,然後將紅色波形的幀復制到空白幀後面,從而完成部分波形閃爍效果;
(5)用同樣的方法制作每個波段的閃爍效果;
(6)完成波形圖後,開始制作電路充放電原理圖。畫出相應的電路圖,如圖2 (b)所示;
(7)在相應的電路中,電流流向用紅線表示。
3.1.4閃存高級設計
Flash有壹個特殊的層——面向運動的層。面向運動的層允許繪制路徑,沿著該路徑,內插的實體、集合或塊可以動態地改變。可以將多個層鏈接到同壹個運動導向層,以便多個對象可以沿著同壹路徑移動。使用運動引導層,可以制作沿特定路線移動的動畫。
交互圖像在制作精彩的Flash動畫中是必不可少的,可以讓學習者參與其中。通過使用鍵盤和/或鼠標,學員可以跳轉到圖像的不同部分、移動對象、輸入表格信息或執行其他交互式操作。互動視頻是通過設置動作來實現的。所謂動作,就是在特定事件發生時要執行的壹組指令。所謂能觸發壹個動作的事件,就是當壹個圖像播放到某壹幀,或者用戶點擊了壹個按鈕,或者按下了鍵盤上的壹些鍵,這些都叫做事件。使用動作需要壹些編程經驗。通過動作,妳可以制作壹個停止播放的動畫效果。在按鈕上添加壹個actions命令,比如控制信號的動畫,可以在信號流經壹個組件時停止動畫,讓學習者可以隨時在動畫和文字解釋之間靈活切換。
3.2 Flash動畫輸出
使用Flash制作網絡課件動畫時,經常需要用到壹些其他文件。如果要在瀏覽器中打開Flash圖像,必須先打開壹個HTML文檔,然後啟動Flash Player並播放圖像。除了這個HTML文檔,還可以創建Flash圖像的GIF動畫版,JPEG或GIF圖像,這樣在沒有安裝Flash Player的情況下也可以顯示。
Flash圖像的主要文件格式是。主權財富基金。這是唯壹支持Flash交互功能的文件格式。Flash圖片有幾種播放方式:1,用Flash Player在Netscape和Internet Explorer瀏覽器上播放。2.用Flash Xtra在Director和Authorware上播放。3.在裝有Flash Active X控制器的Microsoft Office和裝有Active X的其他主機上玩遊戲..4.作為QuickTime圖像的壹部分播放。5.把它做成壹個叫投影儀的獨立播放器來播放。
。swf是壹個開放標準,可以被其他程序支持。除了swf格式,圖像和靜止圖像可以從Flash中以各種格式輸出,包括GIF、JPEG、PNG、BMP、QuickTime或AVI。
4.將各種技術融入網絡多媒體課件的動畫制作中。
4.1 PhotoShop圖像處理
利用Flash的繪圖功能,可以方便地制作電路圖和繪制信號流向。而在Flash軟件中,沒有圖層的疊加模式,所以三原色的加色混合等過程很難表達清楚。圖像處理軟件PhotoShop可以解決這個問題。
HotoShop是壹款專業的圖像處理軟件,可以繪制圖形,優化圖片。但是PhotoShop做不出連續的動畫效果,所以我們決定用PhotoShop制作幾個關鍵幀圖像,然後導入Flash,合成壹個更連續的動畫。
比如在制作“紅燈加綠燈”的加性混色動畫時,使用了PhotoShop圖像處理和Flash動畫。具體步驟如下:
(1)打開PhotoShop,在兩層上畫壹個互不相交的圓,分別用紅色和綠色填充,如圖3 (a)所示;
(2)將上層的模式改為屏幕模式;
(3)縮短兩個圓之間的距離(為了使動畫連續,可以制作更多的關鍵幀)並保存;
(4)如圖3(b)所示,當兩個圓相交時,兩層的疊加方式為屏幕方式,因此可以產生加色混色效果。繼續縮短兩個圈的距離,多做幾個關鍵幀,依次保存;
(5)打開Flash,導入剛剛保存的圖片;
(6)制作壹個控制動畫的按鈕。可以選擇:插入→符號→按鈕;
(7)回到場景,打開另壹層,拖動按鈕到適當位置,右鍵,設置按鈕屬性,在動作屬性中選擇goto,將目標幀設置為兩種顏色光疊加的起始幀;同時在雙色光疊加的結束幀中加入stop動作;
(8)同理,分別做“紅光加藍光”和“藍光加綠光”的混色過程,註意錯開每個疊加過程的幀位置,以便分別呈現混色過程。
4.2 Adobe Premiere視頻編輯軟件
Adobe Premiere是壹個強大的非線性視頻和音頻編輯系統,Adobe Premiere支持各種格式的文件。對於視頻動畫文件,它支持。avi,。mov,。電影和。flc,。fli,並且還支持。tga和。gif文件。對於靜止圖像,它支持。psd,。bmp,。pic,。tif等格式。對於音頻文件,它支持以下格式。wav和。aif,所以它可以和許多支持這些格式的軟件壹起使用。
在視音頻處理卡的支持下,Adobe Premiere軟件具有以下功能:對視音頻設備輸出的動態模擬信號進行數字處理,對視音頻媒體進行非線性編輯,對文字和圖像進行配音或疊加,對剪輯進行特效處理和視頻壓縮。
Adobe Premiere提供了多種精準的視頻編輯工具,可以生成廣播級的視頻文件。在制作網絡多媒體課件時,我們經常會使用壹些視頻來演示教學內容,或者將壹些靜止圖像制作成連續的動畫。這時候雖然也可以用Flash來制作,但是制作過程復雜耗時長,制作出來的動畫效果也不流暢。Adobe Premiere可以從壹個巨大的視頻文件中截取幾幀圖像,然後使用Flash進行處理,從而獲得滿意的動畫效果。
Adobe Premiere的視頻處理功能非常強大。我們在制作電學課件時需要用到壹些視頻素材,但是現有的視頻素材都很大。如果將它們插入到網頁中,由於網絡傳輸速度的影響,加載時間會比較長,所以不適合用於網絡多媒體課件。此時使用Adobe Premiere對視頻進行處理,去掉冗余幀,提供壓縮比,可以大大減小視頻文件的大小,使其適合網頁制作,同時不影響教學要求。
Adobe Premiere的截圖功能為我們制作《電學》課件提供了更多的原始素材。制作“電視掃描”動畫時,用Adobe Premiere捕捉除視頻外的幾幀圖像,然後用Flash進行幀動畫。
4.3掃描儀和數碼相機
在制作電學課件時,我們使用了大量的材料。這些資料中有壹部分是用Flash和PhotoShop繪制的,比如電路圖和框圖。但是有時候我們需要用到實物圖或者更復雜的圖像,所以無法手工繪制,而且很費時間。掃描儀和數碼相機可以方便地為我們提供這些材料。比如在制作攝像管的工作原理時,我們需要用壹個動畫來說明攝像管的工作原理,攝像管的結構圖非常復雜,很難畫出來。我們用掃描儀把現成的圖片掃描進電腦,然後用Flash做動畫,顯示電子束和電流的流向。用於制作“畫中畫”動畫的電視畫面也是用數碼相機拍攝,然後用閃光燈處理。
因此,在制作課件時,要充分利用現有的技術和設備,提高工作效率。特別是在素材的收集上,它可以很容易地獲得大量的現實素材,使課件更具說服力和表現力。
5.結束語
無論使用什麽工具開發網絡多媒體課件的動畫,都必須以最生動、最直接、最準確的方式展示教學內容。制作時,制作人首先要對動畫所展示的教學內容有深刻的理解,對動畫的演示過程有清晰的思路。在設計動畫流程時,要選擇合適的軟件工具,尤其要註意綜合利用各種軟件工具取長補短。只有這樣,才能制作出生動的教學演示動畫,充分發揮網絡多媒體課件的優勢,提高教學效果。
參考資料:
[1]杜興Flash 4.0動畫網頁制作中石化出版社1999
[2]錢文·燕文Flash 4.0示例教程電子工業出版社,2000
[3]桑錢偉信息時代的學習理論與實踐。中央廣播電視大學出版社,2000。
[4]李林電視原理與技術西安電子科技大學出版社1994。