計(jì)算機(jī)應(yīng)用技術(shù)第5講形狀漸變動(dòng)畫

Flash8主講：王雪第五章

形狀漸變動(dòng)畫教學(xué)目標(biāo)：

通過本節(jié)課的學(xué)習(xí)必須要掌握動(dòng)畫劃分的類型，同時(shí)要理解形變動(dòng)畫產(chǎn)生的基本原理以及產(chǎn)生的條件，在設(shè)置形變動(dòng)畫的時(shí)候要注意的問題。重點(diǎn)和難點(diǎn)：

1、動(dòng)畫的基本類型（重點(diǎn)）

2、形變動(dòng)畫的產(chǎn)生的基本原理（重點(diǎn)）

3、形變動(dòng)畫產(chǎn)生條件以及注意問（重點(diǎn)難點(diǎn)）關(guān)鍵幀法：

是采用了一種獨(dú)特的過渡變形技術(shù)，對(duì)某一段動(dòng)畫只需做出幀序列中的首、尾關(guān)鍵幀，然后進(jìn)行一下過渡方式的設(shè)置，中間的過渡幀就按設(shè)置由Flash自動(dòng)生成。形狀漸變是指動(dòng)畫元素的外形發(fā)生較大的變化，包括形狀本身、顏色、大小、位置、翻轉(zhuǎn)、偏移及它們的組合既是：通過改變動(dòng)畫的矢量對(duì)象的屬性而產(chǎn)生動(dòng)畫。

1、動(dòng)畫的基本類型

形狀漸變動(dòng)畫:指外形上發(fā)生的變化.

包括:

形狀本身、顏色、大小、位置、遠(yuǎn)近、旋轉(zhuǎn)等等.

注：若是元件或是整體的物體，必須用<修改>/<分離>或直接選中按Ctrl+B；或直接用手工繪圖?。?！形變動(dòng)畫產(chǎn)生的條件：

1、至少有2個(gè)關(guān)鍵幀；

2、在這2個(gè)關(guān)鍵幀中必須包含必要的形變對(duì)象；

3、在屬性面板中設(shè)定形狀漸變方式。這樣一個(gè)形變動(dòng)畫即可生?。。⌒螤钛a(bǔ)間動(dòng)畫在時(shí)間幀面板上的表現(xiàn)

形狀補(bǔ)間動(dòng)畫建好后，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭，如圖1所示。形狀補(bǔ)間動(dòng)畫的【屬性】面板上只有二個(gè)參數(shù)

（1）“簡(jiǎn)易”選項(xiàng)

單擊其右邊的按鈕，會(huì)彈出滑動(dòng)桿，拖動(dòng)上面的滑塊可以調(diào)節(jié)參數(shù)值，當(dāng)然也可以在文本框中直接輸入具體的數(shù)值，設(shè)置后，形狀補(bǔ)間動(dòng)畫會(huì)隨之發(fā)生相應(yīng)的變化。

在1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間。

在1到100的正值之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。

默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。（2）“混合”選項(xiàng)

“混合”選項(xiàng)中有二項(xiàng)供選擇：

【角形】選項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。

【分布式】選項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則線條的處理

1線條轉(zhuǎn)化為填充

2擴(kuò)展填充（修改—形狀—擴(kuò)散填充）擴(kuò)展范圍向外擴(kuò)張向內(nèi)擴(kuò)張柔化填充邊緣

距離:柔邊的作用范圍（1-144）.

步數(shù):漸層的階層數(shù)（1-50）.

方向：擴(kuò)散或者插入形狀漸變動(dòng)畫的類型：1）、不可控的動(dòng)畫也叫簡(jiǎn)單變形；2）、可控的動(dòng)畫即要添加控制點(diǎn)來實(shí)現(xiàn)，此動(dòng)畫又叫控制變形動(dòng)畫。

<修改>/<形狀>/<添加形狀提示>

快捷鍵：Ctrl+Shift+H；使用形狀提示

形狀補(bǔ)間動(dòng)畫看似簡(jiǎn)單，實(shí)則不然，F(xiàn)lash在“計(jì)算”2個(gè)關(guān)鍵幀中圖形的差異時(shí)，遠(yuǎn)不如我們想象中的“聰明”，尤其前后圖形差異較大時(shí)，變形結(jié)果會(huì)顯得亂七八糟，這時(shí)，“形狀提示”功能會(huì)大大改善這一情況（1）

形狀提示的作用

在“起始形狀”和“結(jié)束形狀”中添加相對(duì)應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過渡時(shí)依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。

（2）添加形狀提示的方法

先在形狀補(bǔ)間動(dòng)畫的開始幀上單擊一下，再執(zhí)行【修改】|【形狀】|【添加形狀提示】命令，該幀的形狀上就會(huì)增加一個(gè)帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀形狀中也會(huì)出現(xiàn)一個(gè)“提示圓圈”，用鼠標(biāo)左鍵單擊并分別按住這2個(gè)“提示圓圈”，放置在適當(dāng)位置，安放成功后開始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“提示圓圈”變?yōu)榫G色，安放不成功或不在一條曲線上時(shí)，“提示圓圈”顏色不變，說明：在制作復(fù)雜的變形動(dòng)畫時(shí)，形狀提示的添加和拖放要多方位嘗試，每添加一個(gè)形狀提示，最好播放一下變形效果，然后再對(duì)變形提示的位置做進(jìn)一步的調(diào)整。（3）添加形狀提示的技巧

A)“形狀提示”可以連續(xù)添加，最多能添加26個(gè)。

B)

將變形提示從形狀的左上角開始按逆時(shí)針順序擺放，將使變形提示工作得更有效。

C)

形狀提示的擺放位置也要符合邏輯順序。例如，起點(diǎn)關(guān)鍵幀和終點(diǎn)關(guān)鍵幀上各有一個(gè)三角形，我們使用3個(gè)“形狀提示”，如果它們?cè)谄瘘c(diǎn)關(guān)鍵幀的三角形上的順序?yàn)閍bc，那么在終點(diǎn)關(guān)鍵幀的三角形上的順序就不能是acb，也要是abc。D)

形狀提示要在形狀的邊緣才能起作用，在調(diào)整形狀提示位置前，要打開工具欄上【選項(xiàng)】下面的【吸咐開關(guān)】，這樣，會(huì)自動(dòng)把“形狀提示”吸咐到邊緣上，如果你發(fā)覺“形狀提示”仍然無效，則可以用工具欄上的【縮放工具】單擊形狀，放大到足夠大，以確?！靶螤钐崾尽蔽挥趫D形邊緣上。

另外，要?jiǎng)h除所有的形狀提示，可執(zhí)行【修改】|【形狀】|【刪除所有提示】命令。刪除單個(gè)形狀提示，可用鼠標(biāo)右鍵單擊它，在彈出菜單中選擇【