第3節(jié)我來當(dāng)大師——形狀補(bǔ)間
形狀補(bǔ)間動畫是Flash中非常重要的表現(xiàn)手法之一，運(yùn)用它，你可以變幻出各種奇妙的、不可思議的變形效果。
本課從形狀補(bǔ)間動畫基本概念入手，帶你認(rèn)識形狀補(bǔ)間動畫在時間幀上的表現(xiàn)，了解補(bǔ)間動畫的創(chuàng)建方法，學(xué)會應(yīng)用“形狀提示”讓圖形的形變自然流暢。 學(xué)習(xí)目的：
創(chuàng)建形狀補(bǔ)間動畫
將文字轉(zhuǎn)變?yōu)樾螤?/p>
添加形狀提示
1．形狀補(bǔ)間動畫的概念
?。?/span>1）形狀補(bǔ)間動畫的概念
在一個關(guān)鍵幀中繪制一個形狀，然后在另一個關(guān)鍵幀中更改該形狀或繪制另一個形狀，Flash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫被稱為“形狀補(bǔ)間動畫”。
?。?/span>2）構(gòu)成形狀補(bǔ)間動畫的元素
形狀補(bǔ)間動畫可以實現(xiàn)兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補(bǔ)間動畫二者之間，使用的元素多為用鼠標(biāo)或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”才能創(chuàng)建變形動畫。
?。?/span>3）形狀補(bǔ)間動畫在時間幀面板上的表現(xiàn)
形狀補(bǔ)間動畫建好后，時間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個長長的箭頭，
（4）創(chuàng)建形狀補(bǔ)間動畫的方法
在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖3-3-1所示，一個形狀補(bǔ)間動畫就創(chuàng)建完畢。
2．認(rèn)識形狀補(bǔ)間動畫的屬性面板
Flash的【屬性】面板隨鼠標(biāo)選定的對象不同而發(fā)生相應(yīng)的變化。當(dāng)我們建立了一個形狀補(bǔ)間動畫后，單擊幀，【屬性】面板
形狀補(bǔ)間動畫的【屬性】面板上只有二個參數(shù)： ?。?/span>1）“簡易”選項
單擊其右邊的按鈕，會彈出滑動桿，拖動上面的滑塊可以調(diào)節(jié)參數(shù)值，當(dāng)然也可以在文本框中直接輸入具體的數(shù)值，設(shè)置后，形狀補(bǔ)間動畫會隨之發(fā)生相應(yīng)的變化。
u 在1到 -100 的負(fù)值之間，動畫運(yùn)動的速度從慢到快，朝運(yùn)動結(jié)束的方向加速度補(bǔ)間。
u 在1 到 100 的正值之間，動畫運(yùn)動的速度從快到慢，朝運(yùn)動結(jié)束的方向減慢補(bǔ)間。
u 默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。 ?。?/span>2）“混合”選項
“混合”選項中有二項供選擇：
u 【角形】選項：創(chuàng)建的動畫中間形狀會保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。
u 【分布式】選項：創(chuàng)建的動畫中間形狀比較平滑和不規(guī)則。
3．使用形狀提示
形狀補(bǔ)間動畫看似簡單，實則不然，Flash在“計算”2個關(guān)鍵幀中圖形的差異時，遠(yuǎn)不如我們想象中的“聰明”，尤其前后圖形差異較大時，變形結(jié)果會顯得亂七八糟，這時，“形狀提示”功能會大大改善這一情況。
?。?/span>1） 形狀提示的作用
在“起始形狀”和“結(jié)束形狀”中添加相對應(yīng)的“參考點”，使Flash在計算變形過渡時依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。
?。?/span>2）添加形狀提示的方法
先在形狀補(bǔ)間動畫的開始幀上單擊一下，再執(zhí)行【修改】|【形狀】|【添加形狀提示】命令，該幀的形狀上就會增加一個帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀形狀中也會出現(xiàn)一個“提示圓圈”，用鼠標(biāo)左鍵單擊并分別按住這2個“提示圓圈”，放置在適當(dāng)位置，安放成功后開始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“提示圓圈”變?yōu)榫G色，安放不成功或不在一條曲線上時，“提示圓圈”顏色不變，如圖3-3-3所示。
說明：在制作復(fù)雜的變形動畫時，形狀提示的添加和拖放要多方位嘗試，每添加一個形狀提示，最好播放一下變形效果，然后再對變形提示的位置做進(jìn)一步的調(diào)整?！。?/span>3）添加形狀提示的技巧
u “形狀提示”可以連續(xù)添加，最多能添加26個。
u 將變形提示從形狀的左上角開始按逆時針順序擺放，將使變形提示工作得更有效。
u 形狀提示的擺放位置也要符合邏輯順序。例如，起點關(guān)鍵幀和終點關(guān)鍵幀上各有一個三角形，我們使用3個“形狀提示”，如果它們在起點關(guān)鍵幀的三角形上的順序為abc，那么在重點關(guān)鍵幀的三角形上的順序就不能是acb，也要是abc。
u 形狀提示要在形狀的邊緣才能起作用，在調(diào)整形狀提示位置前，要打開工具欄上【選項】下面的【吸咐開關(guān)】，這樣，會自動把“形狀提示”吸咐到邊緣上，如果你發(fā)覺“形狀提示”仍然無效，則可以用工具欄上的【縮放工具】單擊形狀，放大到足夠大，以確?！靶螤钐崾尽蔽挥趫D形邊緣上。
另外，要刪除所有的形狀提示，可執(zhí)行【修改】|【形狀】|【刪除所有提示】命令。刪除單個形狀提示，可用鼠標(biāo)右鍵單擊它，在彈出菜單中選擇【刪除提示】。
實例——運(yùn)動的球 制作步驟
步驟1 創(chuàng)建新文檔
執(zhí)行【文件】|【新建】命令，在彈出的對話框中選擇【常規(guī)】|【Flash文檔】選項后，單擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設(shè)置文件大小為400×330像素，【背景色】為白色，
步驟2 創(chuàng)建背景圖層
【屬性】面板中選擇畫布的顏色 例如，將背景色換成黃色！
步驟3 創(chuàng)建球形狀
我們先來畫球，執(zhí)行【窗口】|【設(shè)計面板】|【混色器】命令，打開【混色器】面板，設(shè)置各項參數(shù)，漸變的顏色為白色到紅色，
新建一個圖層，并將其重新命名為“球一”。選擇工具箱中的【橢圓工具】，設(shè)置【筆觸顏色】為無，在場景中繪制出一個圓
步驟4 插入關(guān)鍵幀
在40幀 處插入一個關(guān)鍵幀，動畫兩頭關(guān)鍵幀 是打散的形狀。
步驟5 形成動畫
放在1 ~ 40 幀 任意一幀，在【屬性面板】中選擇 補(bǔ)間 【形狀】形成動畫。
敲一下回車，能看到效果?。〉?/span>4節(jié)我來當(dāng)大師——動作補(bǔ)間
動作補(bǔ)間動畫
動作補(bǔ)間動畫也是Flash中非常重要的表現(xiàn)手段之一，與“形狀補(bǔ)間動畫”不同的是，動作補(bǔ)間動畫的對象必需是“元件”或“成組對象”。
運(yùn)用動作補(bǔ)間動畫，您可以設(shè)置元件的大小、位置、顏色、透明度、旋轉(zhuǎn)等種種屬性，配合別的手法，您甚至能做出令人稱奇的仿3D的效果來。本實例詳細(xì)講解了動作補(bǔ)間動畫的特點及創(chuàng)建方法，并分析了動作補(bǔ)間動畫和形狀補(bǔ)間動畫的區(qū)別，我們精心設(shè)計的一個實例將帶您進(jìn)一步加深對動作補(bǔ)間動畫的了解。
1．動作補(bǔ)間動畫的概念
（1）動作補(bǔ)間動畫的概念
在Flash的時間幀面板上，在一個時間點（關(guān)鍵幀）放置一個元件，然后在另一個時間點（關(guān)鍵幀）改變這個元件的大小、顏色、位置、透明度等等，Flash 根據(jù)二者之間的幀的值創(chuàng)建的動畫被稱為動作變形動畫。
（2）構(gòu)成動作補(bǔ)間動畫的元素
構(gòu)成動作補(bǔ)間動畫的元素是元件，包括影片剪輯、圖形元件、按鈕等等，除了元件,其他元素包括文本都不能創(chuàng)建補(bǔ)間動畫的,其他的位圖、文本等等都必須要轉(zhuǎn)換成元件才行，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動作補(bǔ)間動畫”。
（3）動作補(bǔ)間動畫在時間幀面板上的表現(xiàn)
動作補(bǔ)間動畫建立后，時間幀面板的背景色變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個長長的箭頭，如圖3-4-1所示。
圖3-4-1 動作補(bǔ)間動畫在時間幀上的表現(xiàn)
4）創(chuàng)建動作補(bǔ)間動畫的方法
在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置一個元件，一幀中只能放一個項目，在動畫要結(jié)束的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置該元件的屬性，再單擊開始幀，在【屬性面板】上單擊【補(bǔ)間】旁邊的“小三角”，在彈出的菜單中選擇【動作】，或單擊右鍵，在彈出的菜單中選擇【新建補(bǔ)間動畫】，就建立了“動作補(bǔ)間動畫”。
2．認(rèn)識動作補(bǔ)間動畫的屬性面板
在時間線“動作補(bǔ)間動畫”的起始幀上單擊，幀屬性面板會變成如圖3-4-2所示。
圖3-4-2動作補(bǔ)間動畫屬性面板
“旋轉(zhuǎn)”選項
有四個選擇，選擇“無”（默認(rèn)設(shè)置）禁止元件旋轉(zhuǎn)；選擇“自動”可以使元件在需要最小動作的方向上旋轉(zhuǎn)對象一次；選擇“順時針”(CW) 或“逆時針”(CCW) ，并在后面輸入數(shù)字，可使元件在運(yùn)動時順時針或逆時針旋轉(zhuǎn)相應(yīng)的圈數(shù)。第5節(jié)我來當(dāng)大師——引導(dǎo)線動畫
引導(dǎo)線動畫
【設(shè)計思想】
根據(jù)信息技術(shù)課程的教學(xué)目標(biāo)、任務(wù)和學(xué)科特點，以初中信息技術(shù)新課標(biāo)為指導(dǎo)，以建構(gòu)主義理論為基礎(chǔ)進(jìn)行教學(xué)設(shè)計，力求充分發(fā)揮教學(xué)過程中學(xué)生的主體作用和教師的主導(dǎo)作用。采用以“自主學(xué)習(xí)、探究學(xué)習(xí)”為中心的教學(xué)設(shè)計，培養(yǎng)學(xué)生自主學(xué)習(xí)和探究學(xué)習(xí)的能力，提高學(xué)生信息獲取、信息加工處理和信息應(yīng)用的能力。
【教材分析】
本節(jié)課是山東省初中信息技術(shù)（泰山版）第二冊第三單元第五節(jié)的教學(xué)內(nèi)容，教材是以活動的形式將知識點引入，很好的應(yīng)用引導(dǎo)線能夠使制作出來的動畫增色許多，因此引導(dǎo)線的應(yīng)用在本單元中是一個重點內(nèi)容。
【學(xué)情分析】
學(xué)生通過前面的學(xué)習(xí)已經(jīng)熟悉Flash MX的界面，大部分學(xué)生會創(chuàng)建補(bǔ)間動畫使一元件沿著直線運(yùn)動，能夠從外部導(dǎo)入文件到庫。
【教學(xué)目標(biāo)】
知識目標(biāo)
1、掌握引導(dǎo)層的添加和引導(dǎo)線的設(shè)置和應(yīng)用；
2、掌握引導(dǎo)線在動畫制作中的作用。
3、學(xué)會圖層屬性的設(shè)置，圖層順序的調(diào)整
能力目標(biāo)
1、培養(yǎng)學(xué)生自主學(xué)習(xí)和探究學(xué)習(xí)的能力；
2、提高學(xué)生的實踐操作能力、文字理解能力和創(chuàng)新能力。
情感目標(biāo)
1、培養(yǎng)學(xué)生熱愛生活，熱愛大自然的情懷，學(xué)會欣賞美，鑒賞美，創(chuàng)造美；
2、體驗成功后的喜悅；
3、提高學(xué)生Flash的學(xué)習(xí)興趣和熱情。
【教學(xué)重點、難點】
重點：引導(dǎo)層的添加，引導(dǎo)線的應(yīng)用
難點1、圖層之間的順序
2、引導(dǎo)應(yīng)繪制在引導(dǎo)層中
3、對齊對象的使用，如何使元件自動吸附到引導(dǎo)線上
【學(xué)習(xí)環(huán)境設(shè)計】
1、清華同方多媒體廣播系統(tǒng)；任務(wù)驅(qū)動、任務(wù)分層激發(fā)學(xué)生學(xué)習(xí)興趣
2、基本任務(wù)提供具體操作步驟，能力稍差得還可以看操作的錄像，這樣盡量多得提供給學(xué)生各種學(xué)習(xí)途徑，從而完成基本任務(wù)，體驗成功的快樂；
3、提高任務(wù)和探究任務(wù)的友情提醒，留給學(xué)生很大的空間去自主探索，完成任務(wù)，進(jìn)一步體驗成就感；
4、自我評價讓學(xué)生在沒有壓力的情況下清醒的認(rèn)識自我；
5、老師寄語讓學(xué)生倍感溫馨，不至于有太大的挫敗感，失去學(xué)習(xí)的動力。
【教學(xué)過程】
一、復(fù)習(xí)導(dǎo)入；（快速通覽學(xué)案，了解本節(jié)課的學(xué)習(xí)目標(biāo)和環(huán)節(jié)練習(xí)設(shè)置）
請大家利用5分鐘的時間，通覽學(xué)案，了解本節(jié)課的學(xué)習(xí)目標(biāo)和環(huán)節(jié)設(shè)置，完成環(huán)節(jié)一中的練習(xí)：蝴蝶從場景的左邊飛向右邊的動畫。（“動作補(bǔ)間”動畫的復(fù)習(xí)）
教師巡視檢查指導(dǎo)，五分鐘后展出本動畫實例的效果（教學(xué)課件）。
二、新授教學(xué)過程；（學(xué)案環(huán)節(jié)二、三、四）
學(xué)案環(huán)節(jié)二：〈 呈現(xiàn)新知 〉
課件展出本節(jié)課要達(dá)到的動畫效果（蝴蝶沿設(shè)計好的路線飛舞，衛(wèi)星環(huán)繞地球），
這就是我們本節(jié)課的研究課題：引導(dǎo)線動畫的制作（Flash動畫制作中最經(jīng)典的例子）；
首先我們來了解引導(dǎo)線動畫的原理：引導(dǎo)線動畫的基礎(chǔ)是“動作補(bǔ)間”動畫，它可以讓元件沿著指定的路線運(yùn)動，這里說的路線就是“引導(dǎo)線”，引導(dǎo)線繪制在“引導(dǎo)層”中。擺在我們面前的兩個新詞，就是本環(huán)節(jié)的關(guān)鍵詞：引導(dǎo)層，引導(dǎo)線。
下面讓我們打開“蝴蝶飛舞引導(dǎo)線動畫”的源文件來認(rèn)識它們；
觀察引導(dǎo)線動畫與動作補(bǔ)間動畫的區(qū)別，認(rèn)識引導(dǎo)層的圖標(biāo)；隱藏背景層可以清楚地看到引導(dǎo)層中只有一條線，那就是引導(dǎo)線；反方向講解還原到運(yùn)動補(bǔ)間動畫；
提出首要問題：1、確定被引導(dǎo)層后，如何添加引導(dǎo)層？
2、在引導(dǎo)層中如何繪制引導(dǎo)線？
檢查同學(xué)們的預(yù)習(xí)情況：可以找兩個同學(xué)上教師機(jī)演示，總結(jié)添加引導(dǎo)層的方法和繪制引導(dǎo)線的方法和注意問題。
添加引導(dǎo)線的方法：“插入”菜單法，右單擊快捷菜單法，工具欄按鈕法；
引導(dǎo)線的繪制：鉛筆工具，鋼筆工具，橢圓工具和矩形工具，注意要平滑，有起點和終點，起點和終點間不能斷開；
演示動畫，沒有出現(xiàn)效果，為什么？提出疑問！！
引導(dǎo)線動畫的要素：引導(dǎo)層，引導(dǎo)線，元件必須吸附到引導(dǎo)線的起點和終點。
學(xué)案環(huán)節(jié)三〈 小試牛刀 〉
再測試影片看效果，布置同學(xué)練習(xí)，5人小組碰到問題可以討論解決。
7至8分鐘后，大多同學(xué)已經(jīng)完成練習(xí)，總結(jié)部分沒有完成練習(xí)的錯誤點，設(shè)計“火眼金睛”環(huán)節(jié)，幫著找錯，修改。
1、元件必須吸附到引導(dǎo)線的起點和終點；
2、引導(dǎo)線起點和終點間不能斷開；
3、引導(dǎo)線必須繪制在引導(dǎo)層上；
沒有完成蝴蝶飛舞引導(dǎo)線動畫的同學(xué)繼續(xù)把它完成，做好的同學(xué)可以進(jìn)入環(huán)節(jié)四，特殊引導(dǎo)線動畫的制作。
學(xué)案環(huán)節(jié)四〈 挑戰(zhàn)自我，積極進(jìn)取 〉特殊引導(dǎo)線動畫的制作；
欣賞動畫實例，分析特殊在什么地方，討論解決方法。
特殊在：引導(dǎo)線上，用橢圓工具畫圓，不要填充顏色，封閉的圓不符合引導(dǎo)線的要求，可以用橡皮擦開一個缺口，同樣衛(wèi)星元件必須吸附到引導(dǎo)線的起點和終點。
可以找個同學(xué)來嘗試；
給10分鐘時間練習(xí)。
可以給基礎(chǔ)好的一個思考題：小球從桌上滾下的引導(dǎo)線動畫？
展出個別同學(xué)的作品。（展示激學(xué)）
課堂總結(jié)：用5個判斷題來總結(jié)本節(jié)課的知識要點；
1、 引導(dǎo)層的作用就是使運(yùn)動元件沿著繪制好的路徑（引導(dǎo)線）運(yùn)動。 （ ）
2、 引導(dǎo)線可以是封閉的，起點和終點之間的線條可以是不連續(xù)的。 （ ）
3、 引導(dǎo)層中繪制引導(dǎo)線，而在被引導(dǎo)層中設(shè)置補(bǔ)間動畫。 （ ）
4、 不將對象吸附到引導(dǎo)線上，對象就能沿引導(dǎo)線運(yùn)動。 （ ）
5、 在最終生成動畫時，引導(dǎo)線是可以看見的。 （ ）
課后思考作業(yè)：多個運(yùn)動元件自由運(yùn)動的引導(dǎo)線動畫該怎么做哪？
同學(xué)可以討論：（提示：一個引導(dǎo)層可以引導(dǎo)多個被引導(dǎo)層，可以繪制多條引導(dǎo)線；也可以一個引導(dǎo)層結(jié)合一個被引導(dǎo)層；）
形狀補(bǔ)間動畫和動作補(bǔ)間動畫的異同
形狀補(bǔ)間動畫和動作補(bǔ)間動畫都屬于補(bǔ)間動畫。前后都各有一個起始幀和結(jié)束幀，二者之間的區(qū)別如下表所示。
區(qū)別之處 動作補(bǔ)間動畫 形狀補(bǔ)間動畫
在時間軸上的表現(xiàn) 淡紫色背景加長箭頭 淡綠色背景加長箭頭
組成元素 影片剪輯、圖形元件、按鈕 形狀，如果使用圖形元件、按鈕、文字，則必先打散再變形。
完成的作用 實現(xiàn)一個元件的大小、位置、顏色、透明等的變化。 實現(xiàn)二個形狀之間的變化，或一個形狀的大小、位置、顏色等的變化。
區(qū)別之處
