日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

仿央視網(wǎng)Flash動(dòng)態(tài)導(dǎo)航菜單_Flash教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

推薦:Flash中的鼠標(biāo)繪畫技巧
該篇主要講述了如何使用鼠標(biāo)繪制人的臉形,看著網(wǎng)上那么多繽紛多彩的Flash,相信很多朋友都有想自己親手制作動(dòng)畫片的愿望。但我們中的大多數(shù)人并沒有學(xué)過繪畫,

  分析:該效果主要是利用在按鈕的 OVER(經(jīng)過)幀中放入 Movie Clip(影片剪輯 MC)來實(shí)現(xiàn)的,主要效果的實(shí)現(xiàn)都是在 MC 中實(shí)現(xiàn)的,利用了遮罩、淡入,移動(dòng)等動(dòng)畫效果疊加的方式。由于幾個(gè)按鈕的實(shí)現(xiàn)方式是相同的,所以用到了 MC 的嵌套配合一些簡(jiǎn)單 AS 的技巧,這是值得大家重點(diǎn)學(xué)習(xí)的。在制作之前我們首先要預(yù)備好在效果中看到幾幅圖片,一幅用作背景,另外七幅在按鈕中使用(尺寸相同),當(dāng)然你可以選擇任何自己喜歡的圖片。

  一、舞臺(tái)的修飾

  運(yùn)行Flash(這里用的是 Flash MX 英文版,文中會(huì)盡量給出具體的中英文對(duì)照),打開Document Properties(文檔屬性)對(duì)話框(快捷鍵 Ctrl J),設(shè)置寬高為 419px 和 246px、幀速為默認(rèn)值12fps、背景色為 #FFC318,與背景圖片的背景色相同,確定后返回場(chǎng)景編輯界面。

  將預(yù)備好的圖片導(dǎo)入,菜單:File(文件)-->Import...(導(dǎo)入) 打開Import(導(dǎo)入)對(duì)話框,選擇已經(jīng)預(yù)備好的幾幅圖片(可以多選),按打開按鈕導(dǎo)入。注重:假如出現(xiàn)下面的對(duì)話框說明導(dǎo)入的圖片是按一定規(guī)律命名的,單擊是將導(dǎo)入所有按規(guī)律命名的圖片,單擊否導(dǎo)入選中的圖片,單擊取消不導(dǎo)入任何圖片。

按此在新窗口瀏覽圖片

  所有圖片導(dǎo)入完成后都將被放置在場(chǎng)景中,將其他圖片從場(chǎng)景中刪除,只留下用作背景的圖片。不用擔(dān)心,刪除的圖片還保留在庫(Library)中,以后會(huì)用到他們。選中背景圖片后打開Aligh(排列)面板(如下圖)(快捷鍵 Ctrl K),按下 To Stage 按鈕以適應(yīng)舞臺(tái),分別單擊按鈕按此在新窗口瀏覽圖片按此在新窗口瀏覽圖片 使圖片在舞臺(tái)中居中。

按此在新窗口瀏覽圖片

  新建一個(gè)圖形(Graphic)符號(hào)(快捷鍵 Ctrl F8),命名為Line_g,確定后進(jìn)入編輯狀態(tài);選擇 Line Tool (畫線工具 N),畫一豎線,在屬性面板中修改屬性,設(shè)置高為246px(與 Flash 同高)、坐標(biāo)為(0,0),顏色比背景色略深、樣式設(shè)置為點(diǎn)線(如圖所示);再畫一線,高度為25(與將要制作的按鈕高度相同),顏色為白色,坐標(biāo)(0,110)(與前一條線重合,底部對(duì)齊),其他屬性保持默認(rèn)。

按此在新窗口瀏覽圖片


  返回舞臺(tái)(Ctrl E),按新建層按鈕按此在新窗口瀏覽圖片 新建兩層,將最上層命名為Lines,最下層命名為Back(背景層,已放置好了背景圖片),中間層命名為Buttons,鎖定 Back 層以免在編輯其他層時(shí)誤修改了背景圖片。

按此在新窗口瀏覽圖片

  二、主要?jiǎng)赢嬓Ч膶?shí)現(xiàn)

  新建一個(gè) MC 命名為 pics_m,用來存放所有按鈕中的圖片以便制作 MC 的嵌套。按 F6 插入6個(gè)要害幀(共7幀),每幀放入一幅圖片,并設(shè)置圖片坐標(biāo)為(0,0);再新建一個(gè) MC 命名為 Move_m ,將 pics_m 拖入備用,同時(shí)在屬性面板中將其 Inatance Name 命名為 pic 以便以后用AS進(jìn)行控制(圖5),并將該層命名為 pic。

按此在新窗口瀏覽圖片

  新建一層命名為 Mask,利用 Rectangle Tool (矩形工具 R)在該層畫一矩形,在屬性面板中設(shè)置其寬為54(與按鈕相同),高221(與圖片的高相同),坐標(biāo)(0,0);用鼠標(biāo)拖拽圖片 MC 的右上角至矩形的右上角四周,出現(xiàn) 圖6 所示的符號(hào)(自動(dòng)捕捉)松開鼠標(biāo)即可,選中 Timeline (時(shí)間線) 中 pic 層的第37幀,按 F6 插入要害幀,按 F9 彈出 Action 面板,按 Ctrl Shift E 轉(zhuǎn)換到可以自由輸入腳本的專家模式,輸入 stop() 動(dòng)作;然后按上面類似的方法,拖動(dòng)圖片 MC 的左上角至矩形的左上角進(jìn)行自動(dòng)捕捉。

