Flash動畫制作綜合實例

精選優(yōu)質(zhì)文檔-----傾情為你奉上精選優(yōu)質(zhì)文檔-----傾情為你奉上專心---專注---專業(yè)專心---專注---專業(yè)精選優(yōu)質(zhì)文檔-----傾情為你奉上專心---專注---專業(yè)第14章Flash動畫制作綜合實例教學(xué)提示：Flash最主要的功能是制作矢量動畫，制作出效果獨特且容量很小的Flash動畫作品是其主要特色。同時，通過動作(Actions)指令集控制動畫的播放、開關(guān)音效、制作交互式接口效果、Java網(wǎng)頁特效等效果是其另一大特色。這使得Flash不再只是單純的動畫制作軟件，而成為交互式多媒體工具、交互式網(wǎng)頁制作工具、光盤自動播放畫面制作工具。此外，它還可以做出多種格式的動畫，不需死記程序語言就能做交互式游戲。本章介紹了4個Flash動畫制作實例，綜合運用了Flash的編程語言技術(shù)、Flash的設(shè)置文檔屬性、制作元件、時間軸、文字工具、測試動畫速度等技術(shù)。教學(xué)目標：在掌握前面幾章介紹的基本操作和基本知識的基礎(chǔ)上，本章主要通過幾個Flash動畫制作的實例，讓讀者領(lǐng)略Flash的特效動畫制作和強大的編程功能，進一步熟悉Flash利用動作語句來制作動畫特效的操作方法和獨自完成實例創(chuàng)作的能力，加深對Flash動畫制作方法的認識和提高。14.1星光閃爍的特效實例大家可以想像這樣一種場景：漆黑的夜空中，出現(xiàn)一點微弱的亮光，然后光線慢慢地增強，最后變成許許多多光芒四射的星星，若隱若現(xiàn)，而且，星星可以變換多種形狀和顏色，很美的畫面吧！如果將這些添加在你的動畫中，將是一道非常亮麗的風(fēng)景線。14.1.1設(shè)置文檔屬性(1) 選擇【文件】|【新建】命令，或單擊標準工具欄中的新建按鈕，新建一個FlashMX2004文檔。(2) 為了作圖方便，選擇【修改】|【文檔】命令，打開如圖14.1所示的【文檔屬性】對話框。圖14.1【文檔屬性】對話框(3) 場景大小自定，背景顏色設(shè)為黑色，主要是為了增加一種神秘的感覺，而且更能突出光線的效果，與動畫設(shè)置的環(huán)境相搭配。

