利用F1ash制作網(wǎng)頁動畫
1.F1ash簡介
?。?)有關(guān)動畫的一些基本概念
?、?幀(Frame)
Flash在制作動畫時(shí),是由若干個(gè)幀來組成一個(gè)動畫效果的。幀是裝載Flash作品內(nèi)容、進(jìn)行Flash作品播放的基本單位,也是Flash動畫的基本組成元素。Flash的時(shí)間軸面板上的每一小格代表一幀。
幀有以下幾種類型:
• 關(guān)鍵幀:關(guān)鍵幀是一個(gè)包含有內(nèi)容,或是對內(nèi)容的改變起決定性作用的幀。
• 靜止幀:時(shí)間軸上的靜止幀是相鄰靜止關(guān)鍵幀的延續(xù)。
• 中間過渡幀:中間過渡幀出現(xiàn)于過渡動畫的兩個(gè)關(guān)鍵幀之間。
?、?圖層(Layer)
圖層是為了方便操作者制作復(fù)雜的Flash動畫作品而引入的一種手段。在時(shí)間軸面板上,每個(gè)圖層都有各自的時(shí)間軸。在每個(gè)圖層中都包含了一系列的幀,在各圖層中所使用的幀均是獨(dú)立的。可用控制器來播放某個(gè)場景的動畫效果。播放動畫時(shí),會從每個(gè)圖層的第一幀開始播放(即同步播放),不同圖層中的幀在同時(shí)播放中可以得到綜合的效果。
?、?場景(Scene)
一個(gè)Flash作品可以由若干個(gè)場景組成,每個(gè)場景都分別擁有各自獨(dú)立的動畫內(nèi)容。每個(gè)場景中的圖層和幀均相對獨(dú)立。在播放時(shí),F(xiàn)lash會自動按場景的順序進(jìn)行播放。
?。?)Fhsh的界面組成
?、?菜單欄
?、?標(biāo)準(zhǔn)工具欄
?、?繪圖工具欄
?、?狀態(tài)欄
?、?控制器
⑥ 時(shí)間軸面板
?。?)F1ash中的一些基本操作
?、?幀的操作
改變幀的播放速率
方法是:在"Edit(修改)"菜單中選擇"Movie(影片)"選項(xiàng),在彈出的"Movie Properties(影片屬性)"對話框中的"Frame Rate(幀頻)"框內(nèi)輸入所需數(shù)值,然后單擊"OK"按鈕即可。
幀的選擇
用鼠標(biāo)單擊某一幀,該幀即被選中,并且成為當(dāng)前幀,同時(shí)在工作區(qū)中顯示出該幀中的內(nèi)容。
創(chuàng)建各種類型的幀
在時(shí)間軸上需要新建靜止幀的位置處單擊鼠標(biāo)左鍵,然后選擇"Insert(插入)"|"Frame(幀)"命令,就可在所需位置上創(chuàng)建一個(gè)包含有與前一幀相同內(nèi)容的靜止幀。
在時(shí)間軸上需要新建關(guān)鍵幀的位置處單擊鼠標(biāo)左鍵,然后選擇"Insert"|"Key frame(關(guān)鍵幀)"命令,就可在所需位置上創(chuàng)建一個(gè)包含有與前一個(gè)關(guān)鍵幀相同內(nèi)容的關(guān)鍵幀。
在時(shí)間軸上需要新建空白關(guān)鍵幀的位置處單擊鼠標(biāo)左鍵,然后選擇"Insert"|"Blank Key frame(空白關(guān)鍵幀)"命令,就可在所需位置上創(chuàng)建一個(gè)不包含任何內(nèi)容的空白關(guān)鍵幀。
復(fù)制幀
復(fù)制幀的方法為:首先將需要復(fù)制的一個(gè)或者多個(gè)幀選中;在其上單擊鼠標(biāo)右鍵,從彈出的菜單中選擇"Copy Frames(復(fù)制幀格)"命令;用鼠標(biāo)單擊需要粘貼的位置,再單擊鼠標(biāo)右鍵,從彈出的快捷菜單中選擇"Paste Frames(粘貼幀格)"命令,即可將相同的內(nèi)容復(fù)制到所需的位置上。
刪除幀
無論是靜止幀、關(guān)鍵幀還是空白關(guān)鍵幀,其刪除的方式都是一樣的。首先選取幀,然后選擇"Insert"|"Remove Frame"命令,或者是在被選中的幀上單擊鼠標(biāo)右鍵,從彈出的快捷菜單中選擇"Remove Frame"命令,這兩種方法都可以將所選取的幀以及該幀中的內(nèi)容一起刪除掉。
2.利用Flash5制作網(wǎng)頁動畫
?。?)F1ash動畫的類型
Flash動畫分為兩種類型:逐幀動畫和過渡動畫。
逐幀動畫是由位于時(shí)間軸上的同一動畫軌道上的一個(gè)連續(xù)的關(guān)鍵幀序列組成。對于該序列中的每一幀中的內(nèi)容都可以單獨(dú)地進(jìn)行編輯。在播放時(shí),按順序逐幀地進(jìn)行播放而產(chǎn)生動 畫的效果。
每一個(gè)過渡動畫序列由兩個(gè)處于兩端的關(guān)鍵幀和位于中間的一個(gè)過渡幀序列組成,兩個(gè)關(guān)鍵幀分別定義了該動畫序列的開始和結(jié)束的狀態(tài),過渡幀序列產(chǎn)生動畫的中間效果。只需要編輯動畫對象在兩個(gè)關(guān)鍵幀中的位置、形狀、顏色和大小等屬性,然后定義過渡幀序列的漸變類型以及效果,即可自動生成一定效果的平滑的過渡動畫。用這種方法制作動畫操作簡單,占用的存儲空間小。
?。?)Flash動畫的制作
① 創(chuàng)建逐幀動畫
?、?創(chuàng)建過渡動畫
在網(wǎng)頁中加入Flash動畫
1.準(zhǔn)備工作
要在頁面中插入Flash動畫,首先就要把Flash動畫輸出成.swf文件.
2.文件的發(fā)布設(shè)置(Publish Settings)
3.在Dreamweaver制作的網(wǎng)頁中加入.swf文件
4.在要加入.swf文件的網(wǎng)頁中直接插入HTML引導(dǎo)程序
科普云 煙臺網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)部整理發(fā)布
科普云為您講解最實(shí)用的網(wǎng)站建設(shè)相關(guān)知識 | 延伸閱讀 | |||
上一篇:設(shè)計(jì)類公司網(wǎng)站建設(shè)項(xiàng)目策劃案例 |
| |||
下一篇:教你在網(wǎng)頁中如何使用JavaScript |