Flash制作逼真的太陽(yáng)地球月亮運(yùn)動(dòng)漂亮動(dòng)畫(huà)_Flash教程
推薦:網(wǎng)頁(yè)Flash播放代碼的一個(gè)小技巧網(wǎng)頁(yè)Flash播放代碼的一個(gè)小技巧很多網(wǎng)頁(yè)中都插有Flash播放代碼,這不僅是為了頁(yè)面元素的多樣化,更是為了內(nèi)容體現(xiàn)的需要。很多時(shí)候,我們會(huì)碰到這樣的問(wèn)題:根據(jù)
先看兩種不同得效果:第一種效果:
第二種效果:(第二種效果我沒(méi)有按照太陽(yáng)、地球、月亮三者之間的真實(shí)旋轉(zhuǎn)規(guī)律去做,按理說(shuō)地球圍繞太陽(yáng)轉(zhuǎn)一圈,自身應(yīng)該轉(zhuǎn)365圈,月亮應(yīng)該圍繞地球轉(zhuǎn)13.04圈,這里主要為了加快播放速度,沒(méi)有按真實(shí)去做)
以下文字教程為第一種效果的,供初學(xué)者參考制作
本實(shí)例用flash8(用flash2004也一樣)制作太陽(yáng)地球月亮之間的簡(jiǎn)單模擬運(yùn)動(dòng),可作為簡(jiǎn)單的物理課件,更重要的是進(jìn)一步加深理解flash動(dòng)畫(huà)制作中的漸變動(dòng)畫(huà)、運(yùn)動(dòng)引導(dǎo)線(xiàn)、遮罩、按鈕、簡(jiǎn)單as語(yǔ)句等其他制作技巧。
一、地球月亮元件的制作
1、新建flash8文檔,場(chǎng)景大小默認(rèn),背景黑色,新建電影剪輯元件,起名“地球月亮”。確定后就進(jìn)入了這個(gè)電影剪輯的編輯舞臺(tái),放大視圖至200%,用橢圓工具,無(wú)邊框,選擇線(xiàn)性填充,增加一個(gè)色碼,左、中、右色碼分別為#E6E9FF、#419DFA、#11076D(都是經(jīng)驗(yàn)值,可以按自己的愛(ài)好設(shè)定)畫(huà)一個(gè)正圓,調(diào)整大小為65*65,并全居中,在第10幀插入普通幀。改圖層名為“地球”,混色器設(shè)置見(jiàn)圖一:

2、增加一個(gè)圖層,改名為“軌跡”,在“軌跡”圖層第1幀用橢圓工具,無(wú)填充,邊框?yàn)辄S色,筆觸高度為1,畫(huà)一個(gè)橢圓,改大小為95*45象素,全居中。連續(xù)插入3個(gè)圖層,分別改圖層名為月亮、引導(dǎo)線(xiàn)、地球1,復(fù)制“軌跡”圖層第1幀粘貼到“引導(dǎo)線(xiàn)”圖層的第一幀,復(fù)制“地球”圖層第1幀粘貼到“地球1”圖層的第一幀,在用黑箭頭工具框選地球1刪除地球1的下半部分,關(guān)閉軌跡圖層的眼睛和鎖,選中“引導(dǎo)線(xiàn)”圖層第一幀上的橢圓線(xiàn),用橡皮擦(最小號(hào)的)在橢圓線(xiàn)的最右邊擦出一個(gè)極小的缺口。
3、選中月亮圖層第1幀(其他圖層上鎖)用橢圓工具,無(wú)邊框,選擇放射裝填充,增加一個(gè)色碼,左色碼為#E7FCFE,中間色碼為#C0E9FA,右色碼為純白色,并將右色碼的透明度改為0,在舞臺(tái)空白處畫(huà)一個(gè)正圓,大小為20*20,混色器設(shè)置見(jiàn)圖二:

右鍵點(diǎn)擊月亮轉(zhuǎn)換為元件,行為:圖形,起名月亮,注冊(cè)點(diǎn)選在左上角確定,把月亮元件拖到引導(dǎo)線(xiàn)的上線(xiàn)端稍微靠上一點(diǎn),在第10幀插入要害幀,在把月亮元件拖到引導(dǎo)線(xiàn)的下線(xiàn)端稍微靠下一點(diǎn),選中月亮圖層第1幀建立運(yùn)動(dòng)(動(dòng)畫(huà))漸變,在屬性里把“調(diào)整到路徑、同步、對(duì)其”都打上勾,右鍵擊引導(dǎo)線(xiàn)圖層名,改圖層屬性為引導(dǎo)層,把月亮圖層的屬性改為被引導(dǎo)層,之后只關(guān)閉引導(dǎo)線(xiàn)圖層的眼睛,按回車(chē)測(cè)試,看是否正常,最終效果見(jiàn)圖三:

