認識Flash的環境及基本知識

 

Micromedia Flash5(以下簡稱Flash)用於網頁的互動式向量圖形和動畫的製作,它可製作出用於瀏覽時的輸入控制、製作動畫圖示、帶同步聲音的的動畫,建立生動且富於表現力的網頁。Flash中的圖形都是向量的,佔據存儲空間較少,因而下載時間短,且能很好地適應瀏覽者不同尺寸的螢幕。

Flash中影片的建立可先通過自己繪製或輸入相關的圖片,將它們適當地安排在“舞臺”上,通過在它們各自的“時間軸(timeline)”上進行設定使它們“動”起來,讓它們對特定事件做出反應或按特定的方式變化而産生互動效果。完成的影片可作爲Flash播放器文件輸出,可嵌入到HTML頁中,並一同被傳到Web伺服器中。

向量圖形和點陣圖形

在電腦中圖形的顯示格式有兩種:向量格式和點陣圖格式。瞭解一下它們之間的不同可使工作更有效率。Flash可建立向量圖形並對它進行動畫設定,它也可以輸入並處理以其他方式建立的點陣圖。

向量圖

向量圖通過直線和曲線來描述圖形,之所以稱之爲向量,是因爲除此之外它還包含了顔色和位置屬性。向量圖的形狀是由曲線通過的點來描述的,而它的顔色則由曲線的顔色和曲線所包圍區域的顔色訂定。在對一幅向量圖進行編輯修改時,實際上修改的是其中曲線的屬性,可對其進行移動、縮放、改變形狀和顔色而不影響它的顯示質量。向量圖具有解析度的無關性,這意味著這它可在不同解析度的輸出設備上顯示,顯示質量沒有任何下降。

點陣圖

點陣圖通過把稱作像素的不同顔色的點安排在網格中形成圖像。成像的原理時是通過指定像素在網格中的位置和顔色值形成的,方式與拼接而成的圖形十分類似。在對點陣圖文件進行編輯時,物件是像素而不是曲線。所以點陣圖顯示的質量與解析度有關,因爲圖像的每一個資料是針對特定大小的網格的。對點陣圖進行編輯有可能改變顯示的質量,尤其是縮放操作可使圖形邊緣呈鋸齒狀,在一個比圖形本身解析度低的輸出設備上顯示圖形時也會使顯示質量下降。

Flash的操作環境

在建立和修改Flash影片時,主要在這些區域操作:舞臺(stage),影片播放的矩形區域;時間軸視窗(timeline window),在這裏設定圖形隨時間的變化;元件資料圖庫視窗,在這裏對以元件形式表示的影片中可重覆使用的媒體的集合進行組織和管理,在元件編輯(symbol-editing)模式下,可對元件進行建立和編輯。

舞臺和時間軸(Timeline)視窗

Flash中,影片由一系列不同內容的格組成,每格佔用固定的播放時間。在舞臺將一一些單獨的格組合起來形成影片,也可直接在舞臺上繪圖或輸入其他圖片。

在時間軸視窗中可將動畫的時間設定應用於位於不同層的圖片集,其中顯示的是影片中的每一格。層象一塊透明的幕布,是影片中不同的圖片保持分離狀態,在影片播放時,位於上層的圖片將在重疊區域遮住位於下層的圖片,但每個圖片物件是獨立和完整的。在下圖中,椅子和它下方的導航按鈕是位於不同層的分離的物件。

 

元件資料圖庫視窗

在元件資料圖庫視窗中存儲和組織建立的物件元件和輸入文件,包括聲音、點陣圖等。元件可用於對圖像、按鈕或影片片段命名。可以在元件資料圖庫視窗中組織管理其中的元素,查看某一物件在影片中的使用情況,將物件按類型排列等。

物件元件和替身

元件是對使用繪圖工具建立的可重覆使用圖形所取的名稱,當在舞臺或另一個元件內放置一個元件時,實際上是建立了這個元件的一個替身。不管建立多少個替身,重覆使用元件可使影片的檔案大小減少,因爲在影片中只儲存該物件的一個替身。在對替身的屬性進行修改時,不會影響到主物件,而對主物件的改變將使所有基於該主物件建立的替身發生改變。

