雷偉旗
摘 要:FLASH動(dòng)畫不僅給網(wǎng)頁添加了無限的創(chuàng)意空間,而且給多媒體制作領(lǐng)域帶來了新的市場和活力。它通過元件、按鈕、圖層、幀和場景等一系列組合,能夠集圖形、圖片、聲音、動(dòng)畫、映象文件等各種多媒體素材為一體,制作出形式簡潔、內(nèi)容豐富、和極感染力的動(dòng)畫和廣告。FLASH動(dòng)做腳本,更是為FLASH的特效增加了豐富的功能。通過該案例,大家可以了解一下作的基本過程,一些動(dòng)作腳本的應(yīng)用技巧和FLASH神奇的動(dòng)畫效果。
關(guān)鍵詞:flash 腳本 應(yīng)用
中圖分類號(hào):TP311 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1003-9082(2017)09-000-01
一、如何編寫flash中的腳本
首先,要知道編寫腳本,不需要用戶對AS有完全的了解!現(xiàn)在要考慮的問題是,如何在你的flash中添加編寫腳本?簡單的說,添加腳本可分為兩種:一是把腳本編寫在時(shí)間軸上面的關(guān)鍵楨上面(注意,必須是關(guān)鍵楨上才可以添加腳本)。二是把腳本編寫在對象身上,比如把腳本直接寫在MC(影片剪輯元件的實(shí)例)上、按鈕上面。
此外,大家也需要簡單理解一下flash是如何執(zhí)行你編寫的腳本的。當(dāng)你在時(shí)間周的關(guān)鍵楨上添加了腳本,那么當(dāng)flash運(yùn)行的時(shí)候,它會(huì)首先執(zhí)行這個(gè)關(guān)鍵楨上的腳本,然后才會(huì)顯示這個(gè)關(guān)鍵楨上的對象。
還有一些簡單的知識(shí),AS中的對象都包括什么呢?它可以包含數(shù)據(jù),也可以是舞臺(tái)上的電影剪輯,也可以是舞臺(tái)上的按鈕等。既然包含了那么多對象,那么每種對象肯定有各自的屬性!比如電影剪輯(movieclip)對象,它的:屬性就有_height(高度),_rotation(旋轉(zhuǎn)),等,這些屬性不需要你去特意的記憶,當(dāng)使用的時(shí)候可以隨時(shí)翻閱腳本字典。在以后的教程中會(huì)陸續(xù)給大家介紹一些基礎(chǔ)腳本的使用技巧。
二、應(yīng)用案例
本案例制作雪花特效動(dòng)畫,畫面上將出現(xiàn)一幅冬天下雪的景象,在背景圖的襯托下,漫天的雪花像白色的精靈一樣在天空中自由飛舞。
1.制作要點(diǎn)
通過創(chuàng)建雪花元件、雪花飛舞飄落路徑,制作雪花飛舞動(dòng)態(tài)效果;通過導(dǎo)入背景圖片、添加動(dòng)作腳本等操作,完成雪花特效動(dòng)畫的制作。
2.技術(shù)說明
2.1用到了元件的套用,主要是影片元件的套用;
2.2用到了路徑動(dòng)畫,并且是在元件中使用;
2.3動(dòng)作腳本的使用,實(shí)例和幀同時(shí)使用動(dòng)作腳本,此比處技術(shù)中的難點(diǎn)和重點(diǎn),比較難掌握。
3.制作過程
3.1布局文檔的操作步驟如下:
(1)單擊“文件”菜單“新建”命令,創(chuàng)建一個(gè)Flash空白文檔。
(2)在“修改”菜單中選擇“文檔”命令打開“屬性”面板,將背景顏色設(shè)置為黑色。
(3)單擊“插入”/“新建元件”命令,彈出“創(chuàng)建新元件”對話框。在“名稱”文本框中輸入snowflake,在“行為”選項(xiàng)區(qū)中選中“影片剪輯”單選按鍵,然后單擊“確定”按鈕。
(4)選取多角星形工具,單擊“屬性”面板上的“選項(xiàng)”按鈕,彈出“工具設(shè)置”對話框。
(5)在舞臺(tái)中拖拽鼠標(biāo)繪制出一個(gè)白色的星形,作為雪花的圖形。也可以采用左邊雪花的制作方法,其它步驟一樣。
(6)在“時(shí)間軸”面板中單擊“添加運(yùn)動(dòng)引導(dǎo)層”按鈕,新建一個(gè)引導(dǎo)層。
(7)選取鋼筆工具,在引導(dǎo)層上繪制一條曲線,作為雪花飄落的路徑。
(8)選中引導(dǎo)層的第30幀,按[F5]鍵插入一個(gè)普通幀。
(9)在“圖層1”的第30幀,按[F6]鍵插入一個(gè)關(guān)鍵幀。
(10)選中“圖層1”第1幀上的雪花圖形,將雪花的中心點(diǎn)與引導(dǎo)線的起點(diǎn)對齊。
(11)用同樣的方法,將“圖層1”的第30幀上的雪花的中心點(diǎn)與引導(dǎo)線的終點(diǎn)對齊。
(12)將“圖層1”的第1幀和第30幀中的雪花分別進(jìn)行組合,并將其轉(zhuǎn)換為元件,然后用鼠標(biāo)右鍵單擊“圖層1”中的任何有效幀,在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”選項(xiàng),此時(shí)的“時(shí)間軸”面板。
(13)為了使雪花效果更加逼真,可以在選中雪花后,單擊“修改”/“形狀”/“柔化填充邊緣”的命令,在彈出的“柔化填充邊緣”對話框的“距離”文本框中輸入10,在“步驟數(shù)”文本框中輸入4在“方向”選項(xiàng)區(qū)中選中“擴(kuò)展”單選按鈕,然后單擊“確定”按鈕對雪花進(jìn)行柔化處理。
需要注意的是,必須雙擊打開雪花組合圖形,轉(zhuǎn)至填充形式,才可以執(zhí)行該命令,柔化后的雪花效果。
(14)完成雪花元件的編輯后,返回主場景。單擊“文件”/“導(dǎo)入”/“導(dǎo)入到舞臺(tái)”命令,導(dǎo)入一張圖片作為背景。
(15)將雪花影片剪輯從“庫”面板中拖曳到當(dāng)前舞臺(tái)中。
3.2添加代碼
(1)選中舞臺(tái)上的雪花實(shí)例,在“屬性”面板上將其命名為snow,然后按[F9]鍵,在彈出的“動(dòng)作影片剪輯”面板中給snow添加代碼。xue=1;
while (xue<=150) {
duplicateMovieClip(“snow”,”snow”+xue,xue);
setProperty(“snow”+xue,_x,random(500));
setProperty(“snow”+xue,_y,random(400));
setProperty(“snow”+xue,_xscale,Math.random()*40+30);
setProperty(“snow”+xue,_yscale,eval(“snow”+xue)._xscale);
setProperty(“snow”+xue,_alpha,eval(“snow”+xue)._xscale+random(30));
xue++;}
(2)為圖層1的第1幀添加動(dòng)作
打開動(dòng)作面板,選擇“全局函數(shù)”中的“影片剪輯控制函數(shù)”
使用onClipEvent命令函數(shù)并輸入以下代碼:
onClipEvent(enterFrame) {
this._x+=Math.random()*(this._xscale)/10;
this._y+=Math.random()*(this._yscale)/10;
if (this._x>500) {
this._x=0;
}
if (this._y>400) {
this._y=0; }}
3.3測試影片:單擊“控制”/“測試影片”命令觀看動(dòng)畫效果,可以看到雪花不斷往下飄落。
參考文獻(xiàn)
[1] Flash MX 2004 動(dòng)畫制作技能培訓(xùn)教程(上??茖W(xué)普及出版社,2005年12月第1版。)
[2] Flash MX 經(jīng)典實(shí)例(四川電子音像出版中心)endprint