二、光線(xiàn)元件的制作
1、新建圖形元件,起名“光線(xiàn)”確定,恢復(fù)視圖100%,用矩形工具,無(wú)邊框,填充選線(xiàn)形,增加一個(gè)色碼,左色碼為深紅黃,中色碼為紅黃,右色碼為淡黃,并把右色碼得透明度改為30%左右,在舞臺(tái)畫(huà)一個(gè)矩形,改大小為130*3,把這個(gè)矩形拖到x、y為100,0的位置,先用黑箭頭工具在場(chǎng)景空白處點(diǎn)一下,在用任意變形工具將這個(gè)矩形的中心點(diǎn)拖至舞臺(tái)注冊(cè)點(diǎn)正下方1cm處,見(jiàn)下圖四:

之后Ctrl+T調(diào)出變形面板,旋轉(zhuǎn)那填上10度,按應(yīng)用并變形數(shù)次形成一個(gè)圓周,用黑箭頭工具選中第1幀,點(diǎn)修改菜單下的組合,如下圖五:

2、新建電影剪輯元件,起名“光線(xiàn)四射”確定,在第1幀從庫(kù)中拖入“光線(xiàn)”元件并全居中,加一個(gè)圖層,也在第1幀拖入剛才那個(gè)“光線(xiàn)”元件全居中,點(diǎn)修改菜單下得變形――水平翻轉(zhuǎn),在20幀插入要害幀,創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà),逆時(shí)針旋轉(zhuǎn)一周,在下面圖層的20幀插入普通幀,最后右鍵點(diǎn)上面圖層名改圖層屬性為遮罩層。見(jiàn)圖六 :

三、符合按鈕制作
1、新建電影剪輯元件,起名“符合按鈕”確定,打開(kāi)公用庫(kù),在第1幀拖入一個(gè)紅色按鈕,全居中,第二幀插入空白要害幀,再拖入一個(gè)相同外形得綠色按鈕全居中,在第1幀的按鈕上用文本工具,選擇適當(dāng)字號(hào)和顏色輸入“停止”兩個(gè)字,同理在第2幀的按鈕上輸入“開(kāi)始”兩個(gè)字,如圖七:

分別給這兩個(gè)幀上加stop();語(yǔ)句,之后選中第1幀上的紅色按鈕,打開(kāi)動(dòng)作面板輸入以下語(yǔ)句:
on (release) {
play();
_root.stop();
_root.地球.stop();
}
選中第2幀上的綠色按鈕,打開(kāi)動(dòng)作面板輸入以下語(yǔ)句:
on (release) {
gotoAndPlay(1);
_root.play();
_root.地球.play();
}
四、場(chǎng)景組織
1、回到主場(chǎng)景;共建8個(gè)圖層,自下而上分別改圖層名為“光線(xiàn)四射、太陽(yáng)、軌跡、地球月亮、引導(dǎo)線(xiàn)、按鈕、四季按鈕、文字”,把庫(kù)中的“光線(xiàn)四射”元件拖入光線(xiàn)四射圖層的第1幀,全居中,在131幀插入普通楨,上鎖。在太陽(yáng)圖層第1幀用橢圓工具,無(wú)邊框,填充為放射裝,增加一個(gè)色碼,左、中、右色碼分別為#FFCCCC、#FBA651、#000000,在把右色碼的透明度改為0見(jiàn)圖八:

畫(huà)一個(gè)正圓,大小為150*150,全居中,在131幀插入普通幀,上鎖。在軌跡圖層用橢圓工具無(wú)填充,邊框?yàn)辄S色,筆觸高度1,畫(huà)一個(gè)橢圓,大小400*250,全居中,復(fù)制這個(gè)橢圓線(xiàn),原位粘貼到引導(dǎo)線(xiàn)圖層第1幀,并在這兩個(gè)圖層的131幀插入普通楨,關(guān)閉軌跡圖層的鎖和眼睛,用橡皮察工具把引導(dǎo)線(xiàn)圖層上的橢圓右邊察除一個(gè)小缺口,上鎖。
2、地球月亮的動(dòng)畫(huà);把庫(kù)中的“地球月亮”元件拖入地球月亮圖層的第1幀,中心點(diǎn)對(duì)準(zhǔn)引導(dǎo)線(xiàn)缺口的上線(xiàn)端,并給這個(gè)元件起實(shí)例名“地球”,在130幀插入要害幀,拖動(dòng)地球月亮元件讓中心點(diǎn)對(duì)準(zhǔn)引導(dǎo)線(xiàn)缺口的下線(xiàn)端,點(diǎn)第一幀建立運(yùn)動(dòng)(動(dòng)畫(huà))補(bǔ)間,在屬性里把“調(diào)整到路徑、同步、對(duì)其”都打上勾,把“引導(dǎo)線(xiàn)”圖層的屬性改為引導(dǎo)層,把“地球月亮”圖層的屬性改為被引導(dǎo)層,按回車(chē)先測(cè)試運(yùn)動(dòng)引導(dǎo)是否成功,成功后,分別在地球月亮圖層的32、65、97幀插入要害幀,選中32幀中的地球月亮元件,調(diào)出信息面板把元件位置的點(diǎn)放到中心,之后改元件大小為寬50(鎖定寬高)在把97幀上的地球月亮元件的寬改為80(鎖定寬高),以上操作是模擬地球遠(yuǎn)近大小的視覺(jué)效果,選中130幀輸入幀語(yǔ)句gotoAndPlay(1); 在131幀插入空白要害幀,復(fù)制第1幀上的地球月亮元件原位粘貼到131幀上,復(fù)制第32幀上的地球月亮元件原位粘貼到131幀上,復(fù)制第65幀上的地球月亮元件原位粘貼到131幀上,復(fù)制第97幀上的地球月亮元件原位粘貼到131幀上,選中131幀,輸入幀語(yǔ)句stop();圖層上鎖。
3、按鈕以及文字;把庫(kù)中的“符合按鈕”電影剪輯元件拖入“按鈕”圖層第1幀,放在場(chǎng)景右下方合適的位置,在131插入空白要害幀。在四個(gè)“地球月亮”元件的旁邊輸入“春、夏、秋、冬”四個(gè)字。本圖層上鎖。從庫(kù)中拖入一個(gè)綠色的按鈕元件放入“四季按鈕”圖層第1幀的場(chǎng)景右下方合適的位置,在按鈕上輸入“四季”兩個(gè)字,在131幀插入要害幀,把按鈕上的“四季”兩個(gè)字改為“返回”兩個(gè)字,選中第1幀上的四季按鈕,輸入以下語(yǔ)句:
on (release) {
_root.地球.play();
gotoAndPlay(131);
}
選中第131幀上的返回按鈕輸入以下語(yǔ)句:
on (release) {
gotoAndPlay(1);
}
最后在文字圖層第1幀適當(dāng)?shù)奈恢幂斎氡緦?shí)例的名稱(chēng)、作者、年月等文字,同樣在131幀插入普通楨。完成后的主場(chǎng)景圖層以及第1幀和第131幀上的內(nèi)容如下圖九和十


測(cè)試、存盤(pán)。燈火于06年2月編寫(xiě)。
本實(shí)例教程中的一些制作原理和技巧將在實(shí)例講解中具體陳述。大家也可以在背景上做一些閃爍的星星、流星之類(lèi)的點(diǎn)綴,謝謝大家。
分享:flash內(nèi)置類(lèi)Sound的一個(gè)小問(wèn)題及解決方法問(wèn)題:兩個(gè)聲音不能被獨(dú)立控制var_tmp;vars1_sound=newSound();vars2_sound=newSound();s1_sound.attachSound(s1);s2_sound.attachSound(s2);
- as中禁用ESC鍵
- AS3.0 圖片變黑白 圖片彩色變黑白代碼
- flash as3.0 跨域的解決辦法
- 模板無(wú)憂(yōu)FLASH透明代碼
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕
- Flash繪制小龍與花插畫(huà)場(chǎng)景
- Flash程序的測(cè)試方法
- Flash CS4文字顏色緩動(dòng)特效
- 網(wǎng)頁(yè)中演示類(lèi)FLASH動(dòng)畫(huà)制作規(guī)范
- Flash CS3循環(huán)背景的運(yùn)用技巧
- Flash鼠繪技巧教你制作紅綠色的樹(shù)葉
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- 將swf文件轉(zhuǎn)成可自動(dòng)播放的exe文件
- Flash AS實(shí)現(xiàn)的迷宮視覺(jué)效果
- flash action 詳解(2)
- 高級(jí):Flash制作物體彈跳電腦游戲
- Flash繪圖技巧:用Flash繪制矢量蝴蝶圖形
- Flash 動(dòng)作腳本之:資料速查(7)
- flash cs5基礎(chǔ)教程-時(shí)間軸的認(rèn)識(shí)
- Flash制作動(dòng)漫中常用的眨眼效果動(dòng)畫(huà)
- 使網(wǎng)頁(yè)里的Flash保持原始幀頻
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——元件和實(shí)例(20)
猜你也喜歡看這些
- 閃魂:Flash CS4完美入門(mén)與案例精解
- flash從入門(mén)到精通
- 金鷹Flash 8 中文版視頻教程
- Swift 3D--Flash 第三方軟件 及視頻教程
- 新東方劍橋商務(wù)英語(yǔ)BEC flash教程 初+中+高 (現(xiàn)已穩(wěn)定供源)
- Flash8基礎(chǔ)與實(shí)例教程配套光盤(pán)
- 愛(ài)閃Flash視頻教程7天版81M
- Flash 8中文版MV及課件制作基礎(chǔ)培訓(xùn)百例
- FIF小組FLASH MX 2004實(shí)例視頻教程
- Flash 8經(jīng)典動(dòng)畫(huà)設(shè)計(jì)實(shí)錄
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Flash制作逼真的太陽(yáng)地球月亮運(yùn)動(dòng)漂亮動(dòng)畫(huà)
- 教程說(shuō)明:
Flash教程-Flash制作逼真的太陽(yáng)地球月亮運(yùn)動(dòng)漂亮動(dòng)畫(huà)
。