在對一個元件進行編輯時,舞臺和時間軸視窗都會轉而顯示該元件對應的圖形。可以改變舞臺的顯示內容使它只顯示元件對應的圖形,也可使舞臺上該元件對應圖形以外的所有物件變灰。也可以把它放到一個單獨的視窗中編輯,與此對應,時間軸視窗只顯示該物件對應的時間軸。

圖中,左邊視窗只顯示了被編輯物件,右邊視窗則使被編輯物件以外的所有物件變灰。

元件和互動式影片

元件也是構成互動式影片不可缺少的組成部分。舉例來說,常見的按鈕,可回應滑鼠事件,是一種類型的元件;其他的元件比如影片片段,可建立複雜的互動式影片。

建立一個影片並設定它的屬性

每次當打開Flash時,都會建立一個新文件。可使用影片內容對話方塊對影片諸如畫面大小、影格數度、背景色和其他屬性進行設定。

建立一個影片並設定它的屬性

注:涉及具體操作時,功能表的層級用箭頭(>)表示。

1,  執行“File>New”命令。

2,  執行“Modify>Movie”命令,出現“Movie properties”對話方塊。

3,  在“影格數度”文本框中,輸入播放動畫時每秒顯示的格數。對絕大多數用於電腦顯示的動畫尤其是網頁動畫而言,每秒8到12格就足夠了。

4,  在畫面大小設定上要說明的是,畫面大小用圖元衡量,在對話方塊中“Dimension所在行的WidthHeight文本框中可分別輸入像素值以確定畫面大小,內定值的畫面大小爲550像素*400像素。最小畫面爲18像素*18像素,最大畫面爲2880像素*2880像素。

5,  如果想使用網格工具,可輸入網格間隔值,爲格線選定一種顔色,並選中“Show grid核取方塊。

6,  此外,在該對話方塊中還可以改變背景色和度量單位。

預覽和測試影片

在做好影片後,一般要播放以觀看動畫效果、測試交互控制,這時可進行以下操作:

l        要測試簡單動畫、基本的交互控制和聲音,執行“control>play命令即可在Flash工作環境下預覽。

l        要測試所有動畫、基本的交互控制,執行“control>test moviecontrol>test scene命令就可建立Flash播放器播放的影片並在單獨的視窗中播放。

l        如果要在Web瀏覽器中測試,可執行File>Publish Preview>HTML”命令。

影片重播過程中的控制

可以使用這幾種方式進行影片重播的控制:控制功能表中的播放、控制器工具列中的按鈕和鍵盤Enterr鍵播放目前影片

l        執行“Control>Play”。

l        執行“Window>Controller”,將出現“Controler”工具列,點按“Play”按鈕。

l        按“Enter鍵,影片將以指定的影格在視窗中播放。

與上面的三種播放方式相對應,可通過以下方法進行播放的單步控制:用“Controler工具列上相應的按鈕、執行Controler>Step ForwardControler>Step Backward功能表命令、按鍵盤上的><鍵。

影片的迴圈播放

執行“Control>Loop Playback命令。

播放影片中的所有場景

執行“Control>Play All Scenes命令以打開該選項,再執行播放命令。

不帶聲音播放

執行“Control> Mute Sounds命令以打開該選項,再執行播放命令。

設定格動作

執行“Control>Enable Frame Actions命令以打開該選項。

設定按鈕動作

執行“Control>Enable>Bottons命令。

影片的測試

雖然在Flash環境下可以播放影片,但其中許多動畫和互動功能卻只能在影片以其最終格式輸出後才起作用。使用Control功能表中的命令可將目前影片以Flash影片形式輸出並在一新視窗播放,輸出的有關選項可事先在Publish Settings對話方塊中設定。

在這個視窗中還可測試其他下載的動畫。

測試影片中全部互動和動畫功能

執行“Control>Test MovieControl >Test Scene命令。

Flash將建立一個播放器(Flash Player)文件,在新視窗中打開並播放影片,建立的播放器文件不是暫存檔案,與“FLA”文件存放於同一文件夾中。

使用工具箱

