仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作

仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作

ID:8809064

大小:48.00 KB

頁(yè)數(shù):5頁(yè)

時(shí)間:2018-04-08

仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作_第1頁(yè)
仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作_第2頁(yè)
仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作_第3頁(yè)
仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作_第4頁(yè)
仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作_第5頁(yè)
資源描述:

《仿央視網(wǎng)flash動(dòng)態(tài)導(dǎo)航菜單的制作》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、仿央視網(wǎng)Flash動(dòng)態(tài)導(dǎo)航菜單的制作簡(jiǎn)介:???央視網(wǎng)站的一個(gè)Flash導(dǎo)航菜單的制作方法,實(shí)現(xiàn)起來(lái)非常簡(jiǎn)單,只用到最基本的動(dòng)畫(huà)效果和簡(jiǎn)單的ActionScript(動(dòng)作腳本AS),但是效果非常不錯(cuò)……?今天給大家介紹一下央視網(wǎng)站的一個(gè)Flash導(dǎo)航菜單的制作方法,實(shí)現(xiàn)起來(lái)非常簡(jiǎn)單,只用到最基本的動(dòng)畫(huà)效果和簡(jiǎn)單的ActionScript(動(dòng)作腳本AS),但是效果非常不錯(cuò)。分析:該效果主要是利用在按鈕的OVER(經(jīng)過(guò))幀中放入MovieClip(影片剪輯MC)來(lái)實(shí)現(xiàn)的,主要效果的實(shí)現(xiàn)都是在MC中實(shí)現(xiàn)的,

2、利用了遮罩、淡入,移動(dòng)等動(dòng)畫(huà)效果疊加的方式。由于幾個(gè)按鈕的實(shí)現(xiàn)方式是相同的,所以用到了MC的嵌套配合一些簡(jiǎn)單AS的技巧,這是值得大家重點(diǎn)學(xué)習(xí)的。????在制作之前我們首先要準(zhǔn)備好在效果中看到幾幅圖片,一幅用作背景,另外七幅在按鈕中使用(尺寸相同),當(dāng)然你可以選擇任何自己喜歡的圖片。????一、舞臺(tái)的修飾????運(yùn)行Flash(這里用的是FlashMX英文版,文中會(huì)盡量給出詳細(xì)的中英文對(duì)照),打開(kāi)DocumentProperties(文檔屬性)對(duì)話框(快捷鍵Ctrl+J),設(shè)置寬高為419px和246p

3、x、幀速為默認(rèn)值12fps、背景色為#FFC318,與背景圖片的背景色相同,確定后返回場(chǎng)景編輯界面。????將準(zhǔn)備好的圖片導(dǎo)入,菜單:File(文件)-->Import...(導(dǎo)入)打開(kāi)Import(導(dǎo)入)對(duì)話框,選擇已經(jīng)準(zhǔn)備好的幾幅圖片(可以多選),按打開(kāi)按鈕導(dǎo)入。????所有圖片導(dǎo)入完成后都將被放置在場(chǎng)景中,將其他圖片從場(chǎng)景中刪除,只留下用作背景的圖片。不用擔(dān)心,刪除的圖片還保留在庫(kù)(Library)中,以后會(huì)用到他們。選中背景圖片后打開(kāi)Aligh(排列)面板(快捷鍵Ctrl+K),使圖片在舞臺(tái)中

4、居中。新建一個(gè)圖形(Graphic)符號(hào)(快捷鍵Ctrl+F8),命名為L(zhǎng)ine_g,確定后進(jìn)入編輯狀態(tài);選擇LineTool(畫(huà)線工具N),畫(huà)一豎線,在屬性面板中修改屬性,設(shè)置高為246px(與Flash同高)、坐標(biāo)為(0,0),顏色比背景色略深、樣式設(shè)置為點(diǎn)線,其他屬性保持默認(rèn)。返回舞臺(tái)(Ctrl+E),按新建層按鈕新建兩層,將最上層命名為L(zhǎng)ines,最下層命名為Back(背景層,已放置好了背景圖片),中間層命名為Buttons,鎖定Back層以免在編輯其他層時(shí)誤修改了背景圖片。選擇Lines層,

5、打開(kāi)Library(庫(kù)Ctrl+L),將符號(hào)line_g拖入場(chǎng)景中,設(shè)置橫坐標(biāo)為60(按鈕寬度),縱坐標(biāo)按舞臺(tái)居中;在舞臺(tái)中再?gòu)?fù)制出5個(gè)line_g(共6個(gè)),選擇一條,設(shè)置橫坐標(biāo)為359,Ctrl+A選中舞臺(tái)中所有的符號(hào)(因背景層被鎖定,所以背景圖片不會(huì)被選中),單擊排列面板中的ToStage按鈕取消其按下?tīng)顟B(tài),單擊按鈕使符號(hào)具有相同的間距,將lines層鎖定。這樣舞臺(tái)就修飾好了。????二、主要?jiǎng)赢?huà)效果的實(shí)現(xiàn)????新建一個(gè)MC命名為pics_m,用來(lái)存放所有按鈕中的圖片以便制作MC的嵌套。按F6

6、插入6個(gè)關(guān)鍵幀(共7幀),每幀放入一幅圖片,并設(shè)置圖片坐標(biāo)為(0,0);再新建一個(gè)MC命名為Move_m,將pics_m拖入備用,同時(shí)在屬性面板中將其InatanceName命名為pic以便以后用AS進(jìn)行控制,并將該層命名為pic。????新建一層命名為Mask,利用RectangleTool(矩形工具R)在該層畫(huà)一矩形,在屬性面板中設(shè)置其寬為60(與按鈕相同),高221(與圖片的高相同),坐標(biāo)(0,0);用鼠標(biāo)拖拽圖片MC的右上角至矩形的右上角附近,出現(xiàn)符號(hào)(自動(dòng)捕獲)松開(kāi)鼠標(biāo)即可,選中Timeli

7、ne(時(shí)間線)中pic層的第37幀,按F6插入關(guān)鍵幀,按F9彈出Action面板,按Ctrl+Shift+E轉(zhuǎn)換到可以自由輸入腳本的專家模式,輸入stop()動(dòng)作;然后按上面類似的方法,拖動(dòng)圖片MC的左上角至矩形的左上角進(jìn)行自動(dòng)捕獲。右鍵單擊pic層前面的幀,在彈出菜單中選擇第一項(xiàng)CreateMotionTween選中pic層第10幀,按F6創(chuàng)建關(guān)鍵幀;回到第一幀,選中編輯區(qū)中的MC,在屬性面板中設(shè)置ColorStyles(樣式)為Alpha(透明),數(shù)值為1%,這樣一個(gè)淡入并移動(dòng)的動(dòng)畫(huà)就制作完成了。

8、.再選擇Mask層的第37幀,按F5創(chuàng)建內(nèi)容幀,右鍵單擊Mask層,選擇彈出菜單中的Mask將該層設(shè)置為遮罩層。????三、按鈕的制作????首先制作按鈕OVER幀中要用到的MC:新建MC命名為btn_mc_1;將move_m拖入,設(shè)置坐標(biāo)(0,0);在Action面板中輸入下面的AS:onClipEvent(load){pic.gotoAndStop(1);//使pics_m停在第一幀,以顯示第一幅圖片}選擇矩形工具,畫(huà)一矩形,刪除邊線,設(shè)置屬性為:寬

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。