網(wǎng)絡(luò)多媒體學(xué)習(xí)課件腳本(制作flash時(shí)鐘)

1、網(wǎng)絡(luò)多媒體學(xué)習(xí)課件腳本(制作flash時(shí)鐘)對 象Falsh動畫初學(xué)者課 型Flash控件學(xué)習(xí)課 題制作flash時(shí)鐘執(zhí) 教高翔聯(lián)系電話指導(dǎo)教師高翔、張強(qiáng)強(qiáng)設(shè)計(jì)思路運(yùn)用“制作flash時(shí)鐘”這一案例，學(xué)習(xí)動態(tài)文本和ActionScript語句的應(yīng)用。學(xué)習(xí)目標(biāo)學(xué)習(xí)者能夠熟練的運(yùn)用動態(tài)文本和ActionScript語句制作flash時(shí)鐘。學(xué)習(xí)難點(diǎn)處理素材，設(shè)計(jì)時(shí)鐘外觀，正確處理系統(tǒng)時(shí)間，并將時(shí)間賦給每個(gè)指針教學(xué)內(nèi)容設(shè)計(jì)課件呈現(xiàn)方式一、 引言展示3-4個(gè)已經(jīng)做好的flash動畫。最后顯現(xiàn)文字：看看這些可愛的flash時(shí)鐘動畫，你是不是也想制作一個(gè)自己的電子鐘呢？ 交互01：引言點(diǎn)擊課件的“引言”字樣

2、，進(jìn)入引言部分。自動播放flash時(shí)鐘動畫（3-4個(gè)），最后出現(xiàn)文字（藝術(shù)字）。右側(cè)放置五個(gè)按鈕，四個(gè)連接打開flash時(shí)鐘動畫的按鈕、一個(gè)返回按鈕。依次點(diǎn)擊flash動畫按鈕，可以觀賞剛才播放的flash時(shí)鐘動畫，點(diǎn)擊“返回”，回到課件首頁。二、 小知識（學(xué)習(xí)flash的基礎(chǔ)知識）小知識的內(nèi)容介紹：在開始制作flash時(shí)鐘動畫之前，我們一起來學(xué)習(xí)一些在制作過程中需要的flash基礎(chǔ)知識吧主界面文字介紹：在開始制作flash時(shí)鐘動畫之前，我們一起來學(xué)習(xí)一些在制作過程中需要的flash基礎(chǔ)知識，請選擇需要學(xué)習(xí)的部分，點(diǎn)擊相應(yīng)的按鈕進(jìn)入。1、創(chuàng)建新的flash文件的方法顯示的內(nèi)容：創(chuàng)建新的flas

3、h文件的方法：啟動flash程序，選擇創(chuàng)建新項(xiàng)目中的flash文檔選項(xiàng)，創(chuàng)建空白的新flash文件。點(diǎn)擊文件保存或用快捷方式按Ctrl+S(或Ctrl+ shift +S) ，彈出另存為對話框，選擇保存路徑，輸入文件名，點(diǎn)擊保存。2、設(shè)置文檔屬性方法 顯示的內(nèi)容：設(shè)置文檔屬性方法：點(diǎn)擊修改文檔或用快捷方式按Ctrl+J，彈出文檔屬性對話框（附圖1），可以設(shè)置尺寸、匹配情況、背景顏色、幀頻、標(biāo)尺單位等，標(biāo)尺單位包括英尺、厘米、毫米、像素等，一般選用像素，將幀頻設(shè)置為12fps。3、創(chuàng)建新元件方式顯示的內(nèi)容：創(chuàng)建新元件的方式：點(diǎn)擊插入新建元件或用快捷方式按Ctrl+F8，彈出創(chuàng)建新元件對話框（附圖