工具箱中的工具用於對圖片的描繪、選擇、上色和修改,還有一些工具用於改變舞臺的外觀。大多數工具有修改器可對工具的操作作調整。

選擇工具

單擊工具箱中的工具按鈕即可選中相應的工具,也可使用工具快捷鍵來選擇。在選定工具後,該工具所帶修改器會出現在工具箱底部。

使用Windows風格工具列

Windows視窗中,既可將繪圖工具列置於視窗邊緣使其成爲視窗的一部分,也可將其懸浮於視窗之上,任意拖動。對前一種顯示方式,可用滑鼠在工具欄的空白處點擊並拖動來移動它,對後者則可以直接拖動標題欄來達到同樣的目的。當把懸浮的工具列拖到視窗邊緣時,它就會於邊緣合爲一體,但若想把它拖到視窗邊緣卻又要避免使它與視窗合爲一體時,只需在拖動過程中按住Control鍵。在移動過程中,若工具列呈豎直狀且靠近視窗的頂部或底部時,它會自行變成水平排列,反之,若工具列呈水平狀且靠近視窗的左部或右部時,它會自行變成豎直排列。對工具列的標題欄雙擊,她會到最近的視窗邊緣處。

右擊工具欄空白處,會彈出一個快顯功能表,執行其中的“ToolBars”命令,將出現“ToolBars對話方塊,其中的選項用與隱藏或顯示指定的工具列、改變它們的外觀。同樣的操作也可通過執行Window>ToolBar”命令實現。

顯示或隱藏工具列

執行“Window>ToolBar”命令,出現“Toolbars對話方塊。

其中的“Show項下有四個核取方塊,用於確定相應的工具列是否顯示。Standard複選想用於確定顯示或隱藏標準工具列,該工具列包含了標準功能表命令的快捷方式如打開文件、列印文件等。

Drawing項用於顯示或隱藏繪畫工具列及相應的修改器。

Status項用於顯示或隱藏狀態欄。狀態欄顯示時位於視窗最下方,顯示被選中命令或按鈕的有關資訊、大寫鎖定鍵和數位鎖定鍵的狀態等。

Controler項用於顯示或隱藏控制工具列。

Large Buttons工具列中按鈕以大按鈕形式出現,當顯示器解析度比較高時可選擇這種顯示方式。

Show Tooltips項,該項被選中時,當滑鼠指標在工具欄某按鈕上停留指定時間後,會出現有關該按鈕的解釋性的文字,如果不希望看到它,可取消對該項的選擇。

使用時間軸控制器

時間軸控制器用於組織和控制影片中位於不同層和格中內容隨時間的變化,在這裏最重要的元素是格、層和播放頭。

在時間軸控制器中,點選關鍵格可改變舞臺部分顯示的內容,通過拖動可以把它從主視窗中分離出來,或貼到視窗的任意一邊。

如果影片的層數較多,目前視窗中無法同時全部顯示,那麽在時間控制器視窗的右側將出現豎直滑動條,還可以改變視窗和層的大小。

移動時間軸控制器

用滑鼠在時間控制器視窗空白處點擊並拖動將視窗變爲飄浮的,這時把它拖向視窗的任意邊可使它貼靠。在這個過程中按住“Control鍵可防止它的貼靠。

改變層名稱區的大小

水平拖動名稱區和時間軸間的豎直條。

增加或減少同時顯示的圖層的數目

豎直拖動時間軸控制器視窗的任一水平邊界。

移動播放頭

在播放過程中,播放頭在時間軸上移動以指示目前在舞臺上顯示的格,它以格數的形式指示播放位置。

移動到某一格

在時間軸指定的格數上單擊或將播放頭拖動到指定的位置即可。要停止影片的播放或取消對某一格的選擇,可對時間軸單擊。

使播放頭居中

單擊時間軸視窗底部“Center frame按鈕。

顯示目前格的有關資訊

時間軸視窗底部的狀態欄指示了目前的格數和播放時的影格(影格的設定見前述)。在播放動畫時,這個區域顯示實際的播放影格,如果電腦的性能不夠高,實際影格會與所設定的有出入。

在時間軸視窗中改變格的顯示內容

