中華網校

系列網站: 中華網校 | www.網校.com | 3D模型 | 中華網校教育

電腦網校 | 業界新聞 | 職業網校 | 網校寶典 | 軟件下載 | 網校論壇 | 網校聯盟

電腦入門 | 網頁設計 | 網絡編程 | 圖形圖象 | 三維空間 | 多媒體 | 程序語言 | 操作系統 | 系統專題 | 辦公應用 | 軟件寶典 | 硬件天下 | 

 

您的位置:首頁 >> 圖形圖象 >> FLASH >> FLASH閃客技巧 >> 新聞正文

FLASH超級魔法效果  

作者:  時間:2004-3-18  來自:  責任編輯:  閱讀次數:

在很多國外奇幻類游戲中,經常可見到很多炫目的魔法效果。在國人制作的如《仙劍奇俠傳》《軒轅劍》等游戲中,也有大量極有口碑的魔法效果展示。現在,我們用FLASH技術來制作一個很酷炫的光芒環繞動畫(如圖),其視覺效果絕不亞于常見游戲中的魔法效果。在動畫中,數道光芒圍繞魔杖的頂端的光球若隱若現、快速旋轉,伴以幽幻的音效,極富視覺沖擊力。


該動畫效果實際上是通過數道“光芒”的symbol移動漸變(motion Tween)來實現的。而“光芒”則僅僅是一張png格式的位圖圖片。png支持alpher通道透明,alpher通道透明不同與Index索引顏色透明之處在于:Index索引顏色透明要么是完全透明,要么是完全不透明;而alpher通道透明顏色可以使同種顏色之中部分透明而其它部分不透明。如果采用其它格式的透明圖片,其邊緣都會由毛邊,效果極不自然(特別是在復雜背景的時候)。因此,采用png格式的透明圖片,是該保證該動畫效果的關鍵。


1、制作光芒
可以在photoshop6.0或者firework中制作。現在以photoshop6.0為例,對“光芒”的圖片制作作一個簡單的闡述。如圖,新建一個240x240pixl的透明圖片。其中的“芯部”用兩個不同顏色的圓形填充體經過 菜單 Filter-Blur-Gaussian Blur 濾鏡效果處理而得,而光芒的“尾部”則利用長方形填充通過 菜單 Filter-Distort-Twirl 濾鏡效果處理而得。具體方法不再贅述,只要能達到圖示中“光芒”邊緣的虛化半透明效果即可,不要形狀完全一致。



圖片完成后,用photoshop6。0的Save as web選項將圖片保存為png格式的透明圖片。如圖。注意要選擇“PNG-24”方式,并勾選Transparency選項。
如果這個圖片的制作有難度,大家可以到這個地址 http://webart.myrice.com/sample/light.png 去下載一個現成的。



2、制作光芒動畫M_light
打開FLASH5,新建一個場景大小為 400x600 pixl、背景色為#330099的flash文件。
按Ctr+R輸入我們已經做好的“光芒”圖片 ,選中它,按F8將其轉換為Graphic,命名為“G_light”。新建一個movie clip,命名為“M_light”。將Library中的“G_light”拖入場景中。在第50、100幀處分別建立一關鍵幀,其中第1、100幀處,“G_light”的Effect均選白色的“Tint”效果,如圖。



而在第50幀處,則要縮小對象“G_light”,并且Effect選擇“Advanced”效果。動畫片斷“M_light”中第50幀處形態如圖。



在第1-50幀、第50-100幀之間分別做motion漸變,在第1、50幀兩個關鍵幀的幀屬性中,均選擇“CW” “3times”(即順時針翻滾3周)。
可以看出,在光芒動畫M_light中,我們實現了光芒的旋轉、大小變化和顏色深淺等變化。


3、制作主動畫
接下來,我們開始制作主動畫。為了增加“魔法”的感覺,可以找一些相關圖片做襯托。本例中找了一張“魔杖”的圖片。將其導入時間軸底層做背景。
而主動畫的我們將把以上制作的“光芒動畫M_light”拖到主場景的時間軸上,建8個層,每層放一個“M_light”。然后讓每個“M_light”經過一定的變化,以及不同的排列和時間順序出現,就會達到預期的效果。

其中某一層上的情況如圖所示。 先將“M_light”拖到場景主窗口中,用菜單 Modify-Transform-Edit center 編輯其中心點位置,使其在“M_light”的一只角上。建立圖示的三個關鍵幀,中間一個關鍵幀里“M_light”的尺寸大一些。注意移動“M_light”,使其中心在魔杖“光球”的中心位置。這樣才會產生光環圍繞魔杖的“光球”旋轉的感覺。最后在兩個關鍵幀之間建立motion漸變,使光環在旋轉的時候再次大小發生變化,產生一種在3D空間旋轉的效果。



同上的方法,再建立7個層,每層的上均放置“M_light”的漸變,所不同的是漸變的開始時間和其角度。如下圖。讓八個“M_light”成等角度排列。另外,將找一個適宜的音效導入,新建一層“sound”,放上導入的聲音即可。


 



現在,按Ctr+Enter來欣賞我們震撼的杰作吧。
這個例子中的光芒的顏色可以任意選定,只需改變第二步中Effect里Tint的顏色即可。同時,背景也可任意設定,效果不受影響。
做好的成品效果大家可參考 http://webart.myrice.com/magiclight.swf .


相關文章 最新文章 推薦文章
《銀河動畫》flash鼠繪教程
Flash 8 少為人知的特性
把Flash動畫輕松轉成GIF圖片
FLASH實現滾動條+網頁書簽效果
用Flash MX軟件制作遙控小汽車
FlashMX2004分布式復制殘影效果(圖)
FLASH超級魔法效果

  中華網校依法保護知識產權,如果我們的文章有涉及或侵犯您的有關權益,請即時與我們 聯系, 注明網址及文章,我們會即時處理或刪除,感謝您的合作!中華網校email
  中華網校由廣州市中六電腦城智銳計算機專業培訓學院及中華網校技術中心提供網絡支持未經本站許可任何個人網站、書刊報社一律不得私自復制,轉載本站內容!

關于中華網校 | 廣告服務 | 版權聲明 | 投稿指南 | 網站合作 | 友情鏈接 | 網站地圖

 

版權所有 中華網校 & 智銳網校 1999-2004 COPYRIGHT (C) 1999-2004 www.kxazyv.tw ALL RIGHTS RESERVED

 
河北快3