《Animate動畫設(shè)計與制作》課件 項目9、10 制作腳本動畫;制作交互式動畫_第1頁
《Animate動畫設(shè)計與制作》課件 項目9、10 制作腳本動畫;制作交互式動畫_第2頁
《Animate動畫設(shè)計與制作》課件 項目9、10 制作腳本動畫;制作交互式動畫_第3頁
《Animate動畫設(shè)計與制作》課件 項目9、10 制作腳本動畫;制作交互式動畫_第4頁
《Animate動畫設(shè)計與制作》課件 項目9、10 制作腳本動畫;制作交互式動畫_第5頁
已閱讀5頁,還剩84頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

項目九制作腳本動畫307任務(wù)1制作天降元寶動畫任務(wù)2制作百步穿楊鼠標(biāo)跟隨動畫任務(wù)3制作繁花似錦動畫308制作天降元寶動畫任務(wù)1

3091.?能使用幀選擇器控制圖形元件動畫的間隔。2.?能在“動作”面板中正確輸入所需的代碼。310本任務(wù)是一個腳本動畫制作實例,通過在“動作”面板中輸入代碼,實現(xiàn)漫天元寶降落的效果,如圖所示。通過本任務(wù)的學(xué)習(xí),可以掌握使用幀選擇器控制圖形元件動畫間隔的方法和技巧以及“動作”面板中的各圖標(biāo)選項的使用方法。311天降元寶動畫效果一、動作腳本動作腳本是Animate內(nèi)置的編程語言,可以將變量、函數(shù)、屬性和方法組成一個整體,控制對象從而產(chǎn)生各種動畫效果。此外,動作腳本強大的人機(jī)交互功能與網(wǎng)絡(luò)服務(wù)器交互功能使其在游戲、課件、互動式網(wǎng)站的制作中有著廣泛的應(yīng)用空間。312313二、“動作”面板“動作”面板用于組織動作腳本,是編寫腳本語言的地方,在Animate中打開“動作”面板的方法是執(zhí)行“窗口”→“動作”命令或按F9鍵。1.

“動作”面板的組成“動作”面板由位置列表區(qū)和程序編輯區(qū)兩部分組成,如圖所示。314“動作”面板315(1)位置列表區(qū):也叫腳本導(dǎo)航器,位于“動作”面板的左側(cè),用來顯示當(dāng)前選擇對象的具體信息。(2)程序編輯區(qū):位于“動作”面板的右側(cè),用于編寫程序?!肮潭_本”按鈕

:用于固定腳本?!安迦雽嵗窂胶兔Q”按鈕

:可以插入實例的路徑或者實例的名稱?!按a片斷”按鈕

:單擊該按鈕后會彈出“代碼片斷”對話框,在該對話框中可以選擇常用的動作腳本語言。“設(shè)置代碼格式”按鈕

:用于設(shè)置書寫代碼的格式?!安檎摇卑粹o

:可以查找或替換腳本語言?!皫椭卑粹o

:可以打開“幫助”面板。腳本編輯窗口:該區(qū)域主要用來編輯ActionScript或者HTML5?Canvas腳本。3162.?添加腳本語言的方法在“動作”面板中添加腳本語言的方法有以下兩種。(1)在程序編輯區(qū)直接輸入腳本語言。(2)單擊腳本編輯窗口中的“代碼片斷”按鈕

,在彈出的“代碼片斷”對話框中選擇腳本語言。317318三、數(shù)據(jù)類型數(shù)據(jù)類型描述了動作腳本的變量或元素可以包含的信息的種類。動作腳本有兩種數(shù)據(jù)類型:原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。原始數(shù)據(jù)類型是指String(字符串)、Number(數(shù)字)和Boolean(布爾值),因為它們擁有固定類型的值,所以可以包含它們所代表元素的實際值;引用數(shù)據(jù)類型是指影片剪輯和對象,因為它們的值的類型是不固定的,所以它們包含對該元素實際值的引用。1.?String(字符串)字符串是指諸如字母、數(shù)字和標(biāo)點符號等字符的序列。字符串只能使用一對英文雙引號來標(biāo)記。2.?Number(數(shù)字)數(shù)字型數(shù)據(jù)是指數(shù)字的算術(shù)值。能正確進(jìn)行數(shù)學(xué)運算的值必須是數(shù)字型??梢允褂盟阈g(shù)運算符加(+)、減(-)、乘(*)、除(/)、遞增(++)和遞減(--)來處理數(shù)字,也可以使用內(nèi)置的

