淺談Flash動(dòng)畫設(shè)計(jì)中遮罩動(dòng)畫實(shí)例的設(shè)計(jì)

摘 要：Flash的圖層中有遮罩圖層類型，通過設(shè)置遮罩層而實(shí)現(xiàn)的遮罩動(dòng)畫是Flash動(dòng)畫設(shè)計(jì)教學(xué)中一種重要的動(dòng)畫類型。在教學(xué)實(shí)踐中精心設(shè)計(jì)波動(dòng)文字、放大鏡效果和卷軸效果等多個(gè)實(shí)例，經(jīng)過檢驗(yàn)?zāi)軌蚝芎玫貙?shí)現(xiàn)教學(xué)目標(biāo)，鍛煉學(xué)生的動(dòng)手能力。文章通過三個(gè)實(shí)例對(duì)相關(guān)內(nèi)容進(jìn)行闡述。

關(guān)鍵詞：Flash動(dòng)畫設(shè)計(jì)；遮罩動(dòng)畫實(shí)例；設(shè)計(jì)

1 波動(dòng)文字實(shí)例

首先讓學(xué)生欣賞波動(dòng)文字效果，如圖1所示。然后提供給學(xué)生幾種道具，讓學(xué)生動(dòng)手實(shí)現(xiàn)，再分析如何在Flash實(shí)現(xiàn)。

圖1 波動(dòng)文字效果

通過分析，讓學(xué)生理解文字是靜止不動(dòng)的，文字設(shè)置成什么顏色沒有影響。彩色文字效果是設(shè)置成遮罩層以后透視出下層彩色而形成的，進(jìn)而下方的彩圖在動(dòng)就形成了波動(dòng)文字效果。提示學(xué)生可以將彩條制作得更加豐富，利用元件來完成是一個(gè)更好的選擇。

在學(xué)生完成作品及賞析作品的過程中，表揚(yáng)學(xué)生的動(dòng)手能力和創(chuàng)新精神，提高學(xué)生成就感。通過改錯(cuò)加深同學(xué)們對(duì)時(shí)間軸、幀的理解，熟練遮罩動(dòng)畫的創(chuàng)建。波動(dòng)文字實(shí)例實(shí)現(xiàn)后，鼓勵(lì)學(xué)生設(shè)計(jì)完成同類作品，鍛煉學(xué)生舉一反三能力和創(chuàng)新能力。

2 放大鏡效果實(shí)例

首先讓學(xué)生欣賞放大鏡效果，如圖2所示，其中選取的圖片是學(xué)院的羽乒館。

圖2 放大鏡效果

圖形不會(huì)變魔術(shù)“放大”，所以必然存在大小兩個(gè)圖形，進(jìn)而分析如何在Flash中實(shí)現(xiàn)。這個(gè)過程在教師的指導(dǎo)下，由學(xué)生進(jìn)行分析。

課堂時(shí)間有限，提前準(zhǔn)備放大鏡素材并提供給學(xué)生，但鼓勵(lì)學(xué)生利用課后時(shí)間繪制放大鏡等素材。提示放大鏡繪制使用橢圓工具、矩形工具，設(shè)置漸變色，透明度即可實(shí)現(xiàn)。這個(gè)實(shí)例由學(xué)生演示完成。賞析作品過程分析作品有什么缺憾，進(jìn)而解決達(dá)到鍛煉學(xué)生分析能力和理解能力的目的。

3 卷軸實(shí)例

卷軸實(shí)例的效果如圖3所示，其中選取的圖片是學(xué)院的連心橋美景。

在分析過程中讓學(xué)生各抒己見，同學(xué)們一般會(huì)想到用補(bǔ)間形狀動(dòng)畫來實(shí)現(xiàn)。老師提出背景顏色改變無法適應(yīng)，讓學(xué)生用遮罩動(dòng)畫實(shí)現(xiàn)。引導(dǎo)學(xué)生思考是通過遮罩層圖形的補(bǔ)間動(dòng)畫實(shí)現(xiàn)的。

4 結(jié)束語

通過波動(dòng)文字、放大鏡效果和卷軸效果等3個(gè)案例能夠有效實(shí)現(xiàn)以下教學(xué)目標(biāo)。理解遮罩的定義和效果，熟練創(chuàng)建遮罩動(dòng)畫的步驟，理解和掌握創(chuàng)建波動(dòng)文字、放大鏡效果和卷軸效果等經(jīng)典遮罩類動(dòng)畫的步驟等。圖層關(guān)系分析過程鍛煉學(xué)生的分析能力、理解能力，實(shí)踐環(huán)節(jié)鍛煉學(xué)生的動(dòng)手能力。欣賞各類遮罩類經(jīng)典動(dòng)畫，鼓勵(lì)學(xué)生課后實(shí)踐，鍛煉學(xué)生的創(chuàng)新能力、學(xué)習(xí)能力。通過學(xué)生完成作品及賞析作品的過程來提高學(xué)生的成就感，增進(jìn)師生及學(xué)生之間的彼此了解。

參考文獻(xiàn)

[1]姜明霞.“Flash中的遮罩動(dòng)畫”一節(jié)的教學(xué)設(shè)計(jì)[J].網(wǎng)絡(luò)科技時(shí)代：信息技術(shù)教育，2001（10）.

[2]尹輝，周天亮.漫談Flash中的遮罩動(dòng)畫[J].中國科技信息，2009（9）.

[3]白英德，杜穎瑋.《Flash遮罩動(dòng)畫》教學(xué)設(shè)計(jì)[J].中國信息技術(shù)教育，2010（5）.