使用手冊(一)

1、Flash 5.0 使用手冊(一)參考網(wǎng)址：http:/www.4ivy.idv.tw/一介面介紹1. 基本介面本單元會快速的瀏覽一下Flash的操作介面，介面的熟悉可幫助我們在往後的學(xué)習(xí)過程中，較快速的了解功能的所在位置，您可以本章視為成功學(xué)習(xí)Flash的跳板。2. 工具箱在工具箱中提供了一些繪圖所需的工具，整個工具列分為兩部份：上半部是主要工具；而下半部的附屬工具則會根據(jù)點選的主要工具的不同而顯示不同的附屬功能。工具箱的顯示、隱藏可從功能表中視窗->工具控制。 3. Flash的內(nèi)建圖庫執(zhí)行視窗->一般圖庫的選項，我們可以找到在Flash所提供的元件圖庫，類別有按鈕、智慧型影片

2、片段、圖像、影片片段、學(xué)習(xí)互動性、聲音等類別。在功能表中視窗->圖庫是我們目前影片中所用到的元件的集合，並非內(nèi)建的圖庫。4. 測試影片您可以執(zhí)行控制->測試影片(Ctrl+Enter)來預(yù)覽影片的輸出畫面，如果您再執(zhí)行檢視->頻寬設(shè)定(Ctrl+B)可以看到各影格所需載入的影片大小。而在Flash影片的播放模式中，影片必須將該影格的資料下載完畢後才會播放，所以我們可以從頻寬的檢視模式中看到影片下載播放的瓶頸。5. 繪圖工具二動畫介紹基本上，F(xiàn)lash的動畫類型可區(qū)分為兩大類；分別是漸變動畫（Tweening Animation）與逐格動畫（Frame-by-Frame Ani

3、mation）。漸變動畫的製作是屬於較為簡單的一種，主要是利用起點和終點兩個關(guān)鍵影格中元件的變化來產(chǎn)生動畫效果。我們所要做的事，只是設(shè)定兩個關(guān)鍵影格處的元件變化，F(xiàn)lash會自動的轉(zhuǎn)換關(guān)鍵影格間的圖形。動畫的播放時間，則取決於兩個關(guān)鍵影格間的影格數(shù)的多寡。不同於漸變動畫的製作，逐格動畫的製作必須手動的修改每一個關(guān)鍵影格處的元件圖形，再利用逐格播放的方式來產(chǎn)生動畫的效果，製作上較為繁瑣。1. 運動漸變動畫的製作基本上，運動漸變的動畫製作可分為四個步驟：一、設(shè)定起始點關(guān)鍵影格的元件位置、大小、顏色。二、設(shè)定結(jié)束點關(guān)鍵影格的元件位置、大小、顏色。三、於起始點設(shè)定移動漸變的動畫播放方式。四、測試或播放

4、影片往下的各小節(jié)，會逐步的介紹如何製作運動漸變動畫，以及這種類型所衍生出來的變化。在開始製作動畫前，我們先找出這個範(fàn)例中所需要的元件。這個元件可以從功能表中視窗->一般圖庫->圖像中找到。步驟一、於起始點加入元件：先點選圖庫中的Mouse元件，並將Mouse元件拖曳到場景的左上角。在Flash的預(yù)設(shè)中，如果我們沒有自行設(shè)定關(guān)鍵影格的話，那麼動畫是從第一個影格開始的。注意到，當(dāng)我們把Mouse元件拖到場景後，時間軸上第一影格處會出現(xiàn)一個實心的黑色圓圈。將元件移動到場景左上角步驟二、設(shè)定結(jié)束點關(guān)鍵影格的元件：在這個步驟中，我們必須根據(jù)動畫播放的時間，將某一影格設(shè)為關(guān)鍵影格。在Flash

