實(shí)例說(shuō)明

　　這是一個(gè)產(chǎn)品廣告動(dòng)畫，主要用作在互聯(lián)網(wǎng)上進(jìn)行產(chǎn)品、服務(wù)或者企業(yè)形象的宣傳。由于廣告動(dòng)畫中采用了很多電視媒體制作的表達(dá)手法，且又具備網(wǎng)絡(luò)傳輸?shù)亩绦【傻莫?dú)特優(yōu)勢(shì)，這正是Flash廣告動(dòng)畫之所以風(fēng)靡全球的原因。

　　有關(guān)知識(shí)

　　這是一個(gè)多重復(fù)合動(dòng)畫，我們將分別就“汽車啟動(dòng)”，“靚車展示”及“假LOADING效果”進(jìn)行剖析介紹。

　　制作過(guò)程

　　一、汽車啟動(dòng)

　　步驟1：選擇菜單中的插入>添加組件（Insert>New Symbol），在出現(xiàn)的對(duì)話框中選圖像（Graphic），命名為che。選擇文件>導(dǎo)入(File>Import)，將一張車頭圖片加入舞臺(tái)，在菜單上選擇修改>打散（Modify>Break Apart），然后用鼠標(biāo)點(diǎn)擊車頭以外的部分，再在工具欄活動(dòng)面板上選擇套索工具，在下方的附屬工具中選擇魔術(shù)棒，點(diǎn)擊車頭的黑色背景，即選取背景，然后按鍵盤上的Delete刪除黑色部分。如圖1所示。

圖1車頭圖片的處理過(guò)程
　　步驟2：點(diǎn)擊Scene1回到主場(chǎng)景，選中Layer1層第3幀，按F7插入空幀，從庫(kù)中將 che拖入場(chǎng)景的中間偏下的位置。在Layer1層的下面點(diǎn)擊圖標(biāo)，添加Layer2層，選中第3幀，按F7插入空幀，用同樣的方法將 che再次拖入場(chǎng)景，位置和Layer1層的che一樣，即Layer2層的che覆蓋了Layer1層的che。如圖2所示。

圖2在兩個(gè)層中加入車頭che
　　步驟3：現(xiàn)在回到Layer1層第3幀，在Effect面板的下拉列表中選擇Brightness，將后面的數(shù)字調(diào)整到-50%到-70%之間，這樣Layer1層的車頭就比Layer2層的車頭要暗。如圖3所示。

圖3明暗屬性調(diào)整
　　步驟4：選中Layer2層，再次點(diǎn)擊下面的圖標(biāo)，新增Layer3層，選擇Layer3層第3幀，按F7插入空幀，在工具欄上選擇矩形工具，在下面的選項(xiàng)中點(diǎn)擊圖標(biāo)，彈出矩形參數(shù)設(shè)置窗口（Rectangle Settings），在Corner后面填入數(shù)字10，然后用鼠標(biāo)拉出一小段圓角的矩形框，并移動(dòng)在che車頭左邊的部分。如圖4所示。

圖4繪制圓角的矩形
　　步驟5：選擇Layer3第42幀，按F6插入關(guān)鍵幀，就將第3幀的圓角矩形插入到第42幀，點(diǎn)擊工具欄的選取工具，選中下面的縮放工具，將剛才的矩形框向右拉，長(zhǎng)度接近車頭的寬度。然后選擇第3幀，在Frame面板Tweening項(xiàng)選Shape ，這樣就生成圓角矩形由短變長(zhǎng)的動(dòng)畫。如圖5所示。

圖5在第3層第3至42幀之間設(shè)置漸變動(dòng)畫
　　步驟6：在Layer3層第45幀處，按F6插入關(guān)鍵幀，同樣點(diǎn)擊，選擇，再將剛才的矩形圖形向下拉大以覆蓋整個(gè)車頭，就會(huì)生成圓角矩形由窄變寬的動(dòng)畫。如圖6所示。

圖6變大的圓角矩形
　　在Layer3點(diǎn)右鍵，從彈出的菜單中選擇Mask（遮罩）。如圖7所示。

圖7將Layer3設(shè)置為遮罩
　　完成后的顯示效果如圖8所示。

圖8車頭上逐漸變大的亮光動(dòng)畫
　　提示：由于Layer1層的車頭比Layer2層的車頭暗，而對(duì)Layer2層使用遮罩，就使較亮的Layer2層車頭只能在遮罩區(qū)顯示，所示就產(chǎn)生了在較暗的車頭上有一亮區(qū)在由短變長(zhǎng)，再逐漸放大的效果。

　　步驟7：在Layer1層選中第51幀，按F6插入關(guān)鍵幀，并選定該幀的圖像，在Effect面板將Brightness的明暗程度調(diào)整到0%，即使車頭的亮度變?yōu)檎?。然后在該層的?5幀到80幀之間分別插入關(guān)鍵幀。這幾幀是為了得到啟動(dòng)時(shí)的震動(dòng)效果，可分別微調(diào)它們的位置及轉(zhuǎn)動(dòng)角度，這里不詳細(xì)介紹。最后將鼠標(biāo)移動(dòng)到Layer1層第85幀，按F5插入幀，以延續(xù)畫面。如圖9所示。

圖9產(chǎn)生汽車的震動(dòng)效果
　　步驟8：添加聲音層，具體的聲音要根據(jù)動(dòng)畫效果而定，方法請(qǐng)參考有關(guān)章節(jié)，圖10是加入聲音后的時(shí)間軸。

圖10聲音層
　　二、靚車展示

　　步驟1：選擇Insert>Scene，建立新場(chǎng)景Scene 2。導(dǎo)入用于展示的一組汽車圖片，分別建立汽車圖像符號(hào)，并將它們的命名為qiche1、qiche2......，然后在庫(kù)中建立名為scene2的文件夾，將導(dǎo)入的位圖及創(chuàng)建的符號(hào)全都放在這個(gè)文件夾里。如圖11所示。

