FLASH行星運(yùn)動(dòng)和漣漪效果實(shí)驗(yàn)指導(dǎo)書

1、第13課行星運(yùn)動(dòng)和漣漪效果小導(dǎo)游：在地理課上，你是否看過在浩瀚的天空中，幾個(gè)行星在不停運(yùn)轉(zhuǎn)的資料呢？有沒有想過有一天你也能做出同樣的效果呢？這節(jié)課我們就來制作“行星運(yùn)動(dòng)”和“漣漪效果”，不過要做好準(zhǔn)備呀，我們要用到比較復(fù)雜的動(dòng)畫片段實(shí)例的嵌套和按鈕元件的制作。不會(huì)難倒你吧，一起來吧（見光盤c3k13lizi1-2）。一、 行星運(yùn)動(dòng)這是一個(gè)模擬行星運(yùn)動(dòng)的例子，月亮繞著地球轉(zhuǎn)的同時(shí)，地球繞著太陽轉(zhuǎn)。本例分兩大步驟：一是做好元件中的動(dòng)畫實(shí)例；二是做好場(chǎng)景內(nèi)的運(yùn)動(dòng)。（一）做元件中的動(dòng)畫實(shí)例一起做步驟1：新建一個(gè)動(dòng)畫文件。步驟2：制作太陽影片剪輯元件。按組合鍵ctrl+f8，新建一個(gè)“影片剪輯”元件，命

2、名為sun。在元件編輯模式下，選擇橢圓工具，設(shè)置無線條顏色，并設(shè)置填充色為紅色徑向漸變到白色。在場(chǎng)景中畫一個(gè)圓，單擊此圓，并在屬性面板中調(diào)整該圓的中心坐標(biāo)為（0，0）。在第30幀處插入關(guān)鍵幀，調(diào)整混色器紅色徑向漸變?yōu)榘椎郊t。在第1幀處建立形狀漸變動(dòng)畫，如圖13.1所示。步驟3：轉(zhuǎn)回到場(chǎng)景中，按照步驟2，制作一個(gè)名為earth的影片剪輯元件，它的顏色為綠色徑向漸變色。步驟4：用同樣的方法制作一個(gè)顏色為灰色徑向漸變色的月亮影片剪輯元件，并把它命名為moon。此時(shí)符號(hào)庫中就有了3個(gè)動(dòng)畫片段元件，如圖13.2所示。圖13.1 sun影片剪輯元件的制作步驟5：制作月亮繞著地球轉(zhuǎn)的影片剪輯。按組合鍵ctr

3、l+f8，新建一個(gè)元件，命名為有em，并選定“影片剪輯”元件，準(zhǔn)備制作月亮繞著地球轉(zhuǎn)的影片剪輯。步驟6：按f11鍵打開符號(hào)庫，單擊拖曳earth到畫板中，雙單“圖層1”改名為earth。單擊earth層的第25幀，按f5鍵插入幀，即將第1幀上的對(duì)象沿用到該幀上。圖13.2 元件庫步驟7：新建一層，并命名為moon，在第1幀處，從符號(hào)庫中把月球拖到畫板上，在第25幀增加關(guān)鍵幀。步驟8：?jiǎn)螕簟霸黾右龑?dǎo)線按鈕”，為當(dāng)前層上月球的運(yùn)動(dòng)添加運(yùn)動(dòng)路徑。在第1幀處，用橢圓工具畫一個(gè)空心橢圓，使它的半徑比地球與月球的半徑之和要大，并使它與地球同心。由于路徑是一個(gè)封閉的橢圓，當(dāng)對(duì)象在其上運(yùn)動(dòng)時(shí)，運(yùn)動(dòng)的方向不定。

4、為了讓月球在路徑上只沿著一個(gè)方向運(yùn)動(dòng)，可以在路徑上用“橡皮擦”工具開一個(gè)小開口，將開口的一端作為運(yùn)動(dòng)的起點(diǎn)，另一端作為運(yùn)動(dòng)的終點(diǎn)。單擊吸附工具，選定moon層的第1幀，將月球移到路徑的起點(diǎn)上，單擊第25幀，將月球移到路徑的終點(diǎn)上。在第1幀上，單擊屬性面板補(bǔ)間中的“動(dòng)作”，并選中“同步”、“對(duì)齊”復(fù)選框，以使月球繞地球循環(huán)運(yùn)轉(zhuǎn)時(shí)，從終點(diǎn)到起點(diǎn)位置平穩(wěn)過渡，如圖13.3所示。圖13.3 完成的earth動(dòng)畫片段元件步驟9：重復(fù)步驟5到8，制作月亮、地球繞太陽轉(zhuǎn)的影片剪輯s-e-m。需要注意的是由于月亮、地球繞太陽轉(zhuǎn)的速度要比月亮繞地球轉(zhuǎn)的速度慢，所以關(guān)鍵幀要定義到45幀處，如圖13.4所示。圖13