Math

對象的方法來處理數(shù)字。3193.

Boolean(布爾值)布爾值即邏輯值。值為

true

false

的變量被稱為布爾型變量。動作腳本也會在需要時將值

true

false

轉(zhuǎn)換為

1

0。在確定“是

/

否”的情況下,布爾型變量是非常有用的。在進(jìn)行比較的動作腳本語句中,布爾型變量經(jīng)常與邏輯運算符一起使用。3204.

MovieClip(影片剪輯)影片剪輯是

Animate

影片中可以播放動畫的元件,每個影片剪輯都是一個

Movie?Clip

對象,擁有

Movie?Clip

對象中定義的方法和屬性。通過點(.)運算符可以調(diào)用影片剪輯內(nèi)部的屬性和方法。3215.

Object(對象)對象型數(shù)據(jù)是指所有使用動作腳本創(chuàng)建的具體對象,它包含了所有類的共有屬性,每個屬性都擁有自己的名稱和值,屬性的值可以是任何的

Animate

數(shù)據(jù)類型,甚至可以是對象數(shù)據(jù)類型。通過點(.)運算符可以引用對象中的屬性。3226.

Null(空值)空值數(shù)據(jù)類型只有一個值,即

Null。這意味著沒有值,即缺少數(shù)據(jù)。7.?Undefined(未定義)未定義的數(shù)據(jù)類型只有一個值,即

Undefined,用于尚未分配值的變量。323324四、語法規(guī)則1.

點運算符在動作腳本中,點(.)用于表示與對象或影片剪輯相關(guān)聯(lián)的屬性或方法,也可用于標(biāo)識影片剪輯或變量的目標(biāo)路徑。點運算符的表達(dá)式以影片剪輯或?qū)ο蟮拿Q開始,中間為點運算符,最后是要指定的元素。3252.

界定符(1)大括號:動作腳本中的語句可以使用大括號來組成語句塊。(2)分號:動作腳本中的語句可以由一個分號結(jié)束。如果在結(jié)尾處省略分號,Animate仍然可以成功編譯腳本。(3)圓括號:在定義函數(shù)時,任何參數(shù)的定義都必須放在一對圓括號內(nèi)。調(diào)用函數(shù)時,需要被傳遞的參數(shù)也必須放在一對圓括號內(nèi)??梢允褂脠A括號改變動作腳本的優(yōu)先順序。3263.

區(qū)分大小寫在區(qū)分大小寫的編程語言中,僅大小寫不同的變量名被視為互不相同。ActionScript?3.0中的標(biāo)識符區(qū)分大小寫。對于關(guān)鍵字、類名、變量、方法名等,要嚴(yán)格區(qū)分大小寫。如果關(guān)鍵字的大小寫出現(xiàn)錯誤,在編寫程序時就會有錯誤信息提示。3274.

