教學(xué)目的:通過本節(jié)教學(xué)了解和掌握按鈕的制作于使用,進(jìn)而加深對(duì)按鈕交互功能的深知于熟練把握,并運(yùn)用此功能創(chuàng)作選擇課件的測(cè)試效果。
教學(xué)對(duì)象:本教材是針對(duì)有一定動(dòng)畫制作基礎(chǔ)和對(duì)屬性面板、工具箱、動(dòng)作面板有所了解的朋友們編制的,因此省略了一些步驟,還望諒解。
教學(xué)要點(diǎn):按鈕及指令添加,Alpha設(shè)定。
作前準(zhǔn)備
2.準(zhǔn)備三張規(guī)格約100*100的小像素的相關(guān)圖片,透明矢量圖最好,經(jīng)過制圖軟件(ps、fw)處理后,放到指定的文件夾待用。
制作步驟
1.啟動(dòng)FLASH8 軟件
2.確立文檔屬性
設(shè)置動(dòng)畫尺寸為550*400,背景顏色黑祿,其它默認(rèn),點(diǎn)擊確定,進(jìn)入場(chǎng)景1工作區(qū)。如圖1所示:
圖1
3.首先將準(zhǔn)備好的圖片導(dǎo)入到庫中待用。素材圖如下所示:
(素材圖1)
(素材圖2)
(素材圖3)
4.創(chuàng)建圖形元件
(1)選擇“插入-新建元件”,建立一個(gè)名為“題板”的圖形元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。就一個(gè)圖層。選擇圖層1第一幀,用矩形工具,筆觸高度為2、顏色白色,填充色為淡黃色的,規(guī)格為400*260的矩形。全居中。如圖2所示:
圖2
(2)選擇“插入-新建元件”,建立一個(gè)名為“隊(duì)徽”的圖形元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。就一個(gè)圖層。從庫中拖出隊(duì)徽?qǐng)D片到舞臺(tái),打散。用橡皮擦擦去底色背景,規(guī)格約為80*95。全居中。如圖3所示:
圖3
(3)同理同種方法完成“隊(duì)章、隊(duì)旗”的圖形元件的操作。如圖4、5所示:
(圖4) (圖5)
5.創(chuàng)建按鈕元件
選擇“插入-新建元件”,建立一個(gè)名為“按鈕”的按鈕元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。選擇第一幀(彈起),用矩形工具在舞臺(tái)拖一個(gè)淺灰色的、規(guī)格約為120*35的、無邊線的矩形。全居中,將其轉(zhuǎn)為圖形元件。點(diǎn)擊該實(shí)例,設(shè)置其Alpha為0%
,如圖6所示:
圖6
在第2幀插入關(guān)鍵幀,設(shè)置其Alpha為30%
,如圖7所示:
圖7
在第4幀(點(diǎn)擊)插入幀。
6.創(chuàng)建影片剪輯元件
(1)選擇“插入-新建元件”,建立一個(gè)名為“試題1”的影片剪輯元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。添加三個(gè)圖層,共四個(gè)圖層。自下而上命名為題板、主題、按鈕、停止。
a.選擇題板圖層第一幀,從庫中拖出題板圖形元件到舞臺(tái),規(guī)格400*260,全居中。如圖8所示:
圖8
在第3幀插入幀,上鎖。
b.選擇主題圖層第一幀,用文本工具在題板處輸入題目和選項(xiàng),規(guī)格、顏色自定。全居中。如圖9所示:
圖9
在第2幀插入關(guān)鍵幀,刪除文字內(nèi)容,重新改寫內(nèi)容為,如圖10所示:
圖10
在第3幀插入關(guān)鍵幀,刪除文字內(nèi)容,重新改寫內(nèi)容為,如圖11所示:
圖11
鎖定該圖層。
c.選擇按鈕圖層第一幀,從庫中分別依次拖出三個(gè)按鈕元件到舞臺(tái),分別依次放置在選題之上。如圖12所示:
圖12
選中老子上的按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(3);
選中孔子上的按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(2);
選中韓非子上的按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(3);
在第2幀插入空白關(guān)鍵幀,從庫中拖出按鈕元件到舞臺(tái),放置在“返回”之上,如圖13所示:
圖13
選中該按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(1);
在第3幀插入空白關(guān)鍵幀,從庫中拖出按鈕元件到舞臺(tái),放置在“返回”之上,如圖14所示:
圖14
選中該按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(1);
鎖定該圖層。
d.選擇停止圖層第一幀,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入停止指令:stop(); 在第3幀插入幀。上鎖。
本環(huán)節(jié)的時(shí)間軸顯示,如圖15所示:
圖15
(2)選擇“插入-新建元件”,建立一個(gè)名為“試題2”的影片剪輯元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。添加三個(gè)圖層,共四個(gè)圖層。自下而上命名為題板、主題、按鈕、停止。
a.選擇題板圖層第一幀,從庫中拖出題板圖形元件到舞臺(tái),規(guī)格400*260,全居中。如圖16所示:
圖16
在第3幀插入幀,上鎖。
b.選擇主題圖層第一幀,用文本工具在題板處輸入題目,規(guī)格顏色自定。全居中。在從庫中分別依次拖出隊(duì)徽、隊(duì)章、隊(duì)旗圖形元件到舞臺(tái),分別依次放置在題目的下方。如圖17所示:
圖17
c.選擇按鈕圖層第一幀,從庫中分別依次拖出三個(gè)按鈕元件到舞臺(tái),分別依次放置在隊(duì)徽、隊(duì)章、隊(duì)旗之上。如圖18所示:
圖18
選中隊(duì)徽上的按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(2);
選中隊(duì)章上的按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(3);
選中隊(duì)旗上的按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(3);
在第2幀插入空白關(guān)鍵幀,從庫中拖出按鈕元件到舞臺(tái),放置在“返回”之上,如圖19所示:
圖19
選中該按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(1);
在第3幀插入空白關(guān)鍵幀,從庫中拖出按鈕元件到舞臺(tái),放置在“返回”之上,如圖20所示:
圖20
選中該按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(1);
鎖定該圖層。
d.選擇停止圖層第一幀,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入停止指令:stop(); 在第3幀插入幀。上鎖。
本環(huán)節(jié)的時(shí)間軸顯示,如圖21所示:
圖21
7.編輯制作場(chǎng)景
返回場(chǎng)景1,添加三個(gè)圖層,共四個(gè)圖層。自下而上命名為試題、文本、按鈕、停止。
(1)選擇試題圖層第一幀,從庫中拖出“試題1”影片剪輯到舞臺(tái),全居中;如圖22所示:
圖22
在第2幀插入空白關(guān)鍵幀,從庫中拖出“試題2”影片剪輯到舞臺(tái),全居中。上鎖。如圖23所示:
圖23
(2)選擇文本圖層第一幀,用文本工具在試題1的上方輸入“單選題”;在試題1的下方輸入“下一題”。兩者規(guī)格、顏色、字體隨意。如圖24所示:
圖24
在第2幀插入關(guān)鍵幀,用文本工具在試題2的下方輸入,改“下一題”為“返回”。如圖25所示:
圖24
(3)選擇按鈕圖層第一幀,從庫中拖出“按鈕”元件舞臺(tái),將其放置在“下一題”之上。點(diǎn)擊該按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
gotoAndStop(2);
在第2幀插入關(guān)鍵幀,點(diǎn)擊“返回”上按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)改語句為:
on (release) {
gotoAndStop(1);
鎖定該圖層。
(4)選擇停止圖層第一幀,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入停止指令:stop(); 在第3幀插入幀。上鎖。
8.本作業(yè)完成后的時(shí)間軸,如圖25所示:
圖25
9.測(cè)試存盤。
說明:
1.按鈕擺放的位置和規(guī)格一定要和它所覆蓋的實(shí)例相適宜。
2.按照此原理和方法既可以制作多試題課件,也可以制作多項(xiàng)選擇題課件。
最終效果顯示:
http://hsb345.16789.net/domName/hsb345/20099315581684362.swf全屏下載祝你成功!
『ldm2124086音樂空間』歡迎你!