14.1.2制作元件(1) 制作一個球體。新建一個元件，取名為“光球”，行為為“圖形”，然后在工具欄里選取圓形工具，在工作區(qū)繪制一個正圓形。(2) 設(shè)置顏色效果。選擇【窗口】|【混色器】命令，打開【混色器】面板，選擇漸變色中的圓形漸變，制作兩個滑塊的漸變色，其中第一個滑塊顏色選取成白色，但Alpha值設(shè)置為100，表示不透明，最好不要放在最左邊，否則，中間的白點就太?。坏诙€滑塊為淺黃色，Alpha值設(shè)置成0，即為全透明。這樣設(shè)置以后，將會達到很好的視覺效果，如圖14.2所示。(3) 用漸變色填充圖形，得到如圖14.3所示的圖形，小球有了放射性的效果。圖14.2混色器圖14.3填充圖形(4) 制作光線1。首先設(shè)置第一種光線色彩效果，選擇矩形工具，并在【混色器】面板中，選擇漸變色中的線性漸變，制作4個滑塊的漸變色，其中兩頭的滑塊顏色選取成黃色，但Alpha值設(shè)置為0，即全透明的黃色。中間滑塊的顏色也選取成黃色的，但Alpha值仍設(shè)置為80，部分透明，如圖14.4所示。(5) 新建一個元件，取名為“光線一”，選擇矩形工具，在黑色背景的電影上任意畫一個區(qū)域，矩形框高度大概為“1pixel”左右，此時會有光線的效果。(6) 制作光線2。首先設(shè)置第二種光線色彩效果。按照第(4)步的設(shè)置，制作4個滑塊的漸變色，其中在兩邊的滑塊顏色設(shè)為粉紅色，Alpha值為0；中間滑塊的顏色設(shè)為白色，Alpha值為100，如圖14.5所示。(7) 按照第(5)步的制作方法，制作一個元件，并命名為“光線二”。準備工作到現(xiàn)在都已經(jīng)完成了，接下來，我們來應(yīng)用做好的元件，制作另外一個星星的元件。(8) 新建一個元件，設(shè)為“影片剪輯”，并命名為“星星”，直接按Ctrl+L組合鍵調(diào)出元件庫，將“光線一”拖入，按組合鍵Ctrl+Alt+S，彈出對話框，調(diào)整它的大小和旋轉(zhuǎn)角度，設(shè)旋轉(zhuǎn)角度為20°，如圖14.6所示。(9) 再拖入一條“光線一”，與前一條光線的中心重合，按照同樣的方法，旋轉(zhuǎn)角度40°，大小設(shè)為不同于前光線，同理再拖入第3條“光線一”，分別旋轉(zhuǎn)40°、50°和80°不等，角度大小均有所變化，如圖14.7所示。圖14.4設(shè)置顏色圖14.5設(shè)置顏色圖14.6調(diào)整角度圖14.7光線一(10) 新建一圖層，在新層中拖入“光線二”，一條旋轉(zhuǎn)90°，一條不旋轉(zhuǎn)角度，并把它們的大小設(shè)為比“光線一”大，這樣才能重點突出它們，注意中心與前面的光線一致，如圖14.8所示。(11) 再新建一層，將“光球”拖入，調(diào)整大小和位置。這樣星星的整體形狀我們就做出來了，如圖14.9所示。圖14.8光線二圖14.9星星14.1.3制作場景上小節(jié)中的操作只是一個星星的元件，還沒有設(shè)定動畫，下面我們就要制作流星的動畫了。(1) 選擇【插入】|【創(chuàng)建新元件】命令新建一個影片剪輯，命名為“運動的星星”，按Ctrl+L組合鍵調(diào)出元件庫，把剛才做好的星星拖放到工作區(qū)中心，注意和十字重合，如圖14.10所示。(2) 選取這個星星，運用工具欄中的工具把這個星星放大，然后在第20幀按F5鍵，插入一個普通幀，并且鎖住這個層。(3) 再新建一個圖層，從元件庫中拖入一個星星，放在剛做好的那個大星星的中心，再在第20幀按F6鍵插入一個關(guān)鍵幀。(4) 把第20幀的那個星星拖到大星星的一個角上，再把這個星星的透明度設(shè)為40%，返回第一幀設(shè)為“運動漸變”動作，如圖14.11所示。圖14.10拖動元件圖14.11建立星星的動畫(5) 再新建一個層，把第二層第1幀的星星復(fù)制到第三層的第1幀，這樣做是為了使星星能重合，按照第二層的做法把它設(shè)為運動漸變，這次要把第20幀的星星放到大星星的另一個角上，依次做好五個層的運動星星，如圖14.12所示。(6) 把那個大星星層連同星星一起刪除，因為我們只是用它來起輔助作用的。(7) 選擇【插入】|【創(chuàng)建新元件】命令再新建一個影片剪輯，命名為“運動”，現(xiàn)在是設(shè)流星的運動路徑。本實例中用的是一個橢圓，你也可根據(jù)目的的不同畫出不同的動運路徑。在第100幀按F5鍵插入一個幀，然后鎖定這個層，如圖14.13所示。圖14.12建立五個星星層圖14.13繪制橢圓形(8) 新建一個層，把剛才做好的那個“運動的星星”元件拖到第1幀，中點對好運動路徑的開頭，再在第20幀按F7鍵，這樣“運動的星星”做完了20幀的運動后就會停下來，如圖14.14所示。(9) 新建一個層，在第2幀按F7鍵，然后把“運動的星星”拖到第2幀，這顆星一定要放到第一顆星的后面，中心對好運動路徑，再在第21幀按F7鍵，如圖14.15所示。(10) 新建一個層，在第3幀按F7鍵，然后把“運動的星星”拖到第3幀，這個星星放在第二個星星的后面，中心也要對好運動路徑，然后在第22幀按F7鍵。依照這樣的方法把星星依次排成你設(shè)定的運動路徑。圖14.14建立第一顆運動星星圖14.15建立新層(11) 最后把第一層的運動路徑刪除掉，如圖14.16所示。圖14.16建立星星圖層(12) 最后你把“運動”的影片剪輯拖放到繪制的背景圖上，按Ctrl+Enter組合鍵觀賞動畫，如圖14.17所示，有了閃爍的星星做裝飾，畫面顯得很豐富多了！圖14.17將元件拖拽到背景圖14.2控制動畫魚影片的實例在這個練習(xí)當中，可以用四個不同的按鈕分別來控制動畫魚的身體各個身體部件的運動。14.2.1設(shè)置文檔屬性(1) 選擇【文件】|【新建】命令，或單擊標準工具欄中的新建按鈕，新建一個FlashMX2004文檔。(2) 選擇【修改】|【文檔】命令，打開【文檔屬性】對話框。(3) 場景大小設(shè)置成400像素×500像素，背景顏色設(shè)為白色，主要是為了看清楚動畫的運動，如圖14.18所示。圖14.18【文檔屬性】對話框14.2.2制作元件(1) 新建一個影片剪輯，命名為“身體”，在元件編輯區(qū)繪制一個魚的圖形，如圖14.19所示。(2) 在第4幀插入一個關(guān)鍵幀，然后將魚的頭部圖形改變，將它的嘴巴張開，然后將幀延長到第6幀，如圖14.20所示。