5、.4 地球繞著太陽轉(zhuǎn)的影片剪輯元件（二）做場(chǎng)景內(nèi)的運(yùn)動(dòng)一起做步驟1：?jiǎn)螕簟皥?chǎng)景1”名稱，切換回主場(chǎng)景中。步驟2：?jiǎn)螕魧傩悦姘?，將?dòng)畫的背景色改為深藍(lán)色，以模擬星空。步驟3：將“圖層1”改名為still，將s-e-m動(dòng)畫從符號(hào)庫中拖到場(chǎng)景上來。單擊still層第80幀，按f5鍵插入幀。步驟4：創(chuàng)建邊旋轉(zhuǎn)邊移動(dòng)的效果。單擊“增加圖層按鈕”，新建一層，命名為moving，從符號(hào)庫中再拖出一個(gè)s-e-m動(dòng)畫，移到場(chǎng)景左外側(cè)，并將尺寸略微縮小一些。在moving層的第80幀上按f6鍵，增加關(guān)鍵幀，并在該幀將對(duì)象移到場(chǎng)景右外側(cè)。設(shè)置moving層的兩個(gè)關(guān)鍵幀之間的運(yùn)動(dòng)漸變動(dòng)畫，如圖13.5所示。圖13.5

6、 建立運(yùn)動(dòng)漸變關(guān)系步驟5：制作遮罩動(dòng)畫。在moving層上再新建一層，命名為mask，并將該層作為最頂層。單擊第1幀，用矩形工具畫一個(gè)場(chǎng)景大小的綠色實(shí)心矩形。在mask層上右擊，從彈出的快捷菜單中選擇“遮罩層”命令，則該層與下一層之間建立了遮罩關(guān)系。步驟6：雙擊下面still層的圖層名稱左側(cè)的按鈕，在彈出“圖層屬性”對(duì)話框中設(shè)置該層為“遮罩層”。此時(shí)mask層下面所有的層都變成被遮罩層，如圖13.6所示。圖13.6完成遮罩層動(dòng)畫步驟7：按組合鍵ctrl+enter，測(cè)試播放動(dòng)畫。二、 漣漪效果本例的動(dòng)畫效果是：當(dāng)光標(biāo)移動(dòng)到屏幕上的某個(gè)部位時(shí)，就會(huì)像碰到水一樣，蕩開一圈一圈的漣漪。作法其實(shí)很簡(jiǎn)單

7、，就是用了一個(gè)動(dòng)態(tài)按鈕，將漣漪動(dòng)畫添加到了按鈕的“指針經(jīng)過”狀態(tài)上。所以當(dāng)光標(biāo)一觸及該按鈕范圍時(shí)，就會(huì)播放漣漪動(dòng)畫。下面我們就來學(xué)習(xí)第三種元件類型按鈕制作。一起做（一）首先制作漣漪動(dòng)畫。步驟1：新建一個(gè)動(dòng)畫文件，將動(dòng)畫的背景色設(shè)置為湖綠色。步驟2：創(chuàng)建含有一個(gè)圖層的water影片剪輯元件。按組合鍵ctrl+f8創(chuàng)建一個(gè)新元件，元件類型為“影片剪輯”，符號(hào)名為water。單擊“確定”按鈕，進(jìn)入元件編輯模式。在當(dāng)前層的第1幀上，畫一個(gè)淺灰色的空心橢圓，輪廓線寬為2。選中橢圓，按f8鍵，將橢圓轉(zhuǎn)換為圖形元件，并命名為circle。在第6幀和第21幀處分別插入一個(gè)關(guān)鍵幀，并作相應(yīng)的調(diào)整，使3個(gè)關(guān)鍵幀上

8、的橢圓尺寸依次增大，且增加幅度較大。選擇第1幀的橢圓，打開屬性面板，設(shè)置“顏色”選項(xiàng)中的alpha值為0，使其完全透明。用同樣方法設(shè)置第21幀上的橢圓為完全透明。分別選擇第1幀和第6幀，在屬性面板中設(shè)置補(bǔ)間選項(xiàng)為“動(dòng)作”，如圖13.7所示。圖13.7創(chuàng)建water影片剪輯元件步驟3：創(chuàng)建含有三層的water影片剪輯元件。單擊當(dāng)前層，在處于選中狀態(tài)的所有幀上右擊，從彈出的快捷菜單中選擇“拷貝幀”命令，復(fù)制該層上的所有幀。單擊“增加圖層按鈕”，新建一個(gè)層。單擊新建層上的第5幀，按f6鍵創(chuàng)建關(guān)鍵幀。然后在該幀上右擊，從快捷菜單中選擇“粘貼幀”命令，粘貼復(fù)制的幀。將該層最后關(guān)鍵幀后面的多余幀刪除。單擊

