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