圖14.19繪制圖形圖14.20插入關(guān)鍵幀(3) 新建一個影片剪輯，命名為“背鰭”，在元件編輯區(qū)繪制一個背鰭，注意要讓中心點對準背鰭圖形的角部，如圖14.21所示。(4) 在第4幀插入關(guān)鍵幀，然后旋轉(zhuǎn)并變形背鰭，將幀延長到第6幀，如圖14.22所示。圖14.21繪制背鰭圖14.22旋轉(zhuǎn)并變形背鰭(5) 新建一個影片剪輯，命名為“胸鰭”，然后在元件編輯區(qū)繪制一個胸鰭的圖形，如圖14.23所示。(6) 在第4幀插入關(guān)鍵幀，將胸鰭旋轉(zhuǎn)并變形，將幀延長到第6幀，如圖14.24所示。同樣，新建一個影片剪輯，命名為“腹鰭”，然后在元件編輯區(qū)繪制一個腹鰭的圖形，在在第4幀插入關(guān)鍵幀，將腹鰭旋轉(zhuǎn)并變形，將幀延長到第6幀。圖14.23繪制胸鰭圖14.24旋轉(zhuǎn)并變形胸鰭(7) 新建一個影片剪輯，命名為“動畫魚”，在時間軸建立四個圖層，分別命名為“身體”、“胸鰭、“背鰭”、“腹鰭”，然后從元件庫中將魚的元件拖拽到元件編輯區(qū)，分別對應(yīng)放在四個圖層上，最后組合成完整的魚圖形，如圖14.25所示。(8) 新建一個按鈕元件，命名為“普通按鈕”，在編輯區(qū)制作一個按鈕，在這里為了使讀者能夠看得更清楚，我們使用一個不加修飾的長方形按鈕，根據(jù)自己的喜好，在“指針經(jīng)過”、“按下”、“點擊”狀態(tài)時插入關(guān)鍵幀，并設(shè)置顏色，如圖14.26所示。到這里，所有的元件都制作完了。圖14.25魚元件圖14.26普通按鈕14.2.3制作場景(1) 回到主場景中，現(xiàn)在的主場景是一片空白，將圖層命名為“動畫魚”，從元件庫中將“動畫魚”的元件拖拽到場景中央，如圖14.27所示。(2) 新建一個圖層，命名為“身體按鈕”，從元件庫中將“普通按鈕”元件拖拽到場景中，放在如圖14.28所示的位置上，并在按鈕下面輸入“身體控制”。圖14.27拖拽元件圖14.28拖拽按鈕(3) 用同樣的方法，建立新層“背鰭按鈕”、“胸鰭按鈕”及“腹鰭按鈕”，然后在圖層上放置普通按鈕元件，并輸入對應(yīng)文字“背鰭控制”、“胸鰭控制”及“腹鰭控制”，如圖14.29所示。(4) 用鼠標單擊動畫魚元件，將它選取，然后選擇【窗口】|【屬性】命令，打開【屬性】面板，在實例名稱標簽欄里輸入“fish”，這樣，就將實例的名稱設(shè)置為fish了，如圖14.30所示。圖14.29建立新層圖14.30輸入名稱(5) 雙擊動畫魚元件，進入到元件編輯區(qū)內(nèi)，可以看到動畫魚被分為四層，每一層分別放置著動畫魚的身體各個部位的元件。(6) 單擊身體的元件，將其選取，然后打開【屬性】面板，在實例名稱標簽欄里輸入“body”，這樣就指明了實例名稱，如圖14.31所示。(7) 按照上述方法，分別將“胸鰭”、“背鰭”和“腹鰭”分別命名為“sidefin”、“topfin”和“minfin”。(8) 單擊“場景1”回到主場景，新建一個圖層，命名為“動作”(9) 選取動作層的第1幀，選擇【窗口】|【開發(fā)面板】|【動作】命令(快捷鍵為F9)，選取動作命令打開面板，在面板里加入下列語句，如圖14.32所示：topfinFlag=0;sidefinFlag=0;bodyFlag=0;minfinFlag=0;圖14.31輸入名稱圖14.32加入語句此變量的作用是記憶按鈕的狀態(tài)。例如，單擊胸鰭按鈕時，如果胸鰭在動的話，就停止；如果胸鰭處于靜止狀態(tài)，就讓它動起來，它是一個記憶各部分是否處于動態(tài)的變量。將各個按鈕的Flag狀態(tài)值的初始值設(shè)置為0，則相應(yīng)的實例處于動態(tài)；變量為1，則處于靜止狀態(tài)。(10) 選取胸鰭控制的按鈕，給這個按鈕加入下列動作語句，如圖14.33所示。圖14.33給控制胸鰭的按鈕加命令//每次單擊時停止或播放指定的Instanceon(release){ if(sidefinFlag==0){ //在當前位置停止sidefin實例的幀播放 this.fish.sidefin.stop(); sidefinFlag=1; }else{ //在當前位置播放sidefin實例的幀 this.fish.sidefin.play(); sidefinFlag=0; }}由on(release)指定按鈕處理程序，使單擊鼠標時執(zhí)行動作。先檢查變量sidefinFlag，如果為0，則停止sidefin實例的幀，如果為1，則重新播放，按下的時候如果處于停止狀態(tài)，那么放開的時候就重新播放。(11) 按照這個原理，給下面兩個按鈕添加命令，如圖14.34和圖14.35所示，四個按鈕的動作結(jié)構(gòu)基本上相同，只不過變量和播放、停止實例方面有所變化。(12) 同理，給腹鰭控制加上動作語言。(13) 到這里，按鈕控制不同影片片段的動畫就制作完了，按Ctrl+Enter組合鍵預(yù)覽動畫，單擊四個藍色按鈕，可以看到動畫魚先是亂動，然后停止，再按一次按鈕就又開始亂動了。圖14.34給控制背鰭的按鈕加命令圖14.35給控制身體的按鈕加命令14.3制作金屬小球跟蹤鼠標在Flash中，利用動作語言，能制作出許多變化多姿的鼠標效果，鼠標將再也不是我們以前所見的樣子，它將以一種嶄新的姿態(tài)出現(xiàn)在我們的眼前，像是具有了靈性。將這些鼠標動畫用在個人網(wǎng)站上，將能增加許多很酷的動感效果，下面將介紹常用的鼠標效果。在本實例中，只要在屏幕上拖動鼠標即可以看到鼠標周圍有一連串的帶有金屬質(zhì)感的小球旋轉(zhuǎn)的動畫效果。