按此在新窗口瀏覽圖片

  右鍵單擊pic層前面的幀,在彈出菜單中選擇第一項(xiàng) Create Motion Tween (創(chuàng)建動(dòng)畫 圖7)。

按此在新窗口瀏覽圖片

  選中 pic 層第10幀,按 F6 創(chuàng)建要害幀;回到第一幀,選中編輯區(qū)中的 MC ,在屬性面板中設(shè)置 Color Styles (樣式)為 Alpha(透明),數(shù)值為1%(圖8),這樣一個(gè)淡入并移動(dòng)的動(dòng)畫就制作完成了。

按此在新窗口瀏覽圖片

  再選擇 Mask 層的第37幀,按 F5 創(chuàng)建內(nèi)容幀,右鍵單擊 Mask 層,選擇彈出菜單中的 Mask 將該層設(shè)置為遮罩層,完成后如圖9:

按此在新窗口瀏覽圖片
三、按鈕的制作

  首先制作按鈕 OVER 幀中要用到的 MC:新建 MC 命名為 btn_mc_1;將 move_m 拖入,設(shè)置坐標(biāo)(0,0);在 Action 面板中輸入下面的 AS:

onClipEvent (load) {
pic.gotoAndStop(1);
//使 pics_m 停在第一幀,以顯示第一幅圖片
}
  選擇矩形工具,畫一矩形,刪除邊線,設(shè)置屬性為:寬54,高25,顏色#FFA600;選擇矩形,按 F8 轉(zhuǎn)換為圖形符號(hào),命名為 btn_back備用;保持 btn_mc_1 的編輯狀態(tài),利用自動(dòng)捕捉的方法,將剛剛創(chuàng)建的矩形符號(hào)的左上角與 move_m 的坐下角對(duì)齊;設(shè)置矩形符號(hào)的 Color Styles 屬性為 tint 選擇一種顏色 (圖10),完成后入如 圖11 所示。

按此在新窗口瀏覽圖片

  然后在 Library (庫)中右鍵單擊 btn_mc_1 選擇彈出菜單中的 Duplicate (復(fù)制)彈出 Duplicate Symbol (復(fù)制符號(hào))對(duì)話框,將名稱改為 btn_mc_2,進(jìn)入 btn_mc_2 的編輯狀態(tài),將 move_m 的 Action pic.gotoAndStop(1);改為:pic.gotoAndStop(2);btn_back 改為另一種顏色;以此類推再制做出 btn_mc_3 -- btn_mc_7。這樣所有按鈕的動(dòng)畫就制作完成了。

  下面來制作按鈕:新建 Button (按鈕)符號(hào),命名為btn_1;將 btn_back 拖入編輯窗口中,將其左下角與窗口中的小十字對(duì)齊;選中 Hit (按鈕響應(yīng)區(qū)域)幀按 F7 創(chuàng)建空白幀,用矩形工具畫一矩形,寬54,高246(動(dòng)畫的高),也將其左下角與窗口中的小十字對(duì)齊,將該層命名為 back;新建一層命名為 movie 選中 Over 幀按 F6 創(chuàng)建要害幀,將 btn_mc_1 拖入,左下角與窗口中的小十字對(duì)齊,選中該層的 down 和 hit 幀,按 Shift F5 將其刪除;新建一層命名為 text ,選擇 Text Tool (文字工具 T)在窗口中單擊,輸入導(dǎo)航文字,在屬性面板中設(shè)置字號(hào)為12,勾選 Use Device Fonts 選項(xiàng)(圖12)使字體更清楚(發(fā)布后會(huì)看到效果)。

按此在新窗口瀏覽圖片


  這樣第一個(gè)按鈕就制作完成,按照剛才制作 btn_mc_2 ~btn_mc_7 的方法同樣復(fù)制出 btn_2 ~ btn_7,需要修改的是導(dǎo)航文字和 over 幀 MC。

  修改文字不必說了,需要說明的是更換 over 幀 MC 的方法,以 btn_2 為例:雙擊 Library (庫)中的 btn_2 進(jìn)入編輯狀態(tài),選擇窗口中的 movie 層的 MC 符號(hào),單擊屬性面板中的 Swap... (交換)按鈕,彈出 Swap Symbol (交換符號(hào))對(duì)話框,將其更換為相應(yīng)的 MC 即可( btn_1 對(duì)應(yīng) btn_mc_1,以此類推)。

  四、動(dòng)畫的完成

  回到舞臺(tái),選中 buttons 層,將制作好的 btn_1~btn_7 拖入,并按效果中的樣子擺放好,可以利用前面提到過的排列面板。現(xiàn)在這個(gè)漂亮的導(dǎo)航菜單就制作完成了,從這個(gè)例子中我們可以看到,只要?jiǎng)?chuàng)意好,即使最簡(jiǎn)單的動(dòng)畫也能實(shí)現(xiàn)很漂亮的效果

分享:Flash8平鋪網(wǎng)頁背景-flash tile image
之前寫過在flashmx2004中平鋪背景的方法,雖然它也是有效果的,但相對(duì)使用flash8時(shí)還是顯得有些復(fù)雜.這次介紹的是flash8中的MovieClip的新方法MovieClip.beginB

來源:設(shè)計(jì)前沿收集整理//所屬分類:Flash教程/更新時(shí)間:2008-03-05
相關(guān)Flash教程