5、的預(yù)設(shè)值中，每秒鐘會播放12個影格，如果我們預(yù)計三秒鐘完成這個動畫的播放，那麼我們必須在時間軸上36影格的位置按右鍵，並選擇插入關(guān)鍵影格，目前我們將這個關(guān)鍵影格當(dāng)作是動畫播放結(jié)束時間點，並將元件拖曳到場景的右下角。* 你也可以直接點選時間軸上第36影格，然後再按鍵盤上F6這個功能鍵，快速的加上關(guān)鍵影格。步驟三、於起始點設(shè)定移動漸變的動畫播放方式：在第一影格上按右鍵，選擇產(chǎn)生移動漸變。注意一下時間軸上的變化，這時應(yīng)該有一條實心的箭頭線，如果是虛線，那可能是起點或終點上的元件不見了。在第一影格處按右鍵，選產(chǎn)生移動漸變 *注意時間軸上的變化，製作移動漸變類型的動畫時，時間軸上會變成淺紫色的底色以及一

6、條實心的箭頭線移動漸變的時間軸步驟四、測試或播放影片：執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。按下Enter鍵播放動畫2. 比例縮放 上一個範(fàn)例我們完成了一個直線運動的動畫，往下，我們要利用上一範(fàn)例來產(chǎn)生元件縮放的動畫。 基本的作法仍然延續(xù)上一節(jié)的四個步驟： 一、設(shè)定起始點關(guān)鍵影格的元件位置、大小、顏色。二、設(shè)定結(jié)束點關(guān)鍵影格的元件位置、大小、顏色。三、於起始點設(shè)定移動漸變的動畫播放方式。四、測試或播放影片如果我們要製作一個在動畫播放過程中，元件逐漸變大的動畫，那麼我們可以在結(jié)束點的關(guān)鍵影格上，將元件做放大的動作；反之，我們只要在結(jié)束點的關(guān)鍵影格上，將元件做縮小的動

7、作即可。往下的步驟，我們開始來製作一個等比例放大的動畫，步驟如下：步驟一、你可以延續(xù)上一個範(fàn)例。步驟二、用滑鼠點選時間軸上第36影格，並點選工具列上的縮放工具鈕，拖曳元件四週的控制點，將元件做等比例的放大。*您也可以在點選關(guān)鍵影格後，直接執(zhí)行功能表上修改->變形->旋轉(zhuǎn)和縮放來等比例縮放元件。圖十一等比例的縮放元件步驟四、測試或播放影片：執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。3. 速度變化 Flash除了提供等速移動的動畫功能之外，我們也可以利用它內(nèi)建的功能來製作一個加速或減速的動畫。往下，我們來學(xué)習(xí)如何製作一個加速的動畫。 在Flash中，我們可以在

8、影格的面板中設(shè)定速度變化的動化。在放慢選項中，如果將數(shù)值為正數(shù)，動畫則呈現(xiàn)減速的效果，設(shè)定的數(shù)值最大可至100；反之，如果將數(shù)值為負數(shù)，則動畫呈現(xiàn)出加速的效果，設(shè)定的數(shù)值最大可至-100 往下的步驟，我們開始來製作一個加速的動畫，步驟如下：步驟一、你可以自行製作一個等速移動的動畫。步驟二、用滑鼠點選時間軸上第1影格，並按右鍵，選擇快顯功能表中的面板->影格，畫面會出影格設(shè)定面板。在第影格按右鍵，選面板->影格步驟三、將影格面板中，放慢的選項設(shè)定為100。數(shù)值設(shè)定為正數(shù)，動畫呈現(xiàn)減速效果測試或播放影片：執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。4. 旋轉(zhuǎn)變化

9、 在Flash的內(nèi)建功能中，它提供順時針和逆時針兩種旋轉(zhuǎn)的設(shè)定，可使元件產(chǎn)生等速旋轉(zhuǎn)的動畫效果。 元件的旋轉(zhuǎn)的設(shè)定同樣是在影格的面板中。在旋轉(zhuǎn)的設(shè)定中，我們可以找到四個選項： ²無：元件不會有旋轉(zhuǎn)及傾斜漸變的功能。 ² 自動：為內(nèi)定值，根據(jù)元件在前、後關(guān)鍵影格的傾斜程度，自動的調(diào)整旋轉(zhuǎn)或傾斜的程度。 ² 順時針：依順時針方向等速的旋轉(zhuǎn)元件，你也可以設(shè)定元件旋轉(zhuǎn)的次數(shù)，但次數(shù)的設(shè)定必須大於0，否則元件無法產(chǎn)生旋轉(zhuǎn)的效果。 ²逆時針：依逆時針方向等速的旋轉(zhuǎn)元件，你也可以設(shè)定元件旋轉(zhuǎn)的次數(shù)，但次數(shù)的設(shè)定必須大於0，否則元件無法產(chǎn)生旋轉(zhuǎn)的效果