14.3.1設(shè)置文檔屬性(1) 選擇【文件】|【新建】命令，或單擊標準工具欄中的新建按鈕，新建一個FlashMX2004文檔。(2) 為了作圖方便，選擇【修改】|【文檔】命令，打開如圖14.36所示的【文檔屬性】對話框。圖14.36【文檔屬性】對話框(3) 將尺寸選項區(qū)的寬設(shè)為550像素，高設(shè)為400像素(圖中在數(shù)字之后以px表示像素)，單擊【確定】按鈕。14.3.2制作元件(1) 新建一個元件，輸入元件名稱“小球”，行為選擇【圖形】單選項，再單擊【確定】按鈕。(2) 使用工具箱中的橢圓工具，繪制一個帶有金屬質(zhì)感的球體，并將其定位到“十”圖14.37繪制小球(3) 再次選擇【插入】|【新建元件】命令，添加一個按鈕類型的元件，并將其命名為【按鈕】。(4) 單擊幀插入一個空白幀，再次選擇工具箱中的橢圓工具，繪制一個同金屬球一般大小的圓，并且以另外一種顏色填充，注意，可以使用顯示參考線進行繪制，確保大小一樣，如圖14.38所示。(5) 按Ctrl+F8組合鍵，添加一個影片片段，并將其命名為【動畫】，再單擊【確定】按鈕。 (6) 按Ctrl+L組合鍵，快速啟動Library面板，將按鈕元件拖放到“十”圖14.38繪制圓形圖14.39拖拽元件(7) 單擊第2幀，然后按F7鍵，插入一個空白幀，將【小球】元件拖放到“十”(8) 單擊第10幀，然后按F6鍵，插入一個關(guān)鍵幀，將該幀內(nèi)的小球向下移動一段距離，如圖14.41所示。圖14.40拖動元件圖14.41移動元件(9) 選擇【窗口】|【變形】命令，打開【變形】面板，輸入按圖14.42所示的數(shù)值，再單擊按鈕，就可以將小球變形，變形的小球如圖14.43所示。并將第二個浮動層沒有變形的小球刪除。圖14.42輸入數(shù)值圖圖14.43變形的小球(10) 單擊選取第2幀，然后打開【屬性】面板，在【補間】下拉列表框中選擇【動作】選項，在旋轉(zhuǎn)下拉列表中選擇【順時針】選項，并在次數(shù)文本框中輸入數(shù)值2，即表示將小球順時針旋轉(zhuǎn)兩圈，如圖14.44所示。圖14.44設(shè)定選項(11) 單擊第20幀，然后按F6鍵，插入一個關(guān)鍵幀，刪除該幀內(nèi)的小球，然后從元件庫當中重新拖動一個小球元件到“十”字處，如圖14.45所示。(12) 選取該幀小球，在【屬性】面板中，將【透明度】的值設(shè)置為0，然后選取第10幀，在第10幀與第20幀之間建立一段運動漸變動畫，如圖14.46所示。圖14.45拖動元件圖14.46建立Motion動畫(13) 接下來，選取第1幀，打開【動作-幀】面板，選擇【全局函數(shù)】|【時間軸控制】命令展開列表，然后雙擊Stop選項，為該幀加入幀行為，如圖14.47所示。這樣，影片一開始就會停止在第1幀上面。(14) 單擊選取第1幀內(nèi)的按鈕元件，然后輸入以下命令：on(rollOver){gotoAndPlay(2);}意思是鼠標跳到該按鈕上面之后，就跳轉(zhuǎn)到第2幀開始播放，如圖14.48所示。圖14.47加入動作圖14.48添加命令14.3.3制作場景(1) 單擊“場景1”(2) 打開元件窗口，將【動畫】元件拖動到場景中，然后將其縮放到適當?shù)拇笮?，最后在場景中?fù)制無數(shù)個動畫元件，并將它們緊密地排列在一起，如圖14.50所示。圖14.49設(shè)置屬性圖14.50復(fù)制動畫元件(3) 至此，本實例全部制作完畢，按Ctrl+Enter組合鍵可觀看動畫播放按鈕，如圖14.51所示。圖14.51動畫效果