注釋在“動作”面板中,使用注釋語句可以在一個幀或者按鈕的腳本中添加說明,以利于增加程序的易讀性。注釋語句以雙斜線(//)開始,斜線顯示為灰色,注釋內(nèi)容可以不考慮長度和語法。注釋語句不會影響Animate的動畫輸出。328五、“3D

旋轉(zhuǎn)工具”用“3D旋轉(zhuǎn)工具”

可以在3D空間中旋轉(zhuǎn)影片剪輯實例。選擇“3D旋轉(zhuǎn)工具”

,選中舞臺中的影片剪輯實例,在實例上出現(xiàn)旋轉(zhuǎn)控件,如圖所示。拖動紅色線可以使實例繞

X

軸旋轉(zhuǎn);拖動綠色線可以使實例繞Y

軸旋轉(zhuǎn);拖動藍(lán)色線可以使實例繞

Z

軸旋轉(zhuǎn);拖動橙色線可以使實例同時繞X

軸和

Y

軸旋轉(zhuǎn)。329用“3D旋轉(zhuǎn)工具”選中影片剪輯實例330用“3D旋轉(zhuǎn)工具”選中實例的

“屬性”面板通過“屬性”面板可以設(shè)置3D定位和視圖,如圖所示。“X”“Y”“Z”數(shù)值選項:可以設(shè)置各軸的旋轉(zhuǎn)角度。“透視角度”數(shù)值選項

:可以設(shè)置3D影片剪輯在舞臺上的外觀視角?!跋c”數(shù)值選項:可以控制舞臺上3D影片剪輯的

Z

軸方向。331六、“3D平移工具”用“3D平移工具”

可以在3D空間中移動影片剪輯實例。選擇“3D平移工具”

,選中舞臺中的影片剪輯實例,在實例上出現(xiàn)

X、Y和

Z3個軸,如圖所示。其中紅色線表示

X軸、綠色線表示

Y

軸、黑色圓點表示Z

軸。通過“屬性”面板可以設(shè)置3D定位和視圖。用“3D平移工具”選中實例

制作百步穿楊鼠標(biāo)跟隨動畫任務(wù)23321.?掌握按鈕元件的制作原理和方法,能制作出不同狀態(tài)的按鈕元件。2.?能使用“畫筆庫”面板設(shè)置“畫筆”工具的樣式。3.?能根據(jù)設(shè)計需要,在“動作”面板中調(diào)整鼠標(biāo)跟隨的代碼參數(shù)。333本任務(wù)是一個鼠標(biāo)跟隨動畫制作實例,通過制作羽箭樣式,再添加相應(yīng)的鼠標(biāo)跟隨代碼,以實現(xiàn)多根羽箭跟隨鼠標(biāo)一起移動的效果,如圖所示。通過本任務(wù)的學(xué)習(xí),可以掌握“畫筆庫”面板的使用方法以及按鈕元件的制作方法和技巧,重點是掌握鼠標(biāo)跟隨代碼參數(shù)的具體含義,能調(diào)整鼠標(biāo)跟隨代碼來實現(xiàn)不同的鼠標(biāo)跟隨效果。334335百步穿楊鼠標(biāo)跟隨動畫效果一、按鈕元件1.

按鈕元件的定義按鈕元件用于創(chuàng)建交互式控制按鈕,以感知并響應(yīng)鼠標(biāo)的動作。按鈕元件的時間軸上有4個幀,分別為“彈起”“指針經(jīng)過”“按下”和“點擊”,它們的作用如下。336(1)彈起:鼠標(biāo)指針沒有移到按鈕上的按鈕狀態(tài)。(2)指針經(jīng)過:鼠標(biāo)指針移到按鈕上的按鈕狀態(tài)。(3)按下:用鼠標(biāo)單擊按鈕時的按鈕狀態(tài)。(4)點擊:鼠標(biāo)事件的響應(yīng)范圍。如果按鈕沒有設(shè)置“點擊”狀態(tài)的區(qū)域,鼠標(biāo)事件的響應(yīng)范圍應(yīng)由“彈起”狀態(tài)的按鈕外觀區(qū)域決定。“點擊”幀的圖形不在影片中顯示。337按鈕元件與影片剪輯元件一樣,都可以指定實例的名稱,以便在程序中調(diào)用;可以通過“色彩效果”選項對亮度、色調(diào)、透明度進(jìn)行設(shè)置。按鈕元件可以嵌套在影片剪輯元件和圖形元件中,也可以包含文件和聲音。按鈕元件與影片剪輯元件不同的是語句不能加在按鈕元件的時間軸上。3382.

創(chuàng)建按鈕元件的方法(1)執(zhí)行“插入”→“新建元件...”命令或按組合快捷鍵Ctrl+F8,彈出“創(chuàng)建新元件”對話框。(2)在“名稱”文本框中輸入元件的名稱,在“類型”項中選擇“按鈕”,單擊“確定”按鈕,如圖所示。339“創(chuàng)建新元件”對話框(3)Animate會自動進(jìn)入元件的編輯模式,可分別在“彈起”“指針經(jīng)過”“按下”和“點擊”幀中繪制圖形。按鈕元件的“時間軸”面板如圖所示。(4)制作完成后,單擊“返回場景”圖標(biāo)

,退出元件編輯模式。340按鈕元件的“時間軸”面板二、變量變量是包含信息的容器。容器本身不會改變,但內(nèi)容可以更改。當(dāng)?shù)谝淮味x變量時,最好為變量定義一個已知值,這就是初始化變量,通常在SWF文件的第1幀中完成。每一個影片剪輯對象都有自己的變量,而且不同的影片剪輯對象中的變量相互獨立且互不影響。3411.?變量中可以存儲的常見信息類型包括URL、用戶名、數(shù)字運算的結(jié)果、事件發(fā)生的次數(shù)等。2.?為變量命名必須遵循以下規(guī)則:(1)變量名在其作用范圍內(nèi)必須是唯一的。(2)變量名不能是關(guān)鍵字或布爾值(true或false)。(3)變量名必須以字母或下畫線開始,由字母、數(shù)字和下畫線組成,其間不能包含空格,變量名沒有大小寫的區(qū)別。3423.?變量的范圍是指變量在其中已知并且可以引用的區(qū)域,它包含3種類型:(1)本地變量:在聲明它們的函數(shù)體(由大括號決定)內(nèi)可用。本地變量的使用范圍只限于它的代碼塊,會在該代碼塊結(jié)束時到期,其余的本地變量會在腳本結(jié)束時到期。(2)時間軸變量:可用于時間軸上的任意腳本。要聲明時間軸變量,應(yīng)在時間軸的所有幀上都初始化這些變量。(3)全局變量:對于文檔中的每個時間軸和范圍均可見。4.?不論是何種變量,都需要使用var語句。343三、函數(shù)函數(shù)是用來對常量、變量等進(jìn)行某種運算的方法,如產(chǎn)生隨機(jī)數(shù)、進(jìn)行數(shù)值運算、獲取對象屬性等。函數(shù)是一個動作腳本代碼塊,它可以在影片中的任何位置重新使用。如果將值作為參數(shù)傳遞給函數(shù),則函數(shù)將對這些值進(jìn)行操作。調(diào)用函數(shù)可以用一行代碼來代替一個可執(zhí)行的代碼塊。函數(shù)可以執(zhí)行多個動作,并為它們傳遞可選項。函數(shù)必須有唯一的名稱,以便在代碼行中可以知道訪問的是哪一個函數(shù)。344四、表達(dá)式和運算符表達(dá)式是指由常量、變量、函數(shù)和運算符按照運算法則組成的計算式。運算符是可以對數(shù)值、字符串、邏輯值進(jìn)行運算的關(guān)系符號。運算符有很多種,包括算術(shù)運算符、字符串運算符、邏輯運算符、位運算符等。3451.