10、。 往下的步驟，我們開始來製作一個順時針旋轉(zhuǎn)的動畫，步驟如下：步驟一、你可以自行在場景中輸入一段文字，並在第36影格處加上關(guān)鍵影格，同時在第1影格處，加上產(chǎn)生移動漸變的效果。步驟二、用滑鼠點選時間軸上第1影格，並按右鍵，選擇快顯功能表中的面板->影格，畫面會出影格設(shè)定面板。將旋轉(zhuǎn)效果設(shè)定為順時針次數(shù)設(shè)定為1次。步驟三、        執(zhí)行功能表上的控制->播放，播放影片。5、顏色漸變 改變兩點關(guān)鍵影格中元件的顏色。我們可以呈現(xiàn)出顏色變化的動畫效果，常見的效果包含了淡入和淡出的效果。和先前小節(jié)中的做法有些不同，顏色

11、變化的動畫必須在關(guān)鍵影格中的元件設(shè)定變化，而非在關(guān)鍵影格上設(shè)定。在我們點選元件後，執(zhí)行功能表上的修改->元件實體的功能後，如果我們點選特效這個選項，會看見底下這個面版設(shè)定。 * 你也可以直接在元件上按右鍵，選擇快顯功能表中的面板->特效直接顯示顏色設(shè)定面板。²無(None)：元件顯示本身的顏色設(shè)定。²亮度(Brightness)：設(shè)定元件的明亮程度。設(shè)定值從100%到-100%，設(shè)定為正值，則元件變亮，如設(shè)定為100%，則元件呈現(xiàn)白色；如果設(shè)定為負值，則元件變暗，如設(shè)定為-100%，則元件呈現(xiàn)黑色。²色調(diào)(Tint)：利用R(紅色)、G(綠色)、B(藍

12、色)等三原色混合，來調(diào)出顏色，數(shù)值的設(shè)定從0255，0為最弱，255代表最強。色調(diào)的調(diào)整仍須配合明亮的調(diào)整，否則無法呈現(xiàn)需要的顏色。²Alpha：設(shè)定元件的透明度，這就是網(wǎng)頁上?？吹降牡爰暗?Fade In，F(xiàn)ade Out)的效果了，將Alpha值設(shè)定為100%，元件透明度不變；如果將Alpha值設(shè)定為0%就完全透明了。 ²        進階(Special)：亮度、色調(diào)、Alpha三種效果的混合設(shè)定。設(shè)定淡入效果的步驟如下：步驟一、先自行設(shè)定好一個漸變動畫。步驟二、點選第1個影格，在元

13、件按右鍵，選擇面板->特效，將效果設(shè)定為Alpha，並將數(shù)值調(diào)整為0%。測試或播放影片：執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。6. 導(dǎo)引線動畫 如果我們只是單純的改變兩點關(guān)鍵影格中元件的位置，那麼Flash只能為我們產(chǎn)生出兩點間移動的直線動畫；如要產(chǎn)生不規(guī)則移動的動畫，我們必須加上導(dǎo)引線，這樣才能使元件延著我們繪製的線段來移動。往下的步驟，我們開始來製作一個導(dǎo)引線的動畫，步驟如下：步驟一、先自行製作一個等速移動的動畫。步驟二、執(zhí)行功能表上插入->移動導(dǎo)引線，此時會在圖層一上方增加一個導(dǎo)引線圖層。* 一、你也可以直接在圖層一上按右鍵，選擇增加導(dǎo)引線。二、