14.4編程語言控制鼠標跟隨實例本實例是制作一個Flash的動態(tài)鼠標跟隨實例。效果圖如圖14.52和圖14.53所示。圖14.52效果圖一圖14.53效果圖二14.4.1設(shè)置文檔屬性(1) 按Ctrl+N組合鍵，新建一個文檔。(2) 按Ctrl+M組合鍵，打開【文檔屬性】對話框，并設(shè)置影片的尺寸寬為780像素，高為440像素(圖中在數(shù)字之后以px表示像素)，背景顏色為#99CC33，如圖14.54所示。圖14.54設(shè)置屬性14.4.2制作元件跟隨鼠標的文字串為“Hi,lookatme”，其所包含的文字為a，e，H，i，k，l，m，o，和t。(1) 按Ctrl+F8組合鍵打開【創(chuàng)建新元件】對話框。(2) 將元件命名為“a”，并選擇元件的行為為“影片剪輯”。(3) 選擇【文字】工具，在元件“a”窗口中輸入文字a，并設(shè)置其字體為“ComicSansMS”，大小為20，顏色為紅色，如圖14.55所示。(4) 重復(fù)步驟(1)~(3)，分別建立元件e，H，i，k，l，m，o，t和一個空元件dummy(即什么也沒有)。(5) 按下Ctrl+L組合鍵打開【庫】面板，在【庫】面板中，按下按鈕，新建一個目錄Letters。并把剛新建的所有元件拖動到目錄中去，如圖14.56所示。

