日本亚洲欧美日韩中文字幕_精品欧美一区二区三区久久久_久久av高潮av无码av_成在人线av无码免费_亚洲中文字幕无码久久精品1

797-7061321

全國統(tǒng)一學(xué)習(xí)專線 8:30-21:00

1 網(wǎng)站制作前期準(zhǔn)備
往往很多人做FLASH的時(shí)候都是拿來就做,不對(duì)的地方再進(jìn)行修改,這樣不僅效率低,并且做的時(shí)候思緒很亂,導(dǎo)致做出來的效果很差,一個(gè)好的網(wǎng)站前期的準(zhǔn)備工作必不可少網(wǎng)站做法分為兩種 一種是把網(wǎng)站做成很多的FLASH文件,然后再進(jìn)行連接,這樣做的好處是修改容易,且思路清晰。(我常用的做法),另外一種就是大家所看到的這個(gè),各個(gè)連接都在一個(gè)FLASH文件當(dāng)中,這種做法需要很高制作能力,對(duì)前期的準(zhǔn)備工作要求很高。

下面我們就重點(diǎn)針對(duì)這個(gè)網(wǎng)站做一些分析。首先確定尺寸,以及如何布局。大家可以看到這個(gè)文件是由3個(gè)部分構(gòu)成的(如圖一)

這樣大家心里就有點(diǎn)數(shù)了,我想你現(xiàn)在可能認(rèn)為太無聊了吧,說這個(gè)東西,但是的確它是一個(gè)FLASH網(wǎng)站的靈魂所在,做任何一個(gè)網(wǎng)站都要做到心中有數(shù)。這時(shí)候大的框架有了,就開始進(jìn)行設(shè)計(jì),想想每個(gè)部分我應(yīng)該放些什么,這大多是在PS里面處理的,我就不在羅嗦了。
(加上一點(diǎn),如果想要在FLASH當(dāng)中打開是透明圖片,那么就請(qǐng)你保存為GIF格式的。)
二網(wǎng)站制作
這一部分是重點(diǎn),我打算先把一些重要的部分分開來說明,然后再做最后的整合,(不過大家注意點(diǎn)了,現(xiàn)實(shí)中的制作是按你的思路來的,因?yàn)榕掳催^程來講大家不好理解),這個(gè)網(wǎng)站有3個(gè)地方需要分開說明,分別是loading,按鈕部分,以及動(dòng)畫的連接。好了,廢話不多說了。
1 loading的制作
一般來說loading的制作方法很多,這個(gè)網(wǎng)站就是采用一種普通的制作方法,先來看看圖片 

可以看到整個(gè)LOADING的制作就在2個(gè)圖層的第一楨上,分別是AS層和LOADING層 AS層當(dāng)中輸入腳本stop();作用是讓它停止在第一楨上,這樣的話它就不在繼續(xù)播放了,而看看LOADING層,在畫布當(dāng)中點(diǎn)擊它發(fā)現(xiàn)是一個(gè)影片剪輯,(影片剪輯是相對(duì)獨(dú)立的東西,也就是說雖然場(chǎng)景已經(jīng)停在第一楨了,但是影片剪輯卻可以播放)我們雙擊這個(gè)影片剪輯,打開后如圖所示

大家從這個(gè)可以看到每個(gè)部分都有自己的歸屬,所以大家在做的時(shí)候也要這樣,思路很清晰,對(duì)于layer2 和layer4我們就不在研究了,都是簡單的漸顯效果,我們重點(diǎn)就是layer5這個(gè)圖層,發(fā)現(xiàn)這個(gè)還是個(gè)影片剪輯,在20楨的位置上我們點(diǎn)擊這個(gè)影片,打開動(dòng)作面板,發(fā)現(xiàn)這樣的代碼:如下:
onClipEvent (load)
{
this.bar._xscale = 0;
total = _root.getBytesTotal();
}
onClipEvent (enterFrame)
{
this.bar._xscale = _root.getBytesLoaded() / _root.getBytesTotal() * 100;
loaded = _root.getBytesLoaded();
percent = int(loaded / total * 100);
txt = percent + "%";
if (this.bar._xscale == 100)
{
_parent.play();
} // end if
我來做一下翻譯,onClipEvent (load) 當(dāng)影片載入的時(shí)候;
this.bar._xscale = 0;this是相對(duì)的意思,就是從這個(gè)影片開始,bar這個(gè)影片當(dāng)中水平百分比是0
total = _root.getBytesTotal();把主場(chǎng)景的字節(jié)數(shù)賦值給total
onClipEvent (enterFrame)當(dāng)影片播放的時(shí)候
this.bar._xscale = _root.getBytesLoaded() / _root.getBytesTotal() *100; 把目前載入的字節(jié)數(shù)除總的字節(jié)數(shù),然后再乘100
loaded = _root.getBytesLoaded();把載入的字節(jié)數(shù)賦值給loaded
percent = int(loaded / total * 100);這個(gè)就是為了取整,并賦值給percent

txt = percent + "%";在percent 值的后面加上一%號(hào),賦值給txt
if (this.bar._xscale == 100)
{
_parent.play();
} 這是一判斷語句,如果bar這個(gè)影片元件的水平縮放到了100,那么上一層就開始播放,_parent也是相對(duì)的意思,表示前一個(gè)目錄。
從這個(gè)代碼來看,大家也許會(huì)郁悶了,這個(gè)bar元件在什么地方,我怎么沒看到呢?
不要著急,后面來說。
并且相對(duì)應(yīng)的在layer5這個(gè)層的上面有AS層,20楨的位置有代碼stop() ;讓它停止在20楨位置上。我們可以看到在40楨的地方有_root.gotoAndPlay(2);意思是跳轉(zhuǎn)到場(chǎng)景的第2楨.
好了我們雙擊這個(gè)影片打開后如圖:

這里就很簡單了
Layer4是一個(gè)影片剪輯 它實(shí)例名為bar,這就讓我們想到了上一個(gè)影片剪輯里面的代碼,恩,不錯(cuò),就是利用那些代碼動(dòng)態(tài)的對(duì)它進(jìn)行改變,做到滾動(dòng)條隨著影片載入的多少變長。
Layer3是一個(gè)動(dòng)態(tài)文本,里面的變量名為txt,同樣道理也是利用上一個(gè)影片剪輯里面的代碼對(duì)它進(jìn)行控制,剛開始的時(shí)候?yàn)?%到最后的100%。
這樣我們就把這個(gè)LOADING做好了,可能你會(huì)說有點(diǎn)難啊,剛開始嘛,多學(xué)習(xí)一下,就會(huì)有收獲的,如果有什么地方還沒看懂的地方,請(qǐng)給我留言。