9、“增加圖層按鈕”，再新建一個(gè)層。在第9幀插入一個(gè)關(guān)鍵幀，用上面的方法粘貼復(fù)制的幀，并刪除終點(diǎn)關(guān)鍵幀后面多余的幀，結(jié)果如圖13.8所示。圖13.8wtaer影片剪輯元件的完成狀態(tài)（二）創(chuàng)建動(dòng)態(tài)按鈕。一起做步驟1：按組合鍵ctrl+f8創(chuàng)建一個(gè)新元件，設(shè)置類型為“按鈕”，名稱為button。單擊“確定”按鈕，進(jìn)入按鈕元件編輯模式。步驟2：?jiǎn)螕粑谋竟ぞ?，在“彈起”幀的?chǎng)景中央輸入“water”，并在屬性面板設(shè)置字體為黑體，字號(hào)為96，字的顏色為藍(lán)色。步驟3：?jiǎn)螕簟爸羔樈?jīng)過”狀態(tài)幀，創(chuàng)建關(guān)鍵幀，并將該幀上的文字刪除。按f11鍵打開庫面板，將water影片剪輯拖到畫板的中央。步驟4：?jiǎn)螕簟鞍聪隆睜顟B(tài)幀，

10、按f6鍵，并將沿用的實(shí)例刪除，將“彈起”狀態(tài)幀上的文字復(fù)制下來并粘貼到“按下”幀，單擊文本工具，將該幀的文本顏色調(diào)暗一點(diǎn)。步驟5：?jiǎn)螕簟包c(diǎn)擊”狀態(tài)幀，按f6鍵創(chuàng)建關(guān)鍵幀，并刪除沿用的文本。用矩形工具在該幀場(chǎng)景中央畫一個(gè)實(shí)心的矩形，矩形大小比文字稍大。4個(gè)幀的內(nèi)容如圖13.9所示。步驟6：?jiǎn)螕簟皥?chǎng)景1”，回到主場(chǎng)景中，從符號(hào)庫中將button按鈕拖到場(chǎng)景中。步驟7：播放動(dòng)畫，觀看鼠標(biāo)指針經(jīng)過、彈起和按下時(shí)的按鈕效果。如圖13.10所示?！皬椘稹睅爸羔樈?jīng)過”幀“彈起”幀“按下”幀“點(diǎn)擊”幀圖13.94個(gè)關(guān)鍵幀的內(nèi)容圖13.10漣漪波動(dòng)效果日積月累元件是指可以再度使用的圖像、動(dòng)畫或按鈕，可以使編輯

11、電影變得簡(jiǎn)單，使創(chuàng)建復(fù)雜的交互變得容易。(一)元件的類型flash有3種元件：圖片元件（graphic）、按鈕元件(button)和影片剪輯元件(movie clip)。其中圖片元件可以包含靜止的圖形（矢量圖和位圖）或一段沒有音效和交互的動(dòng)畫片段；按鈕元件用于設(shè)置作品中的交互操作（如鼠標(biāo)單擊）：影片剪輯元件中可以包含的內(nèi)容比較多，除了圖片和動(dòng)畫片段以外，它還支持音頻信息和交互響應(yīng)，甚至另外一個(gè)元件。在創(chuàng)建元件的時(shí)候，要根據(jù)元件的用途來選擇一定的類型。(二)創(chuàng)建元件的方法1、 新建法單擊“插入”菜單中的“新建元件”命令，或按組合鍵ctrl+f8，或單擊元件庫底部的增加元件按鈕，在彈出的對(duì)話框中設(shè)

12、置元件的名稱和類型，單擊確定就可以了。flash就從當(dāng)前主場(chǎng)景切換到元件編輯模式中。元件名稱出現(xiàn)在畫板左上角場(chǎng)景名稱的旁邊。在窗口的中心有一個(gè)小字，表示元件的中心點(diǎn)。2、 轉(zhuǎn)換法任意畫一個(gè)圖形或?qū)胛粓D對(duì)象，用箭頭工具選擇對(duì)象，單擊“插入”菜單中的“轉(zhuǎn)換為元件”命令，這時(shí)在彈出的對(duì)話框中設(shè)置元件的名稱和類型，單擊確定就可以把圖形轉(zhuǎn)化為元件了。(三)編輯元件的方法無論元件是直接創(chuàng)建的，還是經(jīng)過轉(zhuǎn)換生成的，都有可能在創(chuàng)建了若干實(shí)例后需要修改。元件經(jīng)過編輯后，flash會(huì)自動(dòng)更新它在電影中的所有實(shí)例。編輯元件必須在元件編輯模式下進(jìn)行，既可以在一個(gè)新場(chǎng)景中編輯元件，也可以在原場(chǎng)景中編輯元件，編輯方法如下：方法1：在場(chǎng)景中用鼠標(biāo)右鍵單擊元件的一個(gè)實(shí)例，在彈出的快捷菜單中選擇“編輯”或選擇“在當(dāng)前位置中編輯”或選擇“在新窗口中編輯”都可。方法2：在場(chǎng)景的右上角單擊“編輯元件”按鈕，選擇一個(gè)元件，即進(jìn)入該元件的編輯狀態(tài)。方法3：打開“庫”窗口，在庫中雙擊元件圖標(biāo)。(四)調(diào)用其他動(dòng)畫中的元件可以將其他動(dòng)畫的元件應(yīng)用到當(dāng)前動(dòng)畫中來，并且可以只顯示元件庫，而不用打開另外的動(dòng)畫文件。通常，這是一種快捷的方式，省去了大量創(chuàng)建符號(hào)的時(shí)間。操作步驟為單擊“文件”菜單中的“作為庫打開