算術(shù)表達(dá)式及運算符算術(shù)表達(dá)式是數(shù)值進(jìn)行運算的表達(dá)式。它由數(shù)值、以數(shù)值為結(jié)果的函數(shù)、算術(shù)運算符組成,運算結(jié)果是數(shù)值或邏輯值。在Animate中可以使用的算術(shù)運算符有:+、-、*、/:執(zhí)行加、減、乘、除運算。=、<?>:比較兩個數(shù)值是否相等、不相等。<、<?=、>、>?=:比較運算符前面的數(shù)值是否小于、小于或等于、大于、大于或等于后面的數(shù)值。3462.

字符串表達(dá)式及運算符字符串表達(dá)式是對字符串進(jìn)行運算的表達(dá)式。它由字符串、以字符串為結(jié)果的函數(shù)、字符串運算符組成,運算結(jié)果是字符串或邏輯值。在Animate中可以參與字符串表達(dá)式的運算符如下。&:連接運算符兩邊的字符串。Eq、Ne:用來判斷運算符兩邊的字符串是否相等或不相等。Lt、Le、Qt、Qe:用來判斷運算符左邊字符串的ASCII碼是否小于、小于或等于、大于、大于或等于右邊字符串的ASCII碼。3473.

邏輯表達(dá)式及運算符邏輯表達(dá)式是對正確、錯誤的結(jié)果進(jìn)行判斷的表達(dá)式。它由邏輯值、以邏輯值為結(jié)果的函數(shù)、以邏輯值為結(jié)果的算術(shù)或字符串表達(dá)式和邏輯運算符組成,運算結(jié)果是邏輯值。4.