按鈕部分的制作
按鈕的效果制作方法很多,這個(gè)網(wǎng)站上的按鈕也是目前制作FLSAH按鈕非常普遍的方法之一,我們來先看看圖片。

當(dāng)我們播放源文件的時(shí)候,會(huì)發(fā)現(xiàn)當(dāng)我們鼠標(biāo)移動(dòng)到按鈕上面時(shí)三角形符號(hào)會(huì)向前移動(dòng),當(dāng)鼠標(biāo)移開的時(shí)候,三角形符號(hào)會(huì)回到原來的位置。這種效果如何實(shí)現(xiàn)的呢?下面我們就來學(xué)習(xí)一下,我們可以看到整個(gè)按鈕部分都在一個(gè)圖層上,有人會(huì)問了,這么多的效果在一個(gè)圖層上就能實(shí)現(xiàn)?(呵呵,沒錯(cuò)的,這是我們常用的一種手法,利用影片剪輯進(jìn)行嵌套,這樣的做的好處是整個(gè)原文件層次劃分非常清晰,讓人一眼就能知道整個(gè)文件的構(gòu)成)。
我們會(huì)發(fā)現(xiàn)整個(gè)按鈕層就是個(gè)影片剪輯,雙擊后里面如圖所示

很舒服吧,一目了然,每個(gè)圖層對(duì)應(yīng)一部分東西,5個(gè)按鈕分別放置在5個(gè)圖層上,
并且每個(gè)按鈕又是一個(gè)影片剪輯,這時(shí)是我們應(yīng)該就能體會(huì)到影片剪輯的能力吧。因?yàn)檫@5個(gè)按鈕每個(gè)的制作過程都一樣我們就挑一個(gè)來講,比如是HOME這個(gè)按鈕,我們點(diǎn)擊它,恩,肯定是個(gè)影片剪輯了,然后打開動(dòng)作面板,會(huì)發(fā)現(xiàn)幾句AS語言 如下:
on (rollOver)
{
this.gotoAndPlay(2);
}
on (rollOut)
{
this.gotoAndPlay(11);
}
on (release)
{
_root.gotoAndStop(2);}
很簡單吧,鼠標(biāo)經(jīng)過跳到第2楨,鼠標(biāo)移開跳到第11楨,這兩個(gè)是跳轉(zhuǎn)播放是針對(duì)這個(gè)影片來說的,這點(diǎn)要知道,單擊跳轉(zhuǎn)到主場(chǎng)景的第2楨停止,這個(gè)是對(duì)場(chǎng)景而言的,_root就是場(chǎng)景的意思。
有人會(huì)問明明這個(gè)是按鈕所允許的代碼,為什么在影片上也行?呵呵,其實(shí)這個(gè)沒什么影響,如果你認(rèn)為不能理解的話,你就換成這種格式的this.onRollOver=function(){內(nèi)容}
好了,知道了代碼就要知道它們到底是干什么的,我們雙擊這個(gè)影片,打開如圖 
我們會(huì)發(fā)現(xiàn)這里面也很簡單:三角形符號(hào)從1~10是向右做變色移動(dòng),從10~18是回到原來位置,其他內(nèi)容都是靜止的,然后我們來看看AS層分別在第1和第10楨上放了2個(gè)腳本,都是stop();這樣是干什么呢?
想想我們上面我們看到的代碼
on (rollOver)
{
this.gotoAndPlay(2);
}
on (rollOut)

溫馨提示:為不影響您的學(xué)業(yè),來校區(qū)前請(qǐng)先電話咨詢,方便我校安排相關(guān)的專業(yè)老師為您解答
  • 詳情請(qǐng)進(jìn)入贛州技通
  • 已關(guān)注:416
  • 咨詢電話:
姓名不能為空
手機(jī)號(hào)格式錯(cuò)誤