14、在Flash中，一個圖層只能有一個導(dǎo)引線，而且會在該圖層的上方。  步驟三、點選導(dǎo)引線圖層的第1個影格，點選工具列的鉛筆工具按鈕，任意繪製出一條曲線。* 一、繪製曲線時，你最好選用鉛筆工具按鈕，並選用最細的線條繪製。二、線條的顏色只要選用能清楚分辨的顏色即可，在實際匯出Flash動畫時，線條是看不到的。  步驟四、點選圖層一的第一影格，將元件放於導(dǎo)引線上。A 一、在Flash5的版本，當(dāng)你繪製好導(dǎo)引線時，起始點的元件就會自動的貼到導(dǎo)引線上了。二、最好按下貼齊物件工具鈕，因為它會自動的將元件吸到導(dǎo)引線上。  步驟五、點選圖層一的第36影格，將元件放於導(dǎo)引線上。步驟六

15、、測試或播放影片：執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。  如果你使用功能表上的控制->播放的功能，那麼你還是會看到導(dǎo)引線的存在。但如果你使用功能表上的控制->測試影片或直接鶗下Ctrl+Enter鍵，你會發(fā)現(xiàn)在影片輸出後，導(dǎo)引線是看不到的。你應(yīng)該會發(fā)現(xiàn)到元件在延著導(dǎo)引線移動的過程中，並不會改變元件顯示的角度，我們希望元件在移動的過程中，它會依照導(dǎo)引線上不同的角度來做方向性的旋轉(zhuǎn)。我們可以在起始的關(guān)鍵影格上按右鍵，選擇面版->影格，在影格面版中，我們可以設(shè)定元件延導(dǎo)引線移動的方式。在選項的設(shè)定中，有以下的設(shè)定內(nèi)容：²沿路徑方向

16、：這個選項是導(dǎo)引線動畫專用的功能。如果將這個選項勾選，則元件延導(dǎo)引線移動時，會延著導(dǎo)引線的角度，做方向性的旋轉(zhuǎn)。²同步化：當(dāng)元件本身具有動畫效果時，如果時間軸上的格數(shù)設(shè)定不能和元件本身動畫播放的時間相配合時，就會出現(xiàn)動畫不完全的情形。點選這個選項後，會使元件本身的動畫效果和實際播放的時間儘量一致。²貼齊：導(dǎo)引線動畫專用的功能。勾選這個功能後，在移動元件後，元件會自動的貼到導(dǎo)引線上。7. 形狀漸變(Shape Tween) 形狀漸變和移動漸變的動畫製作原理是一樣的，它們都是利用前後兩個關(guān)鍵影的圖形改變來產(chǎn)生動畫的效果。但不同的是，形狀漸變類型的動畫必須將前後兩個關(guān)鍵影格處的元

17、件加上打散(Break Apart)的動作，動畫才能正確的運作。 如同移動漸變，形狀漸變的設(shè)定是在影格的設(shè)定面板中。在形狀漸變類型的動畫中，我們也可以製作出以下類型的動畫：移動動畫、縮放動畫、加速、減速動畫、色彩漸變動畫形狀漸變動畫設(shè)定的步驟如下：步驟一、在場景中，畫一個圓形圖形。步驟二、在時間軸上第36影格處，按右鍵，選擇插入空白關(guān)鍵影格。* 如果加上關(guān)鍵影格，該影格會延續(xù)前一個關(guān)鍵影格的圖形，那麼你在場景中還會看到圓形存在。如果加上空白關(guān)鍵影格，該影格則成為一個新的起點，而不會延續(xù)前一個關(guān)鍵影格的圖形。  步驟三、在場景中畫一個方形圖形。步驟四、點選第1個影格，並按右鍵