4、2 ），輸入元件名稱，并選擇元件的行為。4、打開庫的方法顯示的內(nèi)容：打開庫的方法：點(diǎn)擊窗口，勾選庫或用快捷方式按Ctrl+L，在flash界面的右下角將會顯示庫的信息（附圖3）。5、怎樣顯示網(wǎng)格顯示的內(nèi)容：怎樣顯示網(wǎng)格：點(diǎn)擊視圖網(wǎng)格顯示網(wǎng)格或用快捷方式按Ctrl+即可。 交互02：小知識將鼠標(biāo)放在“小知識”文字上，出現(xiàn)小知識的內(nèi)容介紹。點(diǎn)擊課件的“小知識”字樣，進(jìn)入小知識部分。主界面左側(cè)顯示文字，右邊放置六個(gè)按鈕，分別為創(chuàng)建文檔、文檔屬性、創(chuàng)建新元件、打開庫、顯示網(wǎng)格和返回。點(diǎn)擊創(chuàng)建文檔、文檔屬性、創(chuàng)建新元件、打開庫和顯示網(wǎng)格按鈕，文字框架部分分別顯示相應(yīng)的介紹內(nèi)容，并配有圖示說明。點(diǎn)擊返回按

5、鈕，回到課件首頁 三、 教學(xué)內(nèi)容1、主要控件介紹（1）元件元件，實(shí)質(zhì)上是指可以重復(fù)使用且保存在庫中的元素，是組成flash動畫的基本元素。當(dāng)把元件從庫中拖到場景的舞臺中時(shí)，實(shí)際上元件本身并不是放置在舞臺上，而是創(chuàng)建了一個(gè)被稱為實(shí)例的元件拷貝，因此可以在不改變原始元件的情況下，任意多次和使用任意的方法更改實(shí)例，而在庫中始終保存原始元件的副本。元件分為兩種類型：內(nèi)部flash元件和導(dǎo)入的元件。內(nèi)部flash元件是指直接在flash中創(chuàng)建的元件，導(dǎo)入的元件是指在其他軟件中創(chuàng)建并被導(dǎo)入至flash中的元件。內(nèi)部元件也稱為元件行為，這是由于內(nèi)部元件包含三種類型，并在影片中起到不同的作用。三種內(nèi)部flas

6、h元件分別為影片剪輯、按鈕和圖形。圖形元件：圖形元件是指由多種不同的flash繪圖和著色工具創(chuàng)建的靜態(tài)元素，它可用于主影片，還被普遍用于時(shí)間線動畫中的元素。按鈕元件：按鈕元件是flash作品種最常用的一種交互式元素，可以和ActionScript（腳本語言）緊密地結(jié)合在一起。按鈕實(shí)際上是由4個(gè)幀組成的交互影片剪輯。當(dāng)為元件選擇按鈕行為時(shí)，會創(chuàng)建一個(gè)4幀的時(shí)間軸。前3幀顯示按鈕的3種可能狀態(tài)，第4幀定義按鈕的活動區(qū)域。時(shí)間軸是對指針運(yùn)動和動作作出反應(yīng)，跳到相應(yīng)的幀。按鈕元件的時(shí)間軸上的每一幀都有一個(gè)特定的功能。第1幀彈起狀態(tài)，代表指針沒有滑過按鈕時(shí)該按鈕的狀態(tài)。第2幀指針經(jīng)過狀態(tài)，代表指針滑過按

7、鈕時(shí)，該按鈕的外觀。第3幀按下狀態(tài)，代表單擊按鈕時(shí)，該按鈕的外觀。第4幀點(diǎn)擊狀態(tài)，定義將響應(yīng)鼠標(biāo)單擊的區(qū)域，但該區(qū)域在影片中是不可見的。影片剪輯元件：影片剪輯元件，是一種小型影片，即可包含影片也可被放置在在另一個(gè)影片中，還可以被無限次的嵌套使用。影片剪輯元件可以獨(dú)立于時(shí)間軸進(jìn)行播放，并且在組成上沒有任何限制，還可以被放置在另一個(gè)元件中。 導(dǎo)入的flash元件的類型有：位圖、音頻、數(shù)字視頻等，所有被導(dǎo)入的數(shù)字視頻文件都將被自動以元件的形式放置在庫中。 （2）動態(tài)文本 （3）ActionScript（腳本語言）2、制作過程介紹 （1）制作電子鐘需要的各種元件步驟1：啟動flash MX，按鍵盤上的