位表達(dá)式及運算符位表達(dá)式是對整數(shù)的二進(jìn)制位進(jìn)行操作的運算表達(dá)式。它由位運算符和操作數(shù)組成。位運算符用于處理浮點數(shù)。運算時先將操作數(shù)轉(zhuǎn)化為32位的二進(jìn)制數(shù),然后對每個操作數(shù)分別按位進(jìn)行運算,運算后再將二進(jìn)制的結(jié)果按照Animate的數(shù)值類型返回運算結(jié)果。348五、“畫筆庫”面板“畫筆庫”面板中提供了一些預(yù)設(shè)畫筆,可以打開畫筆庫,瀏覽其中的內(nèi)容并選擇適當(dāng)?shù)漠嫻P,如圖所示。349“畫筆庫”面板350選擇“畫筆工具”,執(zhí)行“窗口”→“畫筆庫”命令,打開“畫筆庫”面板,選擇一個預(yù)設(shè)畫筆,單擊“畫筆庫”面板左下角的“在文檔中使用”按鈕

,將選定畫筆添加到文檔中,或者雙擊預(yù)設(shè)畫筆,將其添加到文檔中,畫筆會在“屬性”面板的“工具”選項卡下的“樣式”選項中顯示,在舞臺中拖動鼠標(biāo)即可繪制圖形。制作繁花似錦動畫任務(wù)3

3511.?能根據(jù)動畫設(shè)計需要,制作動態(tài)按鈕元件并更改實例名稱。2.?能使用動態(tài)文本自定義鼠標(biāo)光標(biāo)。3.?能根據(jù)動畫要求,制作相應(yīng)的鼠標(biāo)事件。352本任務(wù)是一個鼠標(biāo)懸停動畫制作實例,通過在舞臺中布滿帶有花開效果的按鈕元件,實現(xiàn)鼠標(biāo)在舞臺懸停則花朵綻放的效果,如圖所示。通過本任務(wù)的學(xué)習(xí),可以掌握動態(tài)按鈕元件的制作原理和方法以及動態(tài)文本的使用方法。353354繁花似錦動畫效果一、使用“文本工具”添加文本的方式在Animate中添加文本有以下兩種方式。1.?選擇“文本工具”,直接在場景中需要輸入文本的地方單擊,此時會出現(xiàn)一個文本輸入框,該文本輸入框的寬度會隨著輸入文本的增加而自動延長,光標(biāo)卻不會自動換行,需手動按Enter鍵換行,如圖所示。355單擊直接輸入文本2.?選擇“文本工具”,在場景中需要輸入文本的地方拖動鼠標(biāo)確定文本輸入框的寬度,當(dāng)輸入的文本超過文本輸入框的寬度時,光標(biāo)會自動換行,如圖所示。356拖動文本框,輸入文本357二、“文本工具”的“屬性”面板通過“文本工具”的“屬性”面板,如圖所示,可以修改文本的格式,其相關(guān)選項的作用如下。358“文本”工具的“屬性”面板359“文本類型”下拉列表:用于選擇創(chuàng)建文本的類型,有靜態(tài)文本、動態(tài)文本和輸入文本這3種類型。1.?靜態(tài)文本:顯示不能動態(tài)更新字符的文本。2.?動態(tài)文本:可以通過腳本程序來改變其顯示的文本內(nèi)容。在“字符”選項組中,各按鈕的功能如下:“將文本呈現(xiàn)為HTML”按鈕

:文本支持HTML標(biāo)簽特有的字體格式、超鏈接等超文本格式;“在文本周圍顯示邊框”按鈕

:可以為文本設(shè)置白色的背景和黑色的邊框。3603.?輸入文本:創(chuàng)建一個表單,通過腳本程序來獲取用戶輸入的文本內(nèi)容(HTML5?Canvas動畫類型不支持輸入文本)?!案淖兾谋痉较颉卑粹o

:單擊該按鈕可在彈出的列表中設(shè)置文本的方向,共有“水平”“垂直”“垂直,從左向右”這3個選項?!白煮w”下拉列表:在該下拉列表中可設(shè)置文本的字體,其中的選項為計算機(jī)中已安裝的字體。361“大小”數(shù)值框:用于設(shè)置文本字體的大小?!白志嗾{(diào)整量”數(shù)值框:用于設(shè)置文本中相鄰字符的間隔?!拔谋绢伾鄙珘K:用于設(shè)置文本的顏色?!扒袚Q下標(biāo)”按鈕

:用于將選擇的文本設(shè)置為下標(biāo)?!扒袚Q上標(biāo)”按鈕

:用于將選擇的文本設(shè)置為上標(biāo)。“段落”選項:用于設(shè)置段落的對齊方式和距離,包括左對齊、居中對齊、右對齊和兩端對齊這

4

個對齊方式按鈕,“縮進(jìn)”“行距”“左邊距”和“右邊距”這

4

個數(shù)值框。362“行為”選項包括單行、多行和多行不換行。其中,“單行”:文本以單行方式顯示?!岸嘈小保喝绻斎氲奈谋敬笥谠O(shè)置的文本限制,輸入的文本將被自動換行。“多行不換行”:輸入的文本為多行時,不會自動換行。輸入文本的“行為”選項新增加了“密碼”選項,如果選擇此選項,當(dāng)文件輸出后,影片中的文字將顯示為星號(****)?!白畲笞址麛?shù)”選項:可以設(shè)置輸入文字的最多數(shù)值。默認(rèn)值為