18、，選擇面板->影格，將漸變選擇為形狀。步驟五、執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。在形狀漸變的面板設(shè)定中，有一些特別的設(shè)定：²放慢：如果將數(shù)值為正數(shù)，動畫則呈現(xiàn)減速的效果，設(shè)定的數(shù)值最大可至100；反之，如果將數(shù)值為負數(shù)，則動畫呈現(xiàn)出加速的效果，設(shè)定的數(shù)值最大可至-100。²  混合：如果設(shè)定為分佈式(Distributive)，則動畫播放時。圖形外觀的變化比較流暢；如果設(shè)定為角度式(Angular)，則使動畫播放時，圖形外觀的邊角及週線不致消失。先前我們提到製作形狀漸變動畫前，元件必須經(jīng)過打散的過程，但上一個範(fàn)例似

19、乎沒有經(jīng)過此一步驟。那是因為經(jīng)由繪圖工具列繪出的圖形並非元件，所以不用再做打散這個動作。由上面的圖形中，我們可以很清楚的區(qū)別元件和非元件的不同；經(jīng)由選取後，元件本身是一體的。例如，如果我們改變元件的顏色，元件是整體改變，而非某一個部份改變。注意到元件圖形中的十字形，那是元件所獨有的記號，也就是元件的中心點。不論是做旋轉(zhuǎn)動畫或是製作導(dǎo)引線動畫，元件是以十字形為中心點來變化的。如果我們將元件打散，或是經(jīng)由繪圖工具鈕所繪製出來的圖形就會如同圖44的右邊的圖形。表面上看起是一體的，但整個圖形是由許多的小圖形所組合而成。也就是說，我們可以個別的改變小圖形的外觀，例如，我們可以將飛機的螺旋漿改變?yōu)榧t色，而

20、其他的部份不受影響。在製作移動漸變類型的動畫時，放在關(guān)鍵影格位置的物件，我們需要元件；而在製作形狀漸變類型的動畫時，放在關(guān)鍵影格位置的物件，我們希望它是非元件的圖形。我們可經(jīng)由功能表上的修改->打散的功能，將元件轉(zhuǎn)為非元件的圖形；也可以將非元件的圖形經(jīng)由選取後，再經(jīng)由功能表上插入->轉(zhuǎn)換為元件的功能，將它轉(zhuǎn)為元件。由於元件未經(jīng)過打散的功能，所以並無法成功的完成形狀的改變。未經(jīng)打散的步驟，時間軸上顯示錯誤的圖形步驟一、點選第1個影格，執(zhí)行功能表上修改->打散的功能，此時元件的十字形會消失。步驟二、點選第29個影格，執(zhí)行功能表上修改->打散的功能兩次，此時元件的十字形會消失

21、。A 我們可以將許多的小圖形組合，再將它轉(zhuǎn)換為元件。在組合的過程中，如果某些小圖形又是另一些小圖形的組合，那麼轉(zhuǎn)換後的元件就包含了不同層次的組合圖形了。也就是為什麼有些元件只要打散一次，而有些元件需要做多次的打散動作的原因了。步驟三、        執(zhí)行功能表上的控制->播放或是直接按下Enter鍵，播放影片。動畫部份完三按鈕元件介紹在Flash的動畫中，按鈕元件的應(yīng)用是相當(dāng)廣泛的。在網(wǎng)頁上，你可以使用它來連結(jié)某一個網(wǎng)址。在互動遊戲方面，你可以使用它來回應(yīng)使用者的動作。在動畫特效上，你可以使用它來選擇做不同場景的切換。

22、基本Flash的按鈕有四種狀態(tài)，分別是：一般(UP)：表現(xiàn)出按鈕開始呈現(xiàn)於瀏覽者眼前的狀態(tài)，這時滑鼠並未在按鈕的上方。 滑鼠經(jīng)過(OVER)：當(dāng)滑鼠滑上按鈕上方時，按鈕所顯現(xiàn)的狀態(tài)。 按下(DOWN)：當(dāng)滑鼠按下左鍵，但未放開左鍵時，按鈕顯示出來的狀態(tài)。 反應(yīng)區(qū)(HIT)：代表按鈕反應(yīng)的區(qū)域，你不須要特別設(shè)定此一狀態(tài)的圖形，因為在動畫執(zhí)行的過程中，HIT影格內(nèi)的圖形是不會顯示出來的。如果你並未設(shè)定此畫格中的圖形，在影片的播放過程中，F(xiàn)lash會自動的以一般或滑鼠經(jīng)過時的圖形範(fàn)圍作為反應(yīng)的區(qū)域。 1. 基本按鈕元件的製作在這個單元件，我們會學(xué)習(xí)到如何製作一按鈕元件。執(zhí)行功能表上插入->新增