圖14.55輸入文字圖14.56【庫】面板(6) 按Ctrl+F8組合鍵打開【創(chuàng)建新元件】對話框。(7) 將元件命名為“period”，并選擇元件的行為為“影片剪輯”。(8) 在元件period編輯窗口中單擊時間軸的第5幀，按“F6”(9) 選擇文本工具，輸入一個“.”號。(10) 單擊時間軸第10幀，按F6鍵插入一個關(guān)鍵幀。(11) 選擇文本工具后，單擊剛插入的“.”號，然后在其后面插入一個“.”號。(12) 單擊時間軸第15幀，按F6鍵插入一個關(guān)鍵幀。(13) 選擇文本工具后，單擊剛插入的“.”號，再在其后面插入一個“.”號。(14) 單擊時間軸第20幀，按F5鍵插入一個幀，時間軸如圖14.57所示。圖14.57時間軸(15) 單擊【庫】面板中的按鈕，新建一個目錄“draggedobject”。(16) 在【庫】面板中的“draggedobject”目錄里，按Ctrl+F8組合鍵打開【創(chuàng)建新元件】對話框，新建一個元件“l(fā)oadingdragOBJ”，并選擇元件的行為為“影片剪輯”。(17) 在元件loadingdragOBJ編輯窗口中，選取第1幀，打開【動作】面板。(18) 在【動作】面板中的編輯窗口中輸入以下代碼：i=16;//"Hilookatme…"字符串(計算空格在內(nèi))共16個元件a=5;b=1.66;k=12;//替換各元件位置while(Number(i)>=0){ set("|trail"addiadd":x_value",getProperty("|trail"addi,_x)); set("|trail"addiadd":y_value",getProperty("|trail"addi,_y)); set("|trail"addiadd":vx",0); set("|trail"addiadd":vy",0); i=i–1;}//使元件能拖動startDrag("|trail0",true);此時，【動作–幀】面板如圖14.58所示。圖14.58添加代碼后的【動作–幀】面板(19) 單擊時間軸第2幀，按F6鍵插入一個關(guān)鍵幀。(20) 選取時間軸第2幀，在【動作】面板中輸入以下代碼：//替換各元件位置i=1;while(Number(i)<=16){ set("|trail"addiadd":vx",(eval("|trail"addiadd":vx")+(eval("|trail"add(i–1)add":x_value")+k–eval("|trail"addiadd":x_value"))*1|a)|b); set("|trail"addiadd":vy",(eval("|trail"addiadd":vy")+(eval("|trail"add(i–1)add":y_value")–eval("|trail"addiadd":y_value"))*1|a)|b); set("|trail"addiadd":x_value",eval("|trail"addiadd":x_value")+eval("|trail"addiadd":vx")); set("|trail"addiadd":y_value",eval("|trail"addiadd":y_value")+eval("|trail"addiadd":vy")); i=Number(i)+1;}//重新獲得各元件的位置|trail0:x_value=getProperty("|trail0",_x);|trail0:y_value=getProperty("|trail0",_y);//重新寫入各元件位置i=16;while(Number(i)>=1){ setProperty("|trail"addi,_x,eval("|trail"addiadd":x_value")); setProperty("|trail"addi,_y,eval("|trail"addiadd":y_value")); i=i–1;}(21) 單擊時間軸第3幀，按F6鍵插入一個關(guān)鍵幀。(22) 點擊時間軸第3幀，在動作】面板中，單擊“+”，選擇【全局函數(shù)】|【時間軸控制】|gotoAndPlay命令，值設(shè)為2，如圖14.59所示。圖14.59【動作–幀】面板(23) 單擊時間軸的第40幀，按F5鍵插入一個幀，此時，時間軸如圖14.60所示。圖14.60時間軸14.4.3制作場景(1) 在場景中選擇【查看】|【網(wǎng)格】|【顯示網(wǎng)格】命令。(2) 按下Ctrl+L組合鍵打開【庫】面板。(3) 在【庫】面板中，選擇元件“l(fā)oadingdragOBJ”，并把此元件拖到場景中。(4) 在場景中選取元件loadingdragOBJ，選擇【窗口】|【屬性】命令打開【屬性】面板，在面板的【名稱】文本框中輸入“trail0”，如圖14.61所示。