0,即為不限制。項目十制作交互式動畫363任務(wù)1制作中秋節(jié)電子賀卡動畫任務(wù)2制作中華美食網(wǎng)任務(wù)3制作唐詩教學(xué)課件364制作中秋節(jié)電子賀卡動畫任務(wù)13651.?能綜合應(yīng)用動畫技術(shù)制作電子賀卡。2.?能選擇正確的鼠標(biāo)事件代碼完成場景的跳轉(zhuǎn)。366本任務(wù)是一個綜合應(yīng)用動畫技術(shù)制作中秋節(jié)電子賀卡的實例,效果如圖所示。通過本任務(wù)的學(xué)習(xí),可以掌握電子賀卡的制作流程和方法以及場景、元件、實例、“動作”面板的應(yīng)用技巧。367中秋節(jié)電子賀卡動畫效果一、播放和停止動畫1.?stop():用于在此幀停止播放。2.?gotoAndStop():用于轉(zhuǎn)到某幀并停止播放。3.?gotoAndPlay():用于轉(zhuǎn)到某幀并開始播放。4.?addEventListener():用于添加事件的方法。368369二、“圖層深度”面板執(zhí)行“窗口”→“圖層深度”命令,可打開“圖層深度”面板。使用“圖層深度”面板,可以動態(tài)地更改圖層的深度,配合攝像頭為對象創(chuàng)建視覺深度和角度的差異效果。1.?在Animate中創(chuàng)建多個圖層,并在每個圖層中放置一個帶有位移動畫的對象,如圖所示。370創(chuàng)建多個帶有位移動畫對象的圖層2.?在“圖層深度”面板中更改每個圖層名稱右側(cè)的深度值,為每個對象添加不同的圖層深度,如圖所示。在更改深度值時,數(shù)值越小對象越近,反之,數(shù)值越大對象越遠(yuǎn),而對象的實際大小保持不變。371調(diào)整各圖層的深度值3.?單擊“攝像頭”

后,調(diào)整攝像頭的位置,可以看到攝像頭近處的對象和遠(yuǎn)處的對象在以不同的速度移動,如圖所示,原本每個圖層的顏色色塊運動狀態(tài)是相同的,而調(diào)整了圖層深度后,在相同的時間內(nèi),近處的玫紅色色塊向右移動的距離要比遠(yuǎn)處紫色色塊向右移動的距離大得多,所以近處對象的移動速度比遠(yuǎn)離攝像頭對象的移動速度更快。372373不同圖層深度的動畫運動添加圖層深度前后的對比效果如圖所示。374無圖層深度的內(nèi)容有圖層深度的內(nèi)容

制作中華美食網(wǎng)任務(wù)23751.?能利用平面設(shè)計素材合理布局網(wǎng)頁頁面。2.?能根據(jù)網(wǎng)頁頁面的布局,選擇適合的網(wǎng)頁頁面跳轉(zhuǎn)代碼。376本任務(wù)是一個利用平面設(shè)計素材制作多頁面網(wǎng)頁的實例,通過添加頁面跳轉(zhuǎn)代碼,實現(xiàn)網(wǎng)頁頁面間的相互切換效果,如圖所示。通過本任務(wù)的學(xué)習(xí),可以掌握平面設(shè)計素材在網(wǎng)頁制作中的應(yīng)用方法與技巧以及色彩搭配在網(wǎng)頁中的應(yīng)用和HTML5?Canvas文檔代碼的應(yīng)用方法。377378中華美食網(wǎng)效果一、預(yù)覽動畫預(yù)設(shè)Animate的每個動畫預(yù)設(shè)都包括預(yù)覽,用戶可在“動畫預(yù)設(shè)”面板中查看動畫預(yù)設(shè)預(yù)覽。通過預(yù)覽,用戶可以了解在將動畫應(yīng)用于.fla文件中的對象時所得到的結(jié)果。對于用戶創(chuàng)建或?qū)氲淖远x預(yù)設(shè),可以添加對應(yīng)的預(yù)覽。執(zhí)行“窗口”→“動畫預(yù)設(shè)”命令,彈出“動畫預(yù)設(shè)”面板,如圖所示。單擊“默認(rèn)預(yù)設(shè)”文件夾前面的箭頭,展開默認(rèn)預(yù)設(shè),選擇其中一個默認(rèn)的預(yù)設(shè)選項,即可預(yù)覽該默認(rèn)動畫預(yù)設(shè),如圖所示。在“動畫預(yù)設(shè)”面板外單擊即可停止預(yù)覽。379380“動畫預(yù)設(shè)”面板預(yù)覽動畫預(yù)設(shè)二、應(yīng)用動畫預(yù)設(shè)在舞臺上選中符合創(chuàng)建補間動畫條件的對象后,在“動畫預(yù)設(shè)”面板中選擇需要的動畫預(yù)設(shè),單擊“應(yīng)用”按鈕來應(yīng)用該動畫預(yù)設(shè)。每個對象只能應(yīng)用一個動畫預(yù)設(shè)。如果將第2個動畫預(yù)設(shè)應(yīng)用于同一個對象,則第2個動畫預(yù)設(shè)將替換第1個動畫預(yù)設(shè)。381三、將補間動畫另存為自定義動畫預(yù)設(shè)選中創(chuàng)建好的補間動畫,或?qū)Α皠赢嬵A(yù)設(shè)”面板中的補間動畫進(jìn)行更改,可將它另存為新的動畫預(yù)設(shè),如圖所示。新預(yù)設(shè)將顯示在“動畫預(yù)設(shè)”面板中的“自定義預(yù)設(shè)”文件夾中。382“將預(yù)設(shè)另存為”面板四、導(dǎo)出和導(dǎo)入動畫預(yù)設(shè)1.

導(dǎo)出動畫預(yù)設(shè)在“動畫預(yù)設(shè)”面板中選擇需要導(dǎo)出的預(yù)設(shè),單擊“動畫預(yù)設(shè)”面板右上角的按鈕

,在彈出的菜單中選擇“導(dǎo)出...”選項,如圖所示,將選中的動畫預(yù)設(shè)導(dǎo)出為XML文件。383“導(dǎo)入...”和“導(dǎo)出...”選項3842.

導(dǎo)入動畫預(yù)設(shè)單擊“動畫預(yù)設(shè)”面板右上角的按鈕

,在彈出的菜單中選擇“導(dǎo)入...”選項,如圖所示,在彈出的“導(dǎo)入動畫預(yù)設(shè)”對話框中選擇要導(dǎo)入的文件,單擊“打開”按鈕,選中的預(yù)設(shè)即被導(dǎo)入“動畫預(yù)設(shè)”面板中。五、刪除動畫預(yù)設(shè)在“動畫預(yù)設(shè)”面板中選擇需要刪除的預(yù)設(shè),單擊面板下方的“刪除項目”按鈕,系統(tǒng)會彈出“刪除預(yù)設(shè)”對話框,單擊“刪除”按鈕,即可將選中的預(yù)設(shè)刪除。在刪除預(yù)設(shè)時,Animate將從磁盤中刪除其XML文件。385制作唐詩教學(xué)課件任務(wù)3

3861.?能根據(jù)課件的學(xué)習(xí)內(nèi)容,合理設(shè)計課件界面。2.?能根據(jù)課件設(shè)計的需要,實現(xiàn)多場景、多按鈕之間的交互式跳轉(zhuǎn)。387本任務(wù)是一個教學(xué)課件動畫制作實例,通過添加交互式動作腳本,實現(xiàn)唐詩學(xué)習(xí)的動態(tài)教學(xué)效果,如圖所示。通過本任務(wù)的學(xué)習(xí),可以掌握教學(xué)課件界面設(shè)計的原理和方法以及制作交互式教學(xué)課件的方法和技巧。388389唐詩教學(xué)課件動態(tài)教學(xué)效果一、“組件”面板1.

組件的類型在HTML5?Canvas中

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論