【文章內(nèi)容簡(jiǎn)介】 可以自己畫(huà)，也可以用提供的圖片，同時(shí)也說(shuō)明了按鈕也可以用圖片來(lái)做！三、按鈕的進(jìn)一步制作應(yīng)用簡(jiǎn)單的動(dòng)態(tài)按鈕（實(shí)例）技術(shù)分析：小球是在鼠標(biāo)放在按鈕時(shí)下落的，所以動(dòng)作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過(guò)”狀態(tài)，小球下落又是個(gè)運(yùn)動(dòng)狀態(tài)，所以在“指針經(jīng)過(guò)”狀態(tài)放的不是圖片之類(lèi)的，而是一個(gè)影片剪輯（相當(dāng)于一個(gè)小電影）主要步驟：①新建一個(gè)影片剪輯，在里面做小球下落并且透明度改變的動(dòng)畫(huà)②新建一個(gè)按鈕元件，在“彈起”狀態(tài)中畫(huà)上一個(gè)紅色的長(zhǎng)方形，在“指針經(jīng)過(guò)”狀態(tài)中放入我們已經(jīng)做好的關(guān)于小球運(yùn)動(dòng)的影片剪輯動(dòng)態(tài)按鈕引申（實(shí)例）技術(shù)分析：這個(gè)動(dòng)態(tài)按鈕的制作基本原理同上例，只是按鈕元件的第一種狀態(tài)中是空幀，就是沒(méi)放上去時(shí)不顯示，也就是我們所說(shuō)的隱形按鈕，拖入到場(chǎng)景中按鈕元件呈現(xiàn)出半透明狀態(tài)。動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用（拓展練習(xí)二）實(shí)例演示：禮花的綻放效果（鼠標(biāo)點(diǎn)擊，禮花綻放）技術(shù)分析：鼠標(biāo)點(diǎn)擊引發(fā)的事件，即在按鈕的，即為熱區(qū)，按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果，所以在禮花綻放的影片剪輯中，第一幀是放入已做好熱區(qū)的按鈕。第二幀開(kāi)始才是禮花綻放的動(dòng)畫(huà)，就是禮花這個(gè)圖形的放大動(dòng)畫(huà)。然后在幀上及按鈕上加上簡(jiǎn)單代碼即可。主要步驟：①新建一個(gè)按鈕元件，在第四種狀態(tài)“點(diǎn)擊”中畫(huà)一個(gè)實(shí)心區(qū)域（這里可畫(huà)一個(gè)白色的長(zhǎng)方形）②新建一個(gè)影片剪輯，第一幀放入剛做好的按鈕，因?yàn)椴稽c(diǎn)擊的時(shí)候事件（禮花綻放）不觸發(fā)，第一幀加入動(dòng)作stop，同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件，因此在按鈕上加上動(dòng)作on(press){gotoandplay(2)。}這個(gè)動(dòng)作語(yǔ)句可在動(dòng)作面板中選擇輸入，不用自己輸入（自己打入容易錯(cuò)，可用腳本校對(duì)）on(press){gotoandplay(2)。} 意思是按下按鈕，開(kāi)始第二幀動(dòng)作③在第二幀開(kāi)始禮花的變化，導(dǎo)入禮花圖片并轉(zhuǎn)化為元件，然后作放大的動(dòng)畫(huà)④最后在場(chǎng)景中拖入已經(jīng)完成的影片剪輯，注意在鋪滿(mǎn)整個(gè)場(chǎng)景，點(diǎn)擊的時(shí)候才能保證無(wú)論點(diǎn)哪里都有禮花綻放，比較逼真些。鋪滿(mǎn)時(shí)可用多次復(fù)制粘貼。思考：鼠標(biāo)放上去禮花綻放怎么做？（拓展練習(xí)）提示：即在按鈕的指針經(jīng)過(guò)中放入影片元件 小結(jié)：這節(jié)復(fù)習(xí)了引導(dǎo)線(xiàn)，以及新學(xué)了按鈕的制作，在按鈕的制作中要掌握以下幾點(diǎn)： 按鈕的四種狀態(tài)的設(shè)置，明白各個(gè)狀態(tài)的具體表現(xiàn)形式 學(xué)會(huì)用文字、圖片等作按鈕學(xué)會(huì)動(dòng)態(tài)按鈕的制作，主要是影片剪輯的應(yīng)用以及一些簡(jiǎn)單的動(dòng)作第九節(jié) 按鈕的制作二教學(xué)課時(shí)：4課時(shí) 教學(xué)目標(biāo)：復(fù)習(xí)掌握簡(jiǎn)單按鈕的應(yīng)用介紹一些簡(jiǎn)單的動(dòng)作語(yǔ)句學(xué)會(huì)按鈕上的一些簡(jiǎn)單語(yǔ)句的應(yīng)用 教學(xué)過(guò)程：一、復(fù)習(xí)掌握簡(jiǎn)單按鈕的應(yīng)用復(fù)習(xí)簡(jiǎn)單動(dòng)態(tài)按鈕的制作主要通過(guò)一些實(shí)例的制作來(lái)鞏固練習(xí)先講一下上節(jié)課存在的問(wèn)題：在動(dòng)態(tài)按鈕中，我們說(shuō)要制作一個(gè)影片剪輯，這個(gè)按鈕才會(huì)動(dòng)起來(lái)。有幾個(gè)同學(xué)另外的都完成了，但是還是不會(huì)動(dòng)，原因就是大家在制作元件的時(shí)候選了圖形而不是影片剪輯，所以才使動(dòng)畫(huà)不動(dòng)。我們只要把元件的類(lèi)型轉(zhuǎn)為影片剪輯就可以了，當(dāng)然要重新放入到相應(yīng)的地方才行，不然還是原來(lái)的那個(gè)。（可以通過(guò)實(shí)例來(lái)講解，以后學(xué)生在做的過(guò)程中碰到這類(lèi)問(wèn)題就不用重新做過(guò)了，在原來(lái)的基礎(chǔ)上稍作一下改動(dòng)就可以。）動(dòng)態(tài)按鈕鞏固實(shí)例技術(shù)分析：結(jié)合上周課講的動(dòng)畫(huà)和按鈕結(jié)合來(lái)完成第一個(gè)按鈕為按下去后動(dòng)畫(huà)（字向兩邊擴(kuò)散，并變淡）的出現(xiàn)； 第二個(gè)按鈕是鼠標(biāo)放上去后動(dòng)畫(huà)（字變大并變淡的效果）的出現(xiàn)。大家可以根據(jù)平時(shí)所學(xué)的動(dòng)畫(huà)知識(shí)，應(yīng)用到按鈕中，可以充分發(fā)揮大家的想象力，作出各類(lèi)按鈕，這些按鈕在我們以后各式網(wǎng)站的制作，特別是一些比較有特色的網(wǎng)站的制作中用的較多。綜合按鈕的制作（實(shí)例）技術(shù)分析：主要是背景的繪制以及按鈕的動(dòng)畫(huà)（按鈕放上去擴(kuò)散效果）制作 主要步驟：①背景黑條的繪制，畫(huà)兩個(gè)圓角矩形疊加，刪除重疊部分即可；②小球的繪制，黑球上放白球，上面再寫(xiě)上字母e；③按鈕的制作，擴(kuò)散效果的制作，小球填充效果第一幀用調(diào)色工具縮到最小，最后一幀用調(diào)色工具調(diào)到適當(dāng)效果，創(chuàng)建變形動(dòng)畫(huà)；④按鈕的彈起狀態(tài)中放入元件大圓和小圓以及數(shù)字，在指針經(jīng)過(guò)中放上剛完成的擴(kuò)散效果動(dòng)畫(huà)。（動(dòng)畫(huà)只要一次，用stop動(dòng)作）在此要注意按鈕中的分層，原理同普通的分層，我們可以把擴(kuò)散動(dòng)畫(huà)放在下面一層，透過(guò)大圓展現(xiàn)出來(lái)。⑤按鈕的小圓動(dòng)畫(huà)制作，綠色變色小球?yàn)楸尘?，黃色的曲線(xiàn)作水平轉(zhuǎn)動(dòng)動(dòng)畫(huà)二、簡(jiǎn)單動(dòng)作介紹（按鈕制作實(shí)例 源文件）復(fù)習(xí)上節(jié)課的按鈕，做出禮花實(shí)例，比較發(fā)現(xiàn)問(wèn)題，引入動(dòng)作語(yǔ)句的應(yīng)用on動(dòng)作命令下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。press 在鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí)按下鼠標(biāo)按鈕。單擊press，然后選擇動(dòng)作語(yǔ)句，雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play 命令。完整的action是：on(press){ //設(shè)定鼠標(biāo)事件為按下，然后執(zhí)行大括號(hào)里面的語(yǔ)句。play()。//按鈕響應(yīng)后執(zhí)行play（播放）動(dòng)作 }press動(dòng)作當(dāng)然，在大括號(hào)里面還可以用其他的語(yǔ)句，比如說(shuō)，gotoAndPlay(yourframe)。//點(diǎn)擊按鈕后，就會(huì)從你設(shè)置的幀播放。release 在鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令。完成的語(yǔ)句如下：on(release){ //當(dāng)鼠標(biāo)按下釋放的時(shí)候，執(zhí)行下面的語(yǔ)句動(dòng)作。play()。//按鈕響應(yīng)后執(zhí)行play（播放）動(dòng)作。}release動(dòng)作可以看到，當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候，并沒(méi)有激發(fā)播放動(dòng)作，而是當(dāng)鼠標(biāo)左鍵放開(kāi)的時(shí)候，執(zhí)行了播放動(dòng)作。這也是與“press”事件不同的地方。releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后，將鼠標(biāo)指針移到按鈕之外，此時(shí)釋放鼠標(biāo)按鈕。添加語(yǔ)句的方法同上。完整的語(yǔ)句如下：on(releaseOutside){ //當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語(yǔ)句。play()。//按鈕響應(yīng)后執(zhí)行播放動(dòng)作。}releaseOutside動(dòng)作通過(guò)這個(gè)例子我們知道，當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開(kāi)后，觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件，大家可以利用on的這個(gè)事件來(lái)制作游戲。rollOver鼠標(biāo)指針滑過(guò)按鈕區(qū)域。制作方法同上，完整的as語(yǔ)句為：on(rollover){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。play()。//按鈕執(zhí)行播放動(dòng)作。}rollOver動(dòng)作當(dāng)鼠標(biāo)指針從按鈕上滑過(guò)的時(shí)候，動(dòng)畫(huà)就開(kāi)始執(zhí)行播放動(dòng)作了，而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板，非常簡(jiǎn)單有效。rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上，完整的as語(yǔ)句為：on(rollOut){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)時(shí)執(zhí)行下面動(dòng)作。Play(): //按鈕響應(yīng)播放動(dòng)作。}rollOut動(dòng)作滑離與滑過(guò)并不是相同的，滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)以后開(kāi)始響應(yīng)，而滑過(guò)是指只要鼠標(biāo)滑到按鈕上，就開(kāi)始執(zhí)行動(dòng)作。dragOver 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕區(qū)域，再滑回此按鈕。完整的as是：on(Drag Over){ //當(dāng)鼠標(biāo)拖過(guò)的時(shí)候執(zhí)行下面的動(dòng)作。play()。//執(zhí)行播放動(dòng)作。}dragOver動(dòng)作拖過(guò)的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放，移出按扭區(qū)，再移回按鈕上觸發(fā)的事件。dragOut 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕。完整的as是：on(dragOut){ //當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play()。//執(zhí)行播放動(dòng)作 }dragOut動(dòng)作拖離與拖過(guò)有所不同，只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)響應(yīng)。與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。keyPress(“key”)按下指定的鍵。對(duì)于此參數(shù)的 key 部分，需指定鍵控代碼或鍵常量。我們?cè)冢ā発ey”）中鍵入“p”。完整地as語(yǔ)句為：on(keyPress “p”){ //當(dāng)按下鍵盤(pán)中的“p”健時(shí)執(zhí)行下面的動(dòng)作。play()。//執(zhí)行播放動(dòng)作 }結(jié)合動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用來(lái)說(shuō)明上述的動(dòng)作語(yǔ)句（實(shí)例）實(shí)例演示：禮花的綻放效果（鼠標(biāo)點(diǎn)擊，禮花綻放）技術(shù)分析：鼠標(biāo)點(diǎn)擊引發(fā)的事件，即在按鈕的，即為熱區(qū)，按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果，所以在禮花綻放的影片剪輯中，第一幀是放入已做好熱區(qū)的按鈕。第二幀開(kāi)始才是禮花綻放的動(dòng)畫(huà)，就是禮花這個(gè)圖形的放大動(dòng)畫(huà)。然后在幀上及按鈕上加上簡(jiǎn)單代碼即可。主要步驟：①新建一個(gè)按鈕元件，在第四種狀態(tài)“點(diǎn)擊”中畫(huà)一個(gè)實(shí)心區(qū)域（這里可畫(huà)一個(gè)白色的長(zhǎng)方形）②新建一個(gè)影片剪輯，第一幀放入剛做好的按鈕，因?yàn)椴稽c(diǎn)擊的時(shí)候事件（禮花綻放）不觸發(fā)，第一幀加入動(dòng)作stop，同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件，因此在按鈕上加上動(dòng)作on(press){gotoandplay(2)。}這個(gè)動(dòng)作語(yǔ)句可在動(dòng)作面板中選擇輸入，不用自己輸入（自己打入容易錯(cuò)，可用腳本校對(duì)）on(press){gotoandplay(2)。} 意思是按下按鈕，開(kāi)始第二幀動(dòng)作③在第二幀開(kāi)始禮花的變化，導(dǎo)入禮花圖片并轉(zhuǎn)化為元件，然后作放大的動(dòng)畫(huà)④最后在場(chǎng)景中拖入已經(jīng)完成的影片剪輯，注意在鋪滿(mǎn)整個(gè)場(chǎng)景，點(diǎn)擊的時(shí)候才能保證無(wú)論點(diǎn)哪里都有禮花綻放，比較逼真些。鋪滿(mǎn)時(shí)可用多次復(fù)制粘貼。三、小結(jié)注 意 ——在給動(dòng)畫(huà)作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層，這樣便于修改。提 示 ——on為按鈕上的動(dòng)作，所以我們必須首先要選中按鈕，以后才可以添加on語(yǔ)句。有的朋友在論壇里面提問(wèn)，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒(méi)有選中按鈕。技 巧 ——在一般flash作品中，大家不會(huì)有意區(qū)分這些on的功能的，一般采用默認(rèn)的語(yǔ)句。如果沒(méi)有特殊說(shuō)明，你使用了拖離，滑離等事件來(lái)制作“replay”按鈕，會(huì)讓人們摸不著頭腦的。試一試 ——我們了解了on得這么多的功能，利用這些功能可以輕易的制作出flash課件，flash游戲里面的效果，大家不妨試一試。分 析——on語(yǔ)句的功能與按鈕息息相關(guān)，有按鈕的地方一定會(huì)有on語(yǔ)句的使用。而有flash作品的地方，就會(huì)有按鈕的出現(xiàn)，所以說(shuō)on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能，我們就可以結(jié)合按鈕自身的特點(diǎn)，發(fā)揮他們的功能。第十節(jié) 測(cè)試與遮照一教學(xué)課時(shí)：4課時(shí) 教學(xué)目標(biāo)：測(cè)試學(xué)生引導(dǎo)線(xiàn)與按鈕掌握情況介紹一遮照的基本概念學(xué)會(huì)一些簡(jiǎn)單遮照效果的制作 教學(xué)過(guò)程：一、十月份達(dá)標(biāo)測(cè)試主要內(nèi)容為引導(dǎo)線(xiàn)與按鈕的制作檢測(cè)，考試題目當(dāng)堂下發(fā)，時(shí)間是一節(jié)課（40分鐘）進(jìn)行簡(jiǎn)單分析二、課前熱身通過(guò)回想以前做過(guò)的一些動(dòng)畫(huà)，把動(dòng)畫(huà)形式歸納如下： ① 直線(xiàn)動(dòng)畫(huà)（位置的改變，即為補(bǔ)間動(dòng)畫(huà)）② 曲線(xiàn)動(dòng)畫(huà)（引導(dǎo)線(xiàn)）③ 逐幀動(dòng)畫(huà)④ 旋轉(zhuǎn)動(dòng)畫(huà)（元件）⑤ 透明度改變動(dòng)畫(huà)（元件）⑥ 形狀動(dòng)畫(huà)（非元件，打散狀態(tài)）⑦ 縮放動(dòng)畫(huà)（元件）幾種動(dòng)畫(huà)形式區(qū)分（實(shí)例）（用一些例子說(shuō)明，讓學(xué)生鞏固基本的動(dòng)畫(huà)形式）一般來(lái)說(shuō)，我們的FLASH動(dòng)畫(huà)就是分為這幾種形式，稍微復(fù)雜一點(diǎn)的動(dòng)畫(huà)無(wú)非就是這幾種動(dòng)畫(huà)的結(jié)合，只要掌握了這幾種基本動(dòng)畫(huà)，綜合應(yīng)用只要組合就可以了。三、遮照的制作新課的引入觀察教案上的TOP，思考：FLASH這幾個(gè)字是一個(gè)會(huì)動(dòng)的圖片填充字效果。怎樣才能動(dòng)起來(lái)呢？這就是我們今天要講的遮照。我們說(shuō)的遮照又是一種新的層形式，以前是引導(dǎo)層，現(xiàn)在又有了遮照層。遮照層相當(dāng)于是一個(gè)窗口，遮照層下面的被遮照層上的內(nèi)容就是透過(guò)這個(gè)窗口顯現(xiàn)出來(lái)的。也就是說(shuō)這個(gè)窗口是什么形狀的，能看到的內(nèi)容也是同窗口形狀，在窗口以外的部分就無(wú)法透出來(lái)。具體演示教案上的效果制作遮照的應(yīng)用：電影字幕的效果制作（實(shí)例）在看每個(gè)遮照動(dòng)畫(huà)時(shí)首先分析動(dòng)畫(huà)的是哪個(gè)層（遮照層還是被遮照層？）技術(shù)分析：文字透出彩色，即為彩色是背景，通過(guò)文字透出來(lái)，因此要做動(dòng)畫(huà)的文字上移是做窗口的，即為我們所說(shuō)的遮照層，同時(shí)我們的背景就是被遮照層。主要步驟：①做好一個(gè)影片剪輯元件，內(nèi)容為文字的上移；②做好一個(gè)圖形元件，內(nèi)容為漸變的一個(gè)填充色；③在場(chǎng)景中建好兩個(gè)層，分別為遮照層和被遮照層（右鍵層，選擇遮照層，下面一層會(huì)自動(dòng)變?yōu)楸徽谡諏樱?；④把各個(gè)元件放到相應(yīng)的位置：影片剪輯元件（文字上移）放在遮照層，圖形元件（漸變的填充色）放在被遮照層。思考：完成的同學(xué)完成練習(xí)一基礎(chǔ)較好的同學(xué)在完成上面遮照的例子后，可以思考下下面這些效果用遮照怎么做？作為下周課的預(yù)習(xí)思考。練習(xí)四、遮照應(yīng)用小結(jié)：我們?cè)谧稣谡盏臅r(shí)候要學(xué)會(huì)分析，搞清楚以下幾個(gè)問(wèn)題：① 分析好哪一層是做“窗口”的，哪一層是通過(guò)窗口透出來(lái)的，哪一層是普通層，作為“底”而存在的？② 動(dòng)畫(huà)是在遮照層還是被遮照層的？ ③ 動(dòng)畫(huà)又是哪種動(dòng)畫(huà)？④ 我們需要?jiǎng)?chuàng)建哪幾個(gè)元件？分析完后倒著做，先做好最基本的幾個(gè)元件，注意元件類(lèi)型（圖形、按鈕還是影片剪輯？）再建好層，注意層類(lèi)型（遮照、被遮照還是普通層？），最后把最好的元件拖入到相對(duì)應(yīng)的層中即可。第十一節(jié) 基礎(chǔ)知識(shí)復(fù)習(xí)及遮照應(yīng)用二教學(xué)課時(shí)：4課時(shí) 教學(xué)目標(biāo)：概括復(fù)習(xí)前面所學(xué)過(guò)的一些基礎(chǔ)知識(shí)按鈕鞏固練習(xí)遮照基本應(yīng)用復(fù)習(xí)學(xué)會(huì)一些稍復(fù)雜遮照效果的制作 教學(xué)過(guò)程：一、測(cè)試分析及新知識(shí)的補(bǔ)充學(xué)習(xí)每位同學(xué)可以根據(jù)測(cè)驗(yàn)的點(diǎn)評(píng)，作好相應(yīng)的訂正工作主要存在問(wèn)題（詳見(jiàn)點(diǎn)評(píng)信息）其中白色背景還可以通過(guò)分離后有套索工作的魔棒去掉詳細(xì)講一遍第二題按鈕的制作過(guò)程，要求每位同學(xué)完成，并上傳(實(shí)例)技術(shù)分析：按鈕兩種狀態(tài)指針經(jīng)過(guò)和按下，指針經(jīng)過(guò)處是小棒的旋轉(zhuǎn)，按下是靜止的。主要步驟：①首先分析共有幾個(gè)元件（圓、有邊的圓、小棒、靜止的小棒組合、旋轉(zhuǎn)的小棒組、一個(gè)按鈕）；②靜止的小棒組合的畫(huà)法：變形中設(shè)好角度后運(yùn)用復(fù)制加以應(yīng)用，就畫(huà)好一周的小棒；③在影片剪輯元件中做好小棒的旋轉(zhuǎn)；④把做好的元件拖到按鈕相應(yīng)的地方，旋轉(zhuǎn)的小棒放入經(jīng)過(guò)狀態(tài)中，靜止的放入按下?tīng)顟B(tài)中。引導(dǎo)學(xué)生自己分析要做些哪些元件，包括哪些動(dòng)畫(huà)，然后按照學(xué)生的思路一步步做具體的操作演