圖14.61【屬性】面板(5) 重復(fù)步驟(3)~(4)操作，并按文字串“Hi_look_at_me…”的順序把元件拖到場景中。再按遞增的順序在【屬性】面板中分別把各元件命名為trail1~trail16。此時，場景如圖14.62所示。(6) 按下Ctrl+A組合鍵，全選場景中的元件，選擇【窗口】|【對齊】命令或是按Ctrl+K組合鍵，打開【對齊】面板，如圖14.63所示。圖14.62場景圖14.63【對齊】面板(7) 先單擊按鈕(或選擇【對齊】|【分布場景】命令)，然后再單擊按鈕(中間垂直對齊)，如圖14.64所示。圖14.64排列元件(8) 單擊按鈕(或選擇【對齊】|【分布場景】命令)，然后再單擊按鈕(中間水平分布)，如圖14.65所示。圖14.65【對齊】元件(9) 保存文件，按下Ctrl+Enter組合鍵預(yù)覽效果。

14.5新型菜單實例本節(jié)將制作一個新型的菜單實例，其效果如圖14.66所示。(a)原始狀態(tài)(b)按下“Menu2”(c)指針移至“m2”(d)單擊“圖14.66菜單實例效果14.5.1設(shè)置文檔屬性(1) 按Ctrl+N組合鍵，新建一個影片。(2) 按Ctrl+M組合鍵，打開文檔屬性，并設(shè)置影片的尺寸寬為220像素，高為350像素，背景顏色為#0000CC。14.5.2制作元件1.普通元件制作(1) 按Ctrl+F8組合鍵打開【創(chuàng)建新元件】對話框。(2) 將元件命名為menu1，并選擇元件的行為為“圖形】。(3) 選擇文字工具，在元件“menu1”窗口中，輸入文字“Menu1”，并設(shè)置其字體為(4) 重復(fù)步驟(1)~(3)，分別建立元件menu2和menu3。(5) 按Ctrl+F8組合鍵，打開【創(chuàng)建新元件】對話框。(6) 將元件命名為“top”，并選擇元件的行為為【圖形】。(7) 在元件top編輯窗口中，選擇【矩形工具】，設(shè)置【描繪顏色】為白色，【填充顏色】為黃色，并打開設(shè)置矩形工具的【矩形設(shè)置】對話框，設(shè)置【邊角半徑】為60，如圖14.67所示。圖14.67【矩形設(shè)置】對話框(8) 在編輯窗口中，畫一個圓角矩形，如圖14.68所示。(9) 設(shè)置【角半徑】為0，再畫一個矩形，并覆蓋在步驟(8)中所畫的矩形的下半部分，如圖14.69所示。圖14.68圓角矩形圖14.69再畫一個矩形(10) 選擇【選擇工具】，單擊圖14.69中的中間直線，并按Delete鍵刪除此直線，如圖14.70所示。(11) 全選元件top中的內(nèi)容，按Ctrl+C組合鍵，進行復(fù)制。(12) 按Ctrl+F8組合鍵，打開【創(chuàng)建新元件】對話框。(13) 將元件命名為“bottom”，并選擇元件的行為為【按鈕】。(14) 在元件bottom編輯窗口中，按Ctrl+V組合鍵粘貼元件top中的內(nèi)容。(15) 選擇箭頭工具，全選bottom元件編輯窗口中內(nèi)容，并使用任意變形工具將圖形旋轉(zhuǎn)180°。(16) 選擇【矩形工具】，設(shè)置【描繪顏色】與【填充顏色】均為黑色，畫一個矩形，矩形的大小與位置如圖14.71所示。圖14.70元件top形狀圖14.71元件bottom(17) 按Ctrl+F8組合鍵打開【創(chuàng)建新元件】對話框。(18) 將元件命名為“Test1”，并選擇元件的行為為【按鈕】(19) 在元件Test1編輯窗口中，選擇【矩形工具】，設(shè)置【描繪顏色】為無色，【填充顏色】為黃色，畫一個矩形，其中矩形的長度與元件top的長度一樣，如圖14.72所示。(20) 單擊時間軸的第1幀，按Ctrl+L組合鍵打開【庫】面板，并將庫中的元件menu1拖動到元件Test1中，調(diào)整位置，如圖14.73所示。圖14.72繪制矩形圖14.73添加元件menu1到Test1中(21) 全選元件Test1編輯窗口中所有元素，并按Ctrl+C組合鍵復(fù)制。(22) 分別單擊時間軸第2、3、4幀，分別按Ctrl+V組合鍵進行粘貼復(fù)制的內(nèi)容。(23) 單擊時間軸第1幀，選取添加的元件menu1。選擇【窗口】|【屬性】命令，打開【屬性】面板，并將【透明度】效果設(shè)置為50%。(24) 單擊時間軸第4幀，選取元件menu1，按下Delete鍵，將其刪除。選擇【箭頭工具】，再全選矩形，最后設(shè)置【描繪顏色】與【填充顏色】均為藍色。(25) 重復(fù)步驟1(7)~2(4)，分別制作元件Test2和Test3。(26) 按Ctrl+F8組合鍵，打開【創(chuàng)建新元件】對話框。(27) 將元件命名為“m”，并選擇元件的行為為【按鈕】。(28) 在元件m編輯窗口中，選擇【矩形工具】，設(shè)置【描繪顏色】為白色，【填充顏色】為#，畫一個矩形，如圖14.74所示。(29) 全選元件m編輯窗口中的元素，并按Ctrl+C組合鍵復(fù)制。(30) 分別單擊時間軸第2、3、4幀，分別按Ctrl+V組合鍵進行粘貼復(fù)制的內(nèi)容。(31) 單擊時間軸第2幀，選擇箭頭工具，全選矩形，設(shè)置【填充顏色】為#33FF33；單擊時間軸第3幀，選擇箭頭工具，全選矩形，設(shè)置【填充顏色】為#CCCC00；單擊時間軸第4幀，選擇箭頭工具，全選矩形，設(shè)置【描繪顏色】與【填充顏色】均為黑色。2.影片剪輯元件制作(1) 按Ctrl+F8組合鍵打開【創(chuàng)建新元件】對話框。(2) 將元件命名為“mainmovie”，并選擇元件的行為為【影片剪輯】。(3) 將圖層命名為“top”，按Ctrl+L組合鍵，打開【庫】面板，將元件top拖到元件mainmovie編輯窗口中，并單擊時間軸第90幀，按F6鍵添加一個關(guān)鍵幀。(4) 新建圖層Test1，將元件Test1拖到元件mainmovie編輯窗口中，并調(diào)整與元件top的位置，如圖14.75所示。圖14.74繪制矩形圖14.75元件top與元件Test1(5) 將時間軸設(shè)置如圖14.76所示。圖14.76設(shè)置時間軸(6) 重復(fù)步驟(4)~(5)，分別添加圖層Test2，Test3和bottom，如圖14.77所示。(7) 隱藏圖層Test2、Test3和bottom，添加圖層m。單擊圖層m中的第10幀，按F6鍵，插入關(guān)鍵幀，并將元件m拖三次到mainmovie編輯窗口中。調(diào)節(jié)元件m位置并添加圖層mtext，分別在每一個m元件中添加文字，如圖14.78所示。圖14.77添加元件圖14.78添加元件(8) 單擊m的第10幀，設(shè)置元件【行為】為【圖符】，并設(shè)置其方式為【單幀】。(9) 單擊m的第20幀，按F6鍵插入一個關(guān)鍵幀，設(shè)置元件【行為】為【按鈕】；單擊m的第21幀，按F6鍵插入一個關(guān)鍵幀，設(shè)置元件【行為】為【圖符】，方式為【單幀】；單擊m的第30幀，按F6鍵插入一個關(guān)鍵幀。(10) 單擊m的第40幀，按F6鍵插入一個關(guān)鍵幀。顯示圖層Test2，全選三個m元件，并調(diào)整位置如圖14.79所示；單擊m第50幀，按F6鍵插入一個關(guān)鍵幀，設(shè)置元件【行為】為【按鈕】；單擊m的第51幀，按F6鍵插入一個關(guān)鍵幀，設(shè)置元件【行為】為【圖像】，方式為【單幀】；單擊m的第60幀，按F6鍵插入一個關(guān)鍵幀。(11) 重復(fù)步驟(10)，設(shè)置m時間軸的第70、80、81和第90幀。(12) 右擊圖層Test2的第10幀，選擇【創(chuàng)建動畫動作】。然后單擊第20幀，按F6鍵插入一個關(guān)鍵幀，并將元件Test2移動到如圖14.80所示的位置上。圖14.79調(diào)整元件位置圖14.80移動Test2元件(13) 重復(fù)步驟(10)，分別設(shè)置圖層Test3和圖層bottom的時間軸。設(shè)置后，時間軸如圖14.81所示。圖14.81時間軸(14) 添加圖層動作s，分別在時間軸的第20、30、50、60、80和第90幀插入關(guān)鍵幀。分別雙擊時間軸的第1、20、50和第80幀，在彈出的【動作–幀】窗口中輸入“stop();”；分別雙擊時間軸的第30、60和第90幀，在彈出的【動作–幀】窗口中輸入如下代碼：tellTarget("|controller"){ play();}stop();此時的時間軸如圖14