第5課

傳統(tǒng)補(bǔ)間動(dòng)畫任務(wù)1片頭動(dòng)畫

活動(dòng)1片名動(dòng)畫活動(dòng)2背景變色第5課傳統(tǒng)補(bǔ)間電子日記傳統(tǒng)補(bǔ)間是Animate的前身Flash早期用來(lái)創(chuàng)建動(dòng)畫的一種形式，雖然其控制性不如后來(lái)增加的新的補(bǔ)間動(dòng)畫，但鑒于其易用性和對(duì)HTML5Canvas更友好的支持，現(xiàn)在依然很重要的一種動(dòng)畫形式。傳統(tǒng)補(bǔ)間動(dòng)畫可以記錄元件實(shí)例的位置、大小、顏色、效果、濾鏡及旋轉(zhuǎn)等各種屬性的變化。本案例是利用傳統(tǒng)補(bǔ)間動(dòng)畫技術(shù)制作的一個(gè)志愿者故事的電子日記：片頭是電子日記名；第一幕她第一次遇見正在扶老奶奶過馬路的志愿者他；第二幕她很多次遇見他在做各種各樣的志愿者服務(wù)；第三幕她終于加入他的行列也成為一名光榮的志愿者。1案例設(shè)計(jì)理解傳統(tǒng)補(bǔ)間動(dòng)畫的原理，了解傳統(tǒng)補(bǔ)間動(dòng)畫的特點(diǎn)，熟練掌握創(chuàng)建傳統(tǒng)補(bǔ)間方法；掌握使用傳統(tǒng)補(bǔ)間為對(duì)象創(chuàng)建位置、大小、顏色、效果、濾鏡及旋轉(zhuǎn)的動(dòng)畫效果。2

學(xué)習(xí)目標(biāo)3

策劃導(dǎo)圖傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間是指在一個(gè)關(guān)鍵幀放置一個(gè)元件實(shí)例，然后在另一個(gè)關(guān)鍵幀上放置同一個(gè)元件實(shí)例并改變其大小、色彩、位置、方向等屬性，Animate自動(dòng)在這兩個(gè)關(guān)鍵幀之間的普通幀內(nèi)插入中間狀態(tài)形成動(dòng)畫，類似于傳統(tǒng)動(dòng)畫中的原畫和中間畫。傳統(tǒng)補(bǔ)間可以實(shí)現(xiàn)兩個(gè)實(shí)例之間的位置、大小、旋轉(zhuǎn)、色彩等各種過渡效果。4

預(yù)備知識(shí)各種形式的傳統(tǒng)補(bǔ)間動(dòng)畫4

預(yù)備知識(shí)學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用為教學(xué)設(shè)計(jì)流程。教學(xué)互動(dòng)環(huán)節(jié)中主要包括六個(gè)步驟：明確任務(wù)——計(jì)劃籌備——學(xué)生實(shí)施——引導(dǎo)組織——評(píng)估反饋——鞏固實(shí)踐。教學(xué)資源

多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、ppt等任務(wù)2第一幕動(dòng)畫

活動(dòng)1女生進(jìn)場(chǎng)動(dòng)畫活動(dòng)2男生進(jìn)場(chǎng)動(dòng)畫活動(dòng)3文字進(jìn)場(chǎng)動(dòng)畫活動(dòng)4退場(chǎng)動(dòng)畫第5課傳統(tǒng)補(bǔ)間電子日記（1）創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫步驟1：在圖層的特定幀處創(chuàng)建關(guān)鍵幀，作為起始關(guān)鍵幀，將元件實(shí)例放入舞臺(tái)，并設(shè)置好此實(shí)例的初始屬性，如位置、大小、顏色等。5

知識(shí)鏈接步驟2：選擇同一圖層的另外一幀處，添加結(jié)束關(guān)鍵幀，修改舞臺(tái)上此實(shí)例的屬性。5

知識(shí)鏈接步驟3：在起始和結(jié)束關(guān)鍵幀之間的任意一幀處單擊鼠標(biāo)右鍵，在彈出菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令（或選擇時(shí)間軸控件中的“創(chuàng)建傳統(tǒng)補(bǔ)間”命令），兩個(gè)關(guān)鍵幀之間會(huì)變?yōu)闇\紫色背景并出現(xiàn)一條從動(dòng)畫起始幀指向結(jié)束幀的箭頭，這就表示傳統(tǒng)補(bǔ)間動(dòng)畫已經(jīng)創(chuàng)建成功了。5

知識(shí)鏈接學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用為教學(xué)設(shè)計(jì)流程。教學(xué)互動(dòng)環(huán)節(jié)中主要包括六個(gè)步驟：明確任務(wù)——計(jì)劃籌備——學(xué)生實(shí)施——引導(dǎo)組織——評(píng)估反饋——鞏固實(shí)踐。教學(xué)資源

多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、ppt等任務(wù)3第二幕動(dòng)畫

活動(dòng)1女生進(jìn)場(chǎng)動(dòng)畫活動(dòng)2男生進(jìn)場(chǎng)動(dòng)畫活動(dòng)3文字進(jìn)場(chǎng)動(dòng)畫活動(dòng)4退場(chǎng)動(dòng)畫第5課傳統(tǒng)補(bǔ)間電子日記（2）設(shè)置傳統(tǒng)補(bǔ)間屬性選擇起始和結(jié)束幀之間的任意一幀，在“屬性”面板中可以設(shè)置補(bǔ)間動(dòng)畫的緩動(dòng)、旋轉(zhuǎn)以及支持沿路經(jīng)運(yùn)作等屬性。5