時間軸視窗中的格查看彈出式功能表決定格的顯示方式。內定值情況下在時間軸視窗中一個小園點表示一格,此外,在這個彈出視窗中還可以選擇“TinySmallNormal”“MediumLarge等選項。其中Large項在用於觀看音效檔案時很方便。

在這個彈出視窗選擇“Short項可使層間的顯示距離縮小。

 

 

彈出功能表下方的兩個有關“Preview的選項用於將每一格的內容縮放後方到時間軸格單元所占區域內,在觀看整個動畫的效果時這樣做很方便,不足是佔用的地方多一些。其中前者Preview項使每個格單元在對應層顯示格中對應的內容,由於進行了縮放,顯示出來的內容也許會在大小上有變化;後者Preview in Context項在一個單元中顯示目前格中得更小。

建立格標簽和影片注釋

在時間舷視窗中,格標簽用於標識不同的關鍵格,在一些需要制定目標格的操作如“GoTo”或“If Frame is Loaded”時應使用格的標識而不是格數,在添加或刪除格時,不管格數如何變,格的標識會與格一道被刪除或建立。

在導出影片時,格標簽會與影片資料一道被導出,爲使文件長度盡可能的短,應避免使用長名。以磅(pound)的元件作標識的格將以動畫GIF或PNG格式輸出。參見第十二節GIF頁的發佈設定“‘PNG頁的發佈設定部分的內容。

注釋對影片創作者本人或其他同一影片創作者來說是備忘的有效方式,它們對動畫不起作用,也不隨影片資料輸出,所以它不受長度的限制。

建立格標識和格注釋

1,在時間軸視窗中雙擊謀一格或選中某一格後執行“Modify > Frame”命令。

2,在出現的“格屬性(Frame Property)對話方塊中單擊Label選項卡。

3,在“Behavior組中根據需要選擇標識(Label)或注釋(Comment)。

4,在名稱文本框(Name)中輸入文本,內容依上一步操作而定。

圖庫視窗的使用

每個Flash文件都有它自己的圖庫,其中包含元件、點陣圖、聲音和視頻剪輯等文件。使用圖庫視窗來查看和管理圖庫中的內容。在圖庫視窗中選擇了一項後,Flash將在圖庫視窗上方給出該項的預覽,如果選中項爲動畫片段或音效檔案,可用控制工具列中的按鈕預覽。