8、Ctrl+J快捷鍵，打開“文檔屬性”對話框，設(shè)置動畫的文檔大小為550*400，點(diǎn)擊確定，如圖3-1所示，按鍵盤上的Ctrl+快捷鍵以顯示工作區(qū)中的網(wǎng)格，并保存文件。 步驟2：創(chuàng)建影片剪輯元件，命名為hours，如圖3-2所示，選取工具箱中的矩形繪圖工具，在工作區(qū)中畫一個(gè)矩形，然后將邊框刪除，并進(jìn)行群組。一定要將制作好的元件底端和工作區(qū)中心對齊，如圖3-3所示。 步驟3：用同樣的方法制作影片剪輯元件“minutes”和“seconds”分別代表時(shí)鐘的分針和秒針，為了加以區(qū)分，有不同的寬度和高度表示。步驟4：回到場景1中，將準(zhǔn)備好的背景圖片和閃動的數(shù)字標(biāo)示圖片導(dǎo)入庫中。說明閃動的數(shù)字標(biāo)示圖片的方

9、法：創(chuàng)建影片剪輯元件，命名為1，點(diǎn)擊時(shí)間軸的第一幀，工作區(qū)中心，然后點(diǎn)擊時(shí)間軸的第五幀，點(diǎn)擊右鍵，選擇插入關(guān)鍵幀，刪除舞臺上的圖片1，將與圖片1相對應(yīng)的位圖3拖到剛才圖片1的位置，最后點(diǎn)擊時(shí)間軸的第十幀，插入幀。按回車鍵就可看到閃動的數(shù)字標(biāo)示圖片了。用同樣的方法制作影片剪輯元件2、3、4。至此，制作電子時(shí)鐘所需要的材料已經(jīng)全部準(zhǔn)備好放在庫中了，下面我們開始制作電子時(shí)鐘了。 （2）制作電子鐘的界面步驟5：點(diǎn)擊場景1回到舞臺，連續(xù)點(diǎn)擊4次添加層按鈕，依次將添加圖層命名為文字、背景、指針、數(shù)字和action。步驟6：在時(shí)間軸上點(diǎn)擊背景層，將背景圖片拖動到舞臺中間，點(diǎn)擊界面最下方的屬性，將圖片的寬設(shè)5

10、50，高為400，X：0，Y：0，如圖3-3所示。在圖片上右擊，選擇排列移至底層。步驟7：在時(shí)間軸上點(diǎn)擊數(shù)字層，將作好的閃動的圖片拖到拖到舞臺上依次按順時(shí)針順序排成一個(gè)圓圈，在其間加入數(shù)字，調(diào)整位置做成表的刻度。步驟8：在時(shí)間軸上點(diǎn)擊指針層，將做好的影片剪輯元件hours、minutes、seconds拖到舞臺中，并調(diào)整大小位置，作為電子時(shí)鐘的指針。為了美觀，還可以在中間加一圓形圖片?，F(xiàn)在電子時(shí)鐘的外形已經(jīng)出來了，下面將是整個(gè)制作過程的核心部分，介紹如何正確處理系統(tǒng)時(shí)間，將時(shí)間賦給每個(gè)指針。 （3）編寫ActionScript（腳本語言） 步驟9：步驟10：步驟11：步驟12：3、制作過程（視頻） 電子時(shí)鐘的制作過程！4、制作難點(diǎn)5、成果展示交互03：教學(xué)內(nèi)容點(diǎn)擊課件首頁的“教學(xué)內(nèi)容”字樣，進(jìn)入教學(xué)內(nèi)容部分。主界面左側(cè)顯示文字、圖片或視頻資料，右邊放置六個(gè)按鈕，分別為主要控件介紹、制作過程介紹、制作過程（視頻）、制作難點(diǎn)、成果展示和返回。點(diǎn)擊主要控件介紹按鈕，進(jìn)入主要控件介紹界面，分別有元件、，點(diǎn)擊相應(yīng)的按鈕，左側(cè)出現(xiàn)相應(yīng)控件的介紹內(nèi)容。點(diǎn)擊返回，回到上一界面。點(diǎn)擊制作過程介紹按鈕，進(jìn)入制作過程介紹界面，分別有，點(diǎn)擊相應(yīng)的按鈕，左側(cè)出現(xiàn)相應(yīng)控件的介紹內(nèi)容。點(diǎn)擊返回，回到上一界面。點(diǎn)擊制作過程（視頻）按鈕，進(jìn)入制作過程（視頻）界面，自動播放制作過程的視頻