當前位置:編程學習大全網 - 編程語言 - 怎樣制作Flash

怎樣制作Flash

Flash影像是專為網絡而創建的互動的二維矢量圖形和動畫。網絡設計者可以使用Flash創建導航控制欄、動態標誌、帶有同步音頻的動畫、甚至完整的視覺豐富的網站。由於Flash影像屬於緊湊的矢量圖形,所以下載迅速,並且能夠縮放,滿足瀏覽者的屏幕尺寸。在使用Flash進行創作的時候,可以通過自己繪制或者輸入作品來創建影像,在場景(場景就是用來將各個獨立的幀合成到影像中,直接進行繪畫,或者對輸入作品進行安排的地方)上對其進行安排,利用時間軸進行動態控制。和電影壹樣,Flash影像也根據時間的長短分成若幹幀。還可以通過令其對事件做出反應而產生互動,或按照指定方法變化。在影像完成之後,可以將其作為Flash影像輸出,或嵌入HTML網頁中,將影像連同網頁壹起上傳到網絡服務器上。

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′,將Fn′旋轉壹定的角度;

(4) 雙擊前面的幀,彈出幀屬性面板,在“過渡效果”中選擇“運動”,拉開兩幀相隔的距離,這時可以看到中間有壹條藍色的實線。用鼠標拖動時間線,看到相隔的距離越大,旋轉的速度越慢,可以根據要求調整。同樣制作Fn+1順時針偏移成有相移的(n+1)行矢量Fn+1′,如圖1(b);

(5) 新建壹層,Fn+1′為開始幀,按步驟3-4作出Fn+1′倒相過程,生成Fn+1′倒相回來的矢量Fn+1′′,如圖1(b)中Fn、Fn+1、Fn′、Fn+1′、Fn+1′′的情況;

(6) 然後將Fn′與Fn+1′′復制到新建層中,按合成法則畫出Fn′與Fn+1′′的合成矢量F合,如圖1(b);

(7) 最後,錯開各階段動畫時間。

3.1.3 Flash序列動畫

Flash中制作序列動畫的方法有兩種:壹幀接壹幀連續變化的逐幀變化動畫和內插動畫。在逐幀變化動畫中要制作每壹幀的圖像;在內插動畫中,只需制作開始和結束幀的圖像,中間過渡幀由Flash自動創建。逐幀變化動畫對文件尺寸的增加遠超過內插動畫,因此我們較常使用內插動畫。

內插動畫對於創作運動和變形是壹種非常有效的方法,同時又保持文件尺寸最小。不象逐幀變化動畫那樣,對於內插動畫,Flash只需保存引起幀發生變化的值, 而不是整個幀。Flash可以制作兩種類型的內插動畫。第壹種, 稱之為運動內插(motion tweening), 這種動畫是先在壹點定義實體、集合或者文本塊的屬性,如位置、大小、旋轉,然後在另壹點改變這些屬性。第二種,稱之為變形內插(shape tweening),先在壹點繪制壹個圖形,然後在另壹點改變這個圖形或者繪制另外壹個圖形,Flash會在中間的幀中賦予新的值或者圖形,由此創作出動畫。在《電》課件中,許多演示電流、信號流向的動畫就是根據這兩種內插動畫制作的。下面舉例說明。

行輸出電路充放電過程動畫的制作:

(1) 在Flash中畫好波形坐標軸;

(2) 用綠色線條分別畫出不同階段的充放電波形圖,如圖2(a)所示;

(3) 標上各時間段的t值;

(4) 制作閃爍效果來突出充放電的時間間隔,可以新建數層,按波形畫上相吻合的紅色波形,這樣就形成壹幀對象,在後壹幀插入空白幀,然後復制有紅色波形的那壹幀,在空白幀後面拷貝該幀,至此就完成了壹部分的波形閃爍效果;

(5) 同理制作各波段的閃爍效果;

(6) 在完成波形圖後,開始制作電路充放電示意圖。畫好各對應的電路圖,如圖2(b);

(7) 在相應的電路中,用紅色線條表示電流流向。

3.1.4 Flash高級設計

Flash有壹個特殊的圖層——運動導向層。運動導向層允許繪制路徑,內插實體、集合或字塊沿著這個路徑進行動態變化。可以將多個圖層鏈向同壹個運動導向層,讓多個對象沿同壹路徑運動。利用運動導向層,可以制作出沿著特定路線運動的動畫。

互動影像在制作精彩的Flash動畫時必不可少,它可以令學習者參與其中。通過使用鍵盤、鼠標,或者兩者兼用,學習者可以跳到影像的不同部分,移動對象,輸入表格信息,或者執行其它互動操作。互動影像是通過設置actions來實現的。所謂的action就是壹套在特定事件發生時執行的指令。所謂能夠觸發action的事件就是當影像播放到了某壹幀,或者當用戶點擊了按鈕,或者按動鍵盤上某些鍵的行為,這些都稱之為事件(event)。運用actions需要有壹些編程經驗。通過actions,可以制作出隨停隨放的動畫效果。在按鈕中加如控制信號動畫播放的actions指令,在信號流經某壹元件時可以停止動畫的播放,使學習者能夠隨時在動畫和文字講解之間靈活切換。

3.2 Flash動畫的輸出

當使用Flash制作網絡課件動畫時,往往還需要壹些其他的文件。如果要想在瀏覽器中打開Flash影像,必須要先打開壹個HTML文檔,而這個文檔反過來啟動Flash Player並播放影像。除了這個HTML文檔外,還可以創建壹個Flash影像的GIF動畫版本,JPEG或GIF圖像,以便沒有安裝Flash Player時顯示。

Flash影像的主要文件格式是.swf。這是唯壹支持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、.film和.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做成動畫來表示電子束和電流的流向。而在制作“畫中畫”動畫時所用的電視機畫面也是用數碼相機拍攝後,再用Flash處理的。

因此,在制作課件時要充分利用現有的技術和設備,提高工作效率。尤其是在收集素材方面,能夠方便地得到大量逼真的素材,使制作的課件更具說服力和表現力。

5、結束語

不管采用何種工具開發網絡多媒體課件動畫,都必須以最形象,最直接和最準確的方式展示教學內容。在制作時,制作者首先要對用動畫展示的教學內容有深刻的理解,對動畫的演示過程有清晰的思路。設計動畫流程時,要選擇合適的軟件工具,尤其要註意多種軟件工具的綜合利用,取長補短。這樣,才能夠制作出生動的教學演示動畫,充分發揮網絡多媒體課件的優勢,提高教學效果。

參考文獻:

[1] 杜興 Flash 4.0動畫網頁大制作 中國石化出版社 1999年

[2] 溫謙 溫顏 Flash 4.0實例教程 電子工業出版社 2000年

[3] 桑新民 張倩葦 步入信息時代的學習理論與實踐 中央廣播電視大學出版社 2000年

[4] 李林和 電視機原理與技術 西安電子科技大學出版社 1994年

  • 上一篇:黑客守則有嗎?是什麽?
  • 下一篇:誰有好點的數據庫編程的學習教程
  • copyright 2024編程學習大全網