多媒體技術(shù)與應用-FLASH模塊

多媒體技術(shù)與應用

_一一一flash模塊

信息技術(shù)學院影視多媒體教研室

關于flash

?1996年Macromedia公司推出

?2000年年ash5.0加入Actionscript,功能強大

?2005年Adobe收購Macromedia公司，手機應用加

強

?特點：大眾化，目前FLASH的制作大多由個人完

成，很多制作者并不具備“動畫的靈魂一原畫”

的能力和經(jīng)驗，仍然可以創(chuàng)作出優(yōu)秀的作品，

而且制作周期短。

?知名閃客：小小、拾荒者、比目魚、阿桂等。

信息技術(shù)學院影視多媒體教研室

Flash應用領域

?商業(yè)用途

網(wǎng)站動畫、片頭動畫、flash廣告、flash

網(wǎng)站、多媒體光盤、教學課件、手機彩信、

手機游戲、flash動漫和MTV

?個人創(chuàng)作

flash賀卡、憑興趣制作的短篇故事等

信息技術(shù)學院影視多媒體教研室

Flash動畫的基本常識

?位圖圖像和矢量圖形

?動畫和幀

-關鍵幀動畫

-補間動畫

信息技術(shù)學院影視多媒體教研室

關鍵幀動畫

?逐幀動畫又稱為“幀幀動畫”，它是一種簡單而

常見的動畫形式，其原理是通過“連續(xù)的關鍵幀”

分解動畫動作，也就是說連續(xù)播放含有不同內(nèi)容

的幀來形成動畫。同傳統(tǒng)的動畫制作方法類似，

在制作的過程中需要動手制作每個關鍵幀的內(nèi)容,

工作量極大，主要用于制作比較復雜的動畫效果,

如面部表情動畫、走路和跑步動畫拿。

案例^一：關鍵幀動畫-圣誕老人

?步驟1:新建文檔，在文檔屬性面板中的改

變大小為200x200像素,如圖

文檔屬性

設為默U值（助］［確定II取消I

信息技術(shù)學院影視多媒體教研室

步驟2：文件/導入/導入到庫，將關鍵幀動畫

所需要的5幅圖像導入到庫面板中，如圖

liOll編輯0)視圖W)插入(X)修i

新建QPCtrl+M

打開-CtrlW

瀏覽Ctrl+Alt+O

從站點打開QL)..

打開最近的文件B)>

關閉?Ctrl+W

全部關閉Ctrl*All+W

保存G)Ctrl+S

保存弁壓縮也)

另存為Q)Ctrl+Shift+S

另存為模板(I)

存回

全部保存

導入Q)J導入到8臺CL)Ctrl+R

導出(X)導入到岸Q)|

打井燈部庫g.Ctrl+Shift+O

發(fā)布設置(S)Ctrl*Shi￡t+F12

導人視頻

發(fā)孫子艮筑(B)?

發(fā)布(B)Shift+F12

頁面姿置(U)

打印U).…Ctrl*?

發(fā)送6)

編緝站點

退出(X)Ctrl+Q

信息技術(shù)學院影視多媒體教研室

■步驟3:在第一幀從庫面板中拖入元件“圣

誕老人1”。皿

.步驟4:在第二幀處點擊右㈣制J:"

白關鍵幀，。并將庫面板％的?件上

老人2”拖到舞臺上。

幟

潘除幀

選擇所有幀

發(fā)翎動畫

將動⑥復制為ActionScript3.0

陰I慟畫

特殊粘貼動畫

?步驟5：同理，生成另夕卜3個關鍵幀，每個

關鍵幀放置一幅圖片。

?步驟6：Ctrl+enter發(fā)布動畫，可以看到

圣誕老人活動的效果了。

信息技術(shù)學院影視多媒體教研室

形狀補間動畫

?形狀補間是一種在制作對象形狀變化時經(jīng)

常被使用到的動畫形式

?制作原理是通過在兩個具有不同形狀的關

鍵幀之間指定形狀補間，以表現(xiàn)中間變化

過程的方法形成動畫。

?形狀補間可以實現(xiàn)兩個圖形之間顏色、形

狀、大小、位置的相互變化。如果使用圖

形元件、按鈕、文字，對象要打散。

信息技術(shù)學院影視多媒體教研室

案例二：形狀補間動畫

——哭臉變笑臉

信息技術(shù)學院影視多媒體教研室

實例哭臉變笑臉

分析：要分為幾部分？

五層臉、眼睛、嘴、鼻子

為什么？

要分別進行動畫制作，因此要單獨一層

幾個注意的地方：

變形部分打散狀態(tài)（ctrl+b分離）；F5普通幀，F(xiàn)6

關鍵幀，形狀補間動畫FLASH自動生成。

信息技術(shù)學院影視多媒體教研室

步驟

1.新建文檔，將圖層1改名為“臉”

2.在臉層的第1幀處使用橢圓工具繪制圓形，

填充黃色。在40幀處按下F6,生成關鍵幀,

