網域查詢: www.
返回首頁
當前位置: 首頁 > 站長學院 > 平面設計 > Flash >

FlashMX一步步跟我FlashMX一步步跟我做  “幽靈情

時間:2010-02-12 02:13來源: 作者: 點擊:
Flash MX一步步跟我做 “幽靈情書” 害羞的你,是不是因為愛說不出口而煩惱?或者怕對方當面拒絕自己的約會邀請?很多人都或多或少得會遇到這樣的情景吧!現在方便了,除了打電話
  

Flash MX一步步跟我做  “幽靈情書”

害羞的你,是不是因為愛說不出口而煩惱?或者怕對方當面拒絕自己的約會邀請?很多人都或多或少得會遇到這樣的情景吧!現在方便了,除了打電話,無處不在的網絡更是幫你解決問題的好工具,而Flash更是這些工具中最有效的。畫面生動可愛,很能吸引MM的興趣哦!

今天筆者就來教你制作一個可愛的小動畫  “幽靈情書”,幫你說出你一直想對對方說的。先別被它的名字嚇倒哦,但他確實很實用,更絕的是,它可真的會像“幽靈”一樣。。。對方肯定不會再拒絕你咯!呵呵,下面我們就來開始制作吧。

先介紹一下“幽靈情書”的基本構思和主要創作技巧吧。在“情書”中我們用文本工具創建一段文字,並提出你向她(他)的約會邀請,那可是“情書”的主體哦,就是你想說又難以啟齒的,就讓Flash來幫你傳達吧!但從技術上來說,文本並不是關鍵,也是制作中最簡單的一步。之後,我們要設計兩個按鈕,其中一個是她(他)答應你的邀請,切換到另一個畫面,表達你高興的心情,讓她(他)感覺到你的真誠︰),另一個按鈕則是她拒絕你的邀請! ︰( “你不是說過,這個情書不會讓對方拒絕我的嗎?”呵呵,別急,本情書就是在這個按鈕上做文章︰對方永遠也不能點到它,按鈕就像長了腳,處處躲開欲拒絕的“殘忍一擊”,而只能答應哦。嘿嘿,這招夠絕吧,它真的像幽靈耶!OK,打開Flash開工咯。

第一步︰啟動Flash MX,創建一個新文件,設置工作區大小為400×300。然後使用文字工具輸入想對她(他)說的話,並設置文本的屬性,使它們和其它對象協調,如同1所示:



圖1

第二步︰打開Insert菜單,選擇New Symbol命令,或直接使用快捷鍵Ctrl+F8,在彈出的Create New Symbol對話框中選擇Button項,並在文本欄中為兩個新創建的按鈕分別命名為ButtonOK和ButtonNO,如圖2所示︰



圖2

進入按鈕設計工作區,分別制作出這兩個按鈕,將存于系統Library面板中供以後調用。

第三步:重新回到工作區,首先在第一幀中放置按鈕“buttonOK”到工作區中合適位置,之後在1-5幀,插入關鍵幀,現在這5幀都有相同的內容。

現在可以把按鈕 “buttonNO”,復制到1-5幀的不同位置。目的就是為了設置電擊該按鈕時實現動畫在各幀之間的跳轉,使對方永遠也按不到該按鈕。如圖3所示。




圖3 第四步︰這一步是關鍵,我們使用action語言實現預計的動畫效果。首先使用快捷鍵F9打開action面板,選定第一幀,雙擊Movie Control中的Stop語句,使動畫開始時便定格于第一這一幀,直到遇到一定的事件(如本例的鼠標點擊),觸發設置的動作(本例是各幀之間的跳轉),如圖4所示。



圖4

完成後其余幾幀也做同樣的設置,也就是使跳轉到另一幀後,同樣停止動作,直到遇到下一個事件。

設置好幀動作後,我們接著來設置按鈕。再次回到第一幀,選中按鈕“buttonNO”,點擊鼠標右鍵。選擇Actions,在彈出Action面板雙擊Movie Control中的go to語句。在type中選擇next frame,如圖5所示︰



圖5

現在該按鈕的動作設定是︰

on (release) {

nextFrame();

}

意思就是當鼠標點擊松開時,跳轉到下一幀。這意味著什麼呢?哈,到了下一幀,按鈕就換地方咯,抓到它再點擊它,又跳轉到下一幀,它又換個地方了,就這樣不停的循環,它永遠不停的跑,你能抓住它拒絕我麼?呵呵,不過要實現這樣完美的效果,還需要下面的步驟︰

將除了最後幀里的按鈕的其他幾個按鈕都做上一步同樣的操作後,在最後幀的go to下設置type為Frame Number,Frame為1,這樣到了第5幀後,又會重新跳轉到第1幀,這樣才真正實現了跳轉的循環,夠“毒”吧?! 第五步︰完成了防止對方拒絕的步驟後,我們就可以盡興的設計對方答應後怎樣表示你的激動之情了。

在第6幀創建一個空白關鍵幀,在其上寫上類似高興或激動的話便可。下面就來從技術角度來實現點擊按鈕“buttonOK”後跳轉到這一幀,其實也比較簡單,方法和上一步基本相似,打開該按鈕動作面板後,設置為︰

on (release) {

gotoAndPlay(6); //當鼠標點擊松開時,跳轉到第6幀。

}

注意︰每個幀中的該按鈕都要做同樣的設置,才能實現隨時點擊該按鈕都有事件激發的效果。如圖6所示︰



圖6

第六步︰倒此我們已經完成了該動畫的主體,但正如編程要考慮到事件的各個方面一樣,該動畫也還需要做進一步潤色。

試想要是對方就是不答應,便不點擊OK,而直接把動畫關閉了,那我們的心血豈不白費?!考慮到這一點,我們便在第一幀中實現動畫的全屏,而不能直接關閉它了。(雖然這還不是絕對能防止被強行關閉的措施,但嚇嚇一般人已經足夠了︰P)

方法很簡單,就是在第一幀的Action語句中加入“fscommand("fullscreen", "true");”語句,當動畫開始載入時,便實現全屏,這樣就能避免簡單關閉該動畫了。

那麼怎樣才能關閉動畫呢?要是只有點擊同意按鈕後才能實現關閉的效果,那該多好?很好,你已經初步具備“心狠手辣”的素質了︰P下面我們就來實現這一設想︰

考慮到只有點擊同意按鈕才能跳轉到第6幀,我們就在第6幀上加入一個按鈕,實現窗口關閉功能吧。再次創建一個按鈕,加入到第6幀中合適位置,設置它的動作為︰

on (release) {

fscommand("quit");//當鼠標點擊松開時,退出動畫;

}

好了,現在我們已經完成了該動畫的制作,如果還想在美工上加強,則不在本次教程計劃範圍內了,各位讀者各展其才吧!類似本例的動畫用來約會MM或像筆者一樣用來“追債”可是再好不過了,希望讀者好好利用它哦!另外,說明一點,這個動畫Just a kidding,如有讀者用來做“非法”手段,筆者可概不負責! ︰P(出處︰風閃網路學院)
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
最新評論 查看所有評論
發表評論 查看所有評論
請自覺遵守互聯網相關的政策法規,嚴禁發佈色情、暴力、反動的言論。
評價:
表情:
用戶名: 密碼: 驗證碼:
推薦內容