圖11庫(kù)窗口文件夾scene2中的符號(hào)
　　提示：為了便于管理不斷增多的庫(kù)元素，可將在Scene1運(yùn)用的庫(kù)元素全部選中，點(diǎn)右鍵，從菜單中選Move to New Folder，在彈出的對(duì)話框中給新文件夾命名為Scene1，則選中的庫(kù)元素全部轉(zhuǎn)移到文件夾Scene1中。

　　步驟2：在Fill面板中選擇Bitmap，則會(huì)顯示導(dǎo)入位圖的縮影，如圖12所示。

圖12填充位圖窗口
　　步驟3：點(diǎn)擊工具欄上矩形工具按鈕，在舞臺(tái)中拉出一個(gè)矩形框，框內(nèi)就會(huì)有剛才選擇的填充位圖。如圖13所示。

圖13位圖填充
　　步驟4：由于位圖大于拉出的矩形，所示矩形的位圖填充只會(huì)顯示位圖的部分畫面，為了調(diào)整矩形框中的位圖，可選擇油漆桶工具，在出現(xiàn)的附選工具中選變形填充，然后點(diǎn)舞臺(tái)上的矩形填充，就會(huì)出現(xiàn)一個(gè)調(diào)整框，拖拽中心的圓柄就移動(dòng)位圖，以調(diào)整出滿意的畫面。如圖14所示。

　　提示：拖拽調(diào)整框四周的句柄可縮放、扭曲和旋轉(zhuǎn)填充位圖。

　　步驟5：在時(shí)間軸同一層，選中第4幀，按F5插入幀，這樣可將畫面從第1幀延續(xù)到第4幀。

　　步驟6：建立新的層，在對(duì)應(yīng)在上一層結(jié)束的地方建立空幀，然后參照步驟2~5方法建立位圖填充，就能產(chǎn)生快速切換電影鏡頭的效果，如果在其中連續(xù)幀之間插入空幀還可以得到其他效果，因?yàn)楫嬅婧芏?，這里就不多講，具體實(shí)現(xiàn)方法可參見(jiàn)源程序的Scene 2，圖15顯示的是Scene 2的時(shí)間軸。

圖14位圖填充調(diào)整

圖15顯示快速切換畫面的時(shí)間軸
　　三、假Loading效果

　　步驟1：選擇插入>新符號(hào) (Insert>New Symbol)，在出現(xiàn)的對(duì)框中勾選Movie Clip，命名為L(zhǎng)oad2。在Layer1層中畫出一個(gè)表盤狀的圖形，如圖16所示。

圖16畫好的一個(gè)圖形
　　步驟2：選擇插入>新符號(hào) （Insert>New Symbol），在對(duì)話框中選符號(hào)類型： Movie Clip，命名為zhizhen。在第一層第1幀，畫出一個(gè)指針圖形，選中第2幀，按F6插入關(guān)鍵幀，將第2幀的指針旋轉(zhuǎn)一定角度，如圖17所示。

圖17制作指針
　　提示：指針的中心點(diǎn)應(yīng)移動(dòng)到下端，這也是指針的旋轉(zhuǎn)中心。

　　步驟3：回到符號(hào)Load2的制作場(chǎng)景中，新建“指針”層，將剛才做好的zhizhen拖入第1幀，向左旋轉(zhuǎn)適當(dāng)角度，如圖18所示。

圖18第1幀的“指針”狀態(tài)
　　步驟4：選擇第15幀，按F6插入關(guān)鍵幀，將zhizhen向右旋轉(zhuǎn)一定角度，在第50幀用同樣的方法插入關(guān)鍵幀，繼續(xù)向右旋轉(zhuǎn)一定角度。如圖19所示。

　　

圖19 第15、50幀的“指針”狀態(tài)
　　步驟5：分別選中第1、15幀，在Frame面板的漸變（Tweening）項(xiàng)中選Motion，就會(huì)生成“指針”旋轉(zhuǎn)的動(dòng)畫。如圖20所示。

圖20 合成“指針”的關(guān)鍵幀動(dòng)畫
　　步驟6：在“指針”層上的第50幀上雙擊，打開(kāi)Frame Actions窗口，從Basic Actions欄雙擊Stop，給此幀加上停止命令。如圖21所示。

　　步驟7：建立“聲音”層，將已導(dǎo)入庫(kù)中的聲音文件拖到舞臺(tái)。如圖22所示。

　　步驟8：現(xiàn)在回到Scene2，選中Layer 25第143幀，按F7插入空幀，從庫(kù)中把已做好的電影片段Load2拖上舞臺(tái)。如圖23所示。

　　步驟9：選擇同一層的第200幀，按F5插入幀，則Load2動(dòng)畫就會(huì)延長(zhǎng)到這幀。

圖21給第51幀上加上停止命令

圖22已完成的假Loading

圖23將做好的Load2符號(hào)放在143幀處
　　因?yàn)榭紤]銜接的原因，在這里安排了假Loading效果。而真Loading也是一小段動(dòng)畫，它放在第1幀最先播放，由于使用了If Frame is Loaded語(yǔ)句，當(dāng)檢測(cè)到指定幀下載完畢時(shí)，就會(huì)執(zhí)行Go To語(yǔ)句跳轉(zhuǎn)另一指定幀。真Loading一般用在較大的動(dòng)畫中，為避免畫面下載時(shí)太慢（或中斷）而制作的。

　　可在光盤中打開(kāi)本實(shí)例源程序， Scene1的Layer 1層的第1幀中有真Loading，大家可從中看出真假Loading有何不同。