使用選擇工具，當鼠標變成如圖所示形狀

時，拖動將圓形拉長，并使用顏料桶工具

改變顏色為深紅色。

信息技術(shù)學院影視多媒體教研室

3.產(chǎn)鼠標選中任意一幀，改變屬性菜單中的

補間選項為“形狀”，在時間線上生成淡

綠色箭頭說明形狀補間動畫正確生成。

4.同理，生成眼睛層、嘴巴層、鼻子層

5.按Ctrl+enter鍵發(fā)布動畫。

思考：案例一形狀變化

信息技術(shù)學院影視多媒體教研室

動作補間動畫

?制作動作補間動畫的對象必須是元件的實例或者

成組對象，包括影片剪輯元件、圖形元件、按鈕

元件、文字、位圖、組合等，但不能是形狀，只

有把形狀“組合”或者轉(zhuǎn)換成“元件”才可以做

“動作補間動畫”。成功后，時間軸上出現(xiàn)長長

的淡紫色箭頭。

?制作時要滿足以下條件：

1.在一個動畫補間動作中至少要有兩個關鍵幀。

2.兩個關鍵幀中的對象必須是同一個對象。

3.兩個關鍵幀中的對象必須要有一些變化。

信息技術(shù)學院影視多媒體教研室

?制作方法：

在一個關鍵幀上放置一個實例、組或者

文字，然后在另一個關鍵幀改變其大小、

顏色、位置、透明度等，flash根據(jù)二者之

間的幀的值創(chuàng)建動畫。

?動作補間可以制作對象的位移、變形、旋

轉(zhuǎn)、透明度以及色彩變化的動畫效果。

信息技術(shù)學院影視多媒體教研室

案例三：動作補間動畫-風車

步驟：

1.新建文檔，插入/新建元件，新建圖形元件

2.按shift鍵使用橢圓繪制正圓,

利用線條來對圓形進行分割，

如圖

信息技術(shù)學院影視多媒體教行生

3.將分割好的扇面進行填色后，如圖，至此風車元

件完成

4.回到主場景編輯狀態(tài)，在圖層1的第一個關鍵幀處

拖進風車元件，在40幀插入關鍵幀，可以改變風

車大小、位置。

信息技術(shù)學院影視多媒體教研室

5.選中任意一幀，右鍵生成補間動畫，在屬

性面板中選擇順時針旋轉(zhuǎn)或者逆時針旋轉(zhuǎn)O

風車動畫完成。如圖

6.可建新層，同理生成多個風車的動畫。

7.按Ctrl+enter鍵發(fā)布動畫。

；雇性Q礪j國____________________

—jj—幀補恃［動畫▼回縮放聲彳

I嫩標簽＞^動:|0@［編輯…］效3

標簽類型：旋轉(zhuǎn)：［順時針v［1~1次同。

□調(diào)整到路徑回同步回貼緊

信息技術(shù)學院影視多媒體教研室

案例四：動作補間動畫-加速的汽車

步驟：

1.打開“加速的汽車（素材）.fla”文件

2.在庫中右鍵點擊汽車元件，將該元件轉(zhuǎn)換

為影片剪輯元件。

3.從庫中將影片剪輯元件汽車拖入到舞臺右

側(cè)。

4.在30幀插入關鍵幀，并使用任意變形工具

縮小汽車

信息技術(shù)學院影視多媒體教研室

5.在濾鏡面板對汽車施加模糊濾鏡。如圖。

模糊

模糊匕丁”

品質(zhì)：低V

6.創(chuàng)建補間動畫，并將緩動設為-100（加速

效果）。

7.按Ctrl+enter鍵發(fā)布動畫。

注意：濾鏡只能用于文本、影片剪輯和按鈕。

信息技術(shù)學院影視多媒體教研室

案例五：開放路徑曲線運動

一彈跳的小球

步驟：

1.將圖層1改名為“小球”，在第一幀繪制小

球。

2.在30幀處建關鍵幀，改變小球的位置到整

個運動的終點。創(chuàng)建補間動畫。

3.添加運動引導層，在引導層使用線工具繪

制彈跳的小球的運動軌跡

4.謖鰲:睡■姆朝「腕晚＜心定要在起點和終

點位置，使小球吸附在引導線上，否則不會按引導線

一注軸!_______________________________--

信息技術(shù)學院影視多媒體教研室

引申：小球沿圓環(huán)運動

?分析：同樣應用引導線，關鍵是圓環(huán)的引導線是

非閉合曲線，小球才能運動。

主要步驟：

?①先建一層，畫一個圓（無填充）

②添加一層引導層，把圓復制，然后把引導層中

的圓用橡皮等工具打開缺口，使圓環(huán)成為一個非

閉合曲線（物體的運動是遵循就近原則，如果不斷

開，只會作就近小半圈的運動）

?③小球的始末狀態(tài)的設置，第一幀在缺口的一端,

最唐一'領在缺口的另一端。

信息技術(shù)學院影視多媒體教研室