可以以文件夾的形式對圖庫中的內容進行管理,圖庫視窗中按列看分別爲其中元素的名稱、類型、在影片中使用的辭書、最後修改的時間等內容。`

顯示圖庫視窗

執行“Window > Library命令。

改變視窗中列的寬度

在列名稱所在行把滑鼠指標置於兩列之間拖動即可。要注意的是不能改變列間的順序。

改變圖庫視窗大小

可採用下列方法之一:

l        拖動視窗左下角;

l        單擊視窗右側中部“Wide State按鈕使視窗能夠顯示所有列;

l        單擊視窗右側中部“Narrow State按鈕使視窗僅顯示名稱列。

在圖庫視窗中使用文件夾

在視窗中可使用文件夾對圖庫中的元素進行組織和管理,這與“Windows中的資源管理期貨蘋果(Macintosh)機上的Finder程式類似。當一個新的元件被建立時,它將被儲存在被選擇的文件夾中,如果沒有文件夾被選中,它將被存放在根區中。

建立一個文件夾

在圖庫視窗中,單擊位於底部的“the New Folder按鈕。

在文件夾之間移動元素

在文件夾之間使用拖動操作。

打開或關閉文件夾

進行下列操作之一:

l        雙擊文件夾。

l        選定文件夾後,執行圖庫視窗中“Option功能表中的Expand FolderCollapse Folder命令。

打開或關閉所有文件夾

執行圖庫視窗中“Option功能表中的Expand All FolderCollapse All Folder命令。

在圖庫視窗中對元素分類排序

可以以圖庫視窗中的任意一列爲標準對其中的元素進行排序,對元素進行的排序便於觀察在某一方面相關的元素。在排序時,文件夾作爲元素。

在圖庫視窗中對元素分類排序

在圖庫視窗中單擊某一列的標題將時元素以這一列爲標準進行排序,單擊視窗右側帶三角形圖示的按鈕將使元素按反序排列。

重命名圖庫元素

對輸入文件無論是點陣圖還是聲音的重命名,並不會使原始檔案的名稱改變。

重命名圖庫元素:

進行以下操作之一:

l        執行圖庫視窗中“Option功能表中的Rename命令。

l        右擊某一元素,在彈出的快顯功能表中選“Rename命令。

l        單擊位於圖庫視窗底部的“Properties”圖示。

l        雙擊元素的名稱。

刪除圖庫元素

如果在圖庫視窗中刪除了某一元素,那麽在影片中基於該元素建立的所有替身和動作都將被刪除。所以在刪除之前可先按“Use count排序以確定它未被使用。

刪除圖庫元素

選中要刪除的元素後,點按圖庫視窗底部的“Delete ”按鈕。

尋找未被使用的圖庫元素

刪除任何未被使用的圖庫元素是減小Flash文件的有效途徑,如果沒有刪除這些元素,它將存在於已發佈的Flash播放文件中(SWF文件)。

尋找未被使用的媒體

進行下列操作之一:

l        在圖庫視窗中,執行“Options>Select Unused Items命令。

l        使元素依被使用的次數排序。

更新輸入文件

在對輸入文件如點陣圖或聲音進行編輯後,可直接更新影片中對應的文件,不需要重新輸入。

更新輸入文件

在圖庫視窗中選中要更新的輸入文件,執行“Options> Update命令。

使用圖庫功能表

要保存或重覆使用Flash中包含的其他圖庫,可使用圖庫功能表。圖庫功能表顯示包含在Flash中的按鈕和動作圖庫。

還可以通過把一個Flash文件放入位於Flash應用文件夾中的圖庫文件夾來向圖庫功能表中加入自己的元件。

把一個Flash文件作爲圖庫打開

執行“File > Open as Library命令。

使用檢視面版(Inspector)

檢視面版用於查看、組織和改變Flash影片中的元素,可以使它們顯示、隱藏或放置一起。

顯示或隱藏檢視面版

執行“Window > Inspector命令,選擇要用的檢視面版。

使檢視面版放置一起

將檢視面版的標簽部分拖動到另一檢視面版的視窗中。

解散成組的檢視面版

把檢視面版的標簽部分拖出視窗。

使用相關快顯功能表

相關快顯功能表中包含了與目前選擇內容相關的命令,例如,在時間軸視窗中選定了一格,那麽與此對應的相關快顯功能表中就包含諸如建立、刪除和修改格等命令。

打開一相關快顯功能表

在時間軸視窗、圖庫視窗或舞臺上右擊某元素即可。

查看舞臺

可在螢幕上查看整個舞臺,或通過改變放大倍數來觀看某一區域。最大的放大效果取決於機器的解析度和影片尺寸的大小。

視景的縮放

使用以下方法來放大或縮小視景:

l        以某一元素爲中心進行放大操作,可先點按工具欄上的放大工具以選擇它,然後對要放大的元素單擊。使用放大控制彈出功能表或放大工具對舞臺上的特定區域放大或縮小。在點按放大工具後可依據要放大還是要縮小進一步選擇對應的工具或按“Alt在放大與縮小間切換。

       

l        要對作圖區指定的區域放大,可用放大工具拖出一矩形框,Flash將使該矩形區域放大以填滿整個視窗。

l        從放大控制彈出功能表中選擇一個百分數值或鍵入一數值也可改變放大比率。

   

移動可視區域

舞臺被放大以後,螢幕上也許無法全部顯示。選擇工具欄上圖示爲手的工具按鈕可使在不改變放大被數的情況下在螢幕上顯示舞臺的任一部分。

移動可視區域

1,選擇手形工具。如果想方便地在其他工具和手形工具間切換,可按下空白鍵。

2,拖動舞臺。

使用查看命令

除上述介紹的方法之外,還可使用查看功能表中的命令來調整舞臺可視區域。

100%命令使放大倍數爲100%,這時舞臺大小與實際播放時大體相同。依所用顯示器和顯示卡的不同,螢幕上的1英寸也許與實際有出入。

Show All命令將調整放大倍數以顯示目前格的內容。如果場景是空的,則顯示整個場景。

Show Frame 命令將調整放大倍數以顯示整個場景,該命令也可通過雙擊工具箱中的手按鈕來執行。

View>Work Area命令使包圍格的工作區可見,工作區爲淺棕色。如果在工作時需要用到那些部分或全部在場景之外的物件,可執行這條命令。例如,如果要使一隻鳥入螢幕,應先把鳥放在螢幕外的工作區中。要同時看到舞臺和絕大部分工作區,可執行命令View > Work AreaView > Show All.

使用網格和尺規

Grid命令在所有場景中顯示或隱藏網格,這與在Movie Properties對話方塊(執行Modify > Movie命令)中打開Show Grid複選項的效果相同。通過執行Modify > Movie在對話方塊中的Grid Spacing文本框內鍵入新值設定網格間距。

可以在影片的上方和左方顯示尺規,有尺規的情況下在舞臺上移動元素,尺規上會反映出元素在兩個方向上的座標。

顯示或隱藏尺規

執行“View > Rulers命令。

指定影片的度量單位

執行“Modify > Movie命令,選擇要用的單位。儘管設定了度量單位,仍可以在任何對話方塊中需要的地方輸入數值和可接受的度量單位,包括縮寫。

列印Flash文件

使用列印對話方塊指定列印場景或格的範圍和列印份數。在Windows中,頁面設定對話方塊設定紙型、列印方向和其他的設定,包括頁邊距和是否列印所有格等;而在Macintosh機中,這些設定被分開在Page SettingPrint Margins對話方塊中。

設定列印選項

1,  執行“File > Page Setup”(對Windows)或“File > Print Margins”(對Macintosh)命令;

2,  設定頁邊距,選擇中央選項以確定是否在頁面中央列印;

3,  確定只列印場景中的第一格還是每一格;

4,  在“Layout組框中,作下列選擇之一:

l        Actual Size項按所設百分比在指定頁面上列印每格,可在“Option項設定百分數以擴大或縮小列印格。

l        Fit on One Page”項對每格的尺寸作調整使它填滿列印區域。

l        Storyboard”想在一頁打印數個格的縮圖,可在“”項中設定每一頁縮圖的數目,“Frame Margin項設定縮圖間的距離,選中下方的Label frames項可在縮圖下方列印格標識。

列印預覽

執行命令“File > Print Preview

解決列印中的問題

如果幕後列印機在列印時出現問題,有可能是因爲影片中的圖過於複雜(這對於舊式的幕後列印機更常見),可以按下面兩個辦法解決:

l        Windows而言,在選項(Option)對話方塊中可選擇禁用幕後列印Disable  PostScript)項,對Macintosh機而言,這一項在Print Margin對話方塊中設定,這樣做的代價是使列印速度下降。

l        簡化影片中的圖形。列印故障主要由於在一片區域中不同顔色的邊界過於複雜而造成,可以把這塊區域分爲數個簡單的區域。執行“Modify > Curves > Optimize

命令來減少這種區域的複雜程度。

還要注意的是Flash不能列印透明效果(alpha通道)或遮罩層。

加速顯示效果

爲加速顯示效果,可使用“View功能表中的命令關掉佔用額外電腦資源減慢影片速度的渲染質量特性。

這些命令對Flash影片的輸出不會産生影響。使用ObjectEmbed參數設定Web瀏覽器中Flash影片的顯示質量,發佈(Publish)命令可自動完成這以工作。參見第十二節發佈Flash影片

Outlines項可使場景中的圖形僅顯示輪廓且所有的線均以細線呈現,這使得圖形元素更易修改,加快複雜場景的顯示速度。

Fast項關掉副本功能,顯示圖形物件的所有顔色和線形,這是工作時的常見模式。

Antialias打開線、圖形和點陣圖的副本模式,它使得圖形和線形輪廓更爲光滑。這種模式速度較慢,使用預顯卡能夠提供16位色和24位色環境下,而在16色或256色環境下,黑線可以令人滿意地平滑,但顔色看起來則很生硬,這種模式對黑白顯示影響很小。

Antialias Text使任何文字的邊緣平滑。對大字型大小的字體效果很好,但文本很多時會影響速度。