23、元件，名稱設(shè)定為button，性質(zhì)選擇按鈕。 在一般的狀態(tài)下，在場景中畫一個圓形，並填入漸層色。 A在繪製圓形的過程中，您可以在功能表中視窗->面板找出資訊及對齊兩個面板，在控制圓形的大小以及在場景中的位置方面，會很有幫助。選取圓形，按(Ctrl+C)拷貝圖形，再按(Ctrl+V)貼上圖形，並執(zhí)行功能表上修改->變形->縮放和旋轉(zhuǎn)(Ctrl+Alt+S)，完成後，場景中出現(xiàn)一個立體按鈕。圖3 縮放旋轉(zhuǎn)的數(shù)值設(shè)定圖4 完成的按鈕利用文字工具在按鈕輸入文字 在滑鼠經(jīng)過的狀態(tài)上，加上空白關(guān)鍵影格，因為我們在步驟三時已經(jīng)將圓形複製，所以直接執(zhí)行功能表上編輯->在原地貼上(Ctr

24、l+Shift+V)即可出現(xiàn)一個同樣大小的圓形了。 將圓形填入漸層色後，重複步驟三及步驟四。 在按下的狀態(tài)上，加上空白關(guān)鍵影格，同樣的執(zhí)行功能表上編輯->在原地貼上(Ctrl+Shift+V)。並將圓形填入漸層色後，重複步驟三及步驟四。 回場景中，你可以從功能表中視窗->圖庫找到剛才製作出來的按鈕，將button這個按鈕拖曳到場景中，並執(zhí)行控制->測試影片(Ctrl+Enter)即可。四超連結(jié)的應(yīng)用在網(wǎng)頁的應(yīng)用上，我們經(jīng)常使用Flash中的按鈕元件來製成選單，以達到連結(jié)不同網(wǎng)址的目的?；旧希绻诎粹o元件中設(shè)定超連結(jié)的功能，我們必須在按鈕元件本身加上getURL這個基本的

25、ActionScript。在設(shè)定動作時我們還必須考慮到何時產(chǎn)生動作？連超的通訊協(xié)定為何？連結(jié)之後網(wǎng)頁出現(xiàn)的位置為何？這些都是我們在按鈕元件上加上超連結(jié)功能時所必須考慮到的?，F(xiàn)在，我們來製作一個利用按鈕來連結(jié)網(wǎng)址的基本選單。你可以先開啟範(fàn)例光碟中，Chap3/Example2.html這個網(wǎng)頁，這個檔案是已經(jīng)完成的範(fàn)例檔。當(dāng)然，你必須先連上網(wǎng)際網(wǎng)路才能連結(jié)到正確的網(wǎng)址。製作的步驟如下：在Hinet這個按鈕元件上按右鍵，選擇動作，此時場景中會出現(xiàn)動作面板。 點選基本動作這個選項，再在Get URL這個選項上雙擊，此時會出現(xiàn)getURL這個ActionScript的設(shè)定畫面。 在我們按下物件動作面板右下角的三角形時，畫面會出現(xiàn)設(shè)定網(wǎng)址的文字方塊，填入網(wǎng)址： 在另外兩個按上重複步驟三及步驟四。 執(zhí)行功能表上檔案->發(fā)佈預(yù)覽->HTML測試你的成品。 在步驟三的範(fàn)例圖中，出現(xiàn)了on(release) 這個事件名稱，意思是滑鼠放開時才會執(zhí)行底下的ActionScript。當(dāng)然你也可以更改這個事件，你可以點選on(release)這個事件，畫面如下：各事件的作用時機如下：按下：使用者在按鈕感應(yīng)區(qū)內(nèi)按下左鍵時啟動事件 放開：使用者在按鈕感應(yīng)