知識(shí)鏈接

默認(rèn)情況下，補(bǔ)間動(dòng)畫補(bǔ)間幀之間的變化速率是不變的，若要產(chǎn)生更逼真的動(dòng)畫效果，可對(duì)傳統(tǒng)補(bǔ)間應(yīng)用緩動(dòng)屬性，緩動(dòng)可以通過逐漸調(diào)整變化速率創(chuàng)建更為自然的加速或減速效果。緩動(dòng)類型：下拉列表中包括“屬性（一起）”和“屬性（單獨(dú)）”兩個(gè)選項(xiàng)，可以為對(duì)象的位置、旋轉(zhuǎn)、縮放、顏色、濾鏡屬性一起設(shè)置或分開單獨(dú)設(shè)置緩動(dòng)。5

知識(shí)鏈接緩動(dòng)效果：?jiǎn)螕裘總€(gè)屬性的“緩動(dòng)效果”按鈕，打開緩動(dòng)預(yù)設(shè)窗口，如圖3.3.58所示，可以從中選擇預(yù)設(shè)好各種緩動(dòng)效果，雙擊應(yīng)用到對(duì)象上。5

知識(shí)鏈接編輯緩動(dòng)：?jiǎn)螕簟熬庉嬀弰?dòng)”按鈕，打開“自定義緩動(dòng)”對(duì)話框，如圖3.3.59所示，可以更精確地控制傳統(tǒng)補(bǔ)間的速度?！白远x緩動(dòng)”對(duì)話框顯示一個(gè)表示運(yùn)動(dòng)程度隨時(shí)間而變化的圖形。水平軸表示幀，垂直軸表示變化的百分比。第一個(gè)關(guān)鍵幀表示為0%，最后一個(gè)關(guān)鍵幀表示為100%。5

知識(shí)鏈接學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用為教學(xué)設(shè)計(jì)流程。教學(xué)互動(dòng)環(huán)節(jié)中主要包括六個(gè)步驟：明確任務(wù)——計(jì)劃籌備——學(xué)生實(shí)施——引導(dǎo)組織——評(píng)估反饋——鞏固實(shí)踐。教學(xué)資源

多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、ppt等任務(wù)4第三幕動(dòng)畫

活動(dòng)1文字進(jìn)場(chǎng)動(dòng)畫活動(dòng)2男女生進(jìn)場(chǎng)動(dòng)畫活動(dòng)3Logo動(dòng)畫第5課傳統(tǒng)補(bǔ)間電子日記（3）傳統(tǒng)補(bǔ)間動(dòng)畫的制作技巧構(gòu)成傳統(tǒng)補(bǔ)間動(dòng)畫的對(duì)象必須是元件實(shí)例，包括影片剪輯、圖形元件、按鈕、文字、位圖和組合等；不能是形狀，只有把形狀“組合”或轉(zhuǎn)換為“元件”后，才可以創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫需要建立起始和結(jié)束兩個(gè)關(guān)鍵幀，而且兩個(gè)關(guān)鍵幀處一般是同一元件的實(shí)例，如果是不同元件的實(shí)例，雖然也能建立補(bǔ)間，但補(bǔ)間效果難以達(dá)到要求。兩個(gè)關(guān)鍵幀處的內(nèi)容都只允許一個(gè)元件實(shí)例，如果有多個(gè)對(duì)象要?jiǎng)?chuàng)建傳統(tǒng)補(bǔ)間，應(yīng)該把它們放在不同的圖層上。在對(duì)濾鏡變化創(chuàng)建傳統(tǒng)補(bǔ)間的時(shí)候，兩個(gè)關(guān)鍵幀的實(shí)例必須使用的是同一種濾鏡。5

知識(shí)鏈接知識(shí)獲取知識(shí)要點(diǎn)理解傳統(tǒng)補(bǔ)間動(dòng)畫的原理熟練掌握創(chuàng)建傳統(tǒng)補(bǔ)間方法掌握使用傳統(tǒng)補(bǔ)間為對(duì)象創(chuàng)建位置、大小、顏色、效果、濾鏡及旋轉(zhuǎn)的動(dòng)畫效果學(xué)會(huì)設(shè)置補(bǔ)間緩動(dòng)效果技能掌握實(shí)訓(xùn)案例技能目標(biāo)

任務(wù)1片頭動(dòng)畫

?片名動(dòng)畫

?背景變色任務(wù)2第一幕動(dòng)畫

?人物進(jìn)場(chǎng)

?文字進(jìn)場(chǎng)

?出場(chǎng)動(dòng)畫任務(wù)3第二幕動(dòng)畫

?人物進(jìn)場(chǎng)

?文字進(jìn)場(chǎng)

?出場(chǎng)動(dòng)畫任務(wù)4第三幕動(dòng)畫

?人物進(jìn)場(chǎng)

?文字進(jìn)場(chǎng)

校園日志6

學(xué)習(xí)檢測(cè)學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、