Flash作為Macromedia公司的一款多媒體矢量動畫軟件,以其交互性強、容量小、簡單易學,獨有的流式(stream)傳輸方式等優點,在互聯網掀起了一片“閃”潮。許多愛好者雖然能制作還算不錯的Flash動畫,但他們對該軟件本身還缺乏深刻的了解。一些搞美工的專業人員,有時又懼怕Flash中的action代碼部分。現就以Flash 4為例,談一談Flash 4的一些較高級的技巧和心得。因為筆者就是一個見代碼就頭痛的人,所以與我有同感的朋友放心,絕沒有涉及action的技巧。
一、隱藏瀏覽器中的Flash右鍵菜單
在瀏覽器中用鼠標右鍵點擊Flash動畫時,會彈出下拉菜單,你是不是覺得很煩呢?去掉它!在Flash 4中可輕松做到這一點。按“Ctr”+“Shift”+“F12”彈出“Publish Settings”對話框,在“Dimensions”下拉框選“Percent”,不勾選“Display Menu”,然后發布即可。但要注意,只有在Html頁面中才會有效。單獨播放Flash文件是不會有作用的。這個效果在Flash 3中則要用AfterShock才能實現。另外如果你用Dreamweaver插入Flash文件,那在Flash屬性框中也可以選擇實現這一功能。
二、精確控制變形
在兩個對象間作“Shape”變形時,是不是有時有怪怪的感覺,覺得在亂變,不是柔和的變化。其實只要小心地處理一下就行了。選取“Shape”變形的第一幀,按“Ctr”+“H”就可加上一個變形關鍵幀,同時在變形的最后一幀也會同步出現相應的關鍵幀。適當的選擇關鍵幀的數量,調整關鍵幀的位置,就可實現精確的變形效果。就像《未來戰士》中的液態金屬人一樣酷!
三、向日葵運動
假如要求做一朵向日葵,圍繞太陽作圓周運動(好老土的“創意”),你可能覺得很簡單:不就是讓一朵向日葵沿一條圓形導線(Guide)作motion嗎?但如果要求向日葵旋轉的同時,其花朵始終向著中心的太陽,又該怎么辦呢?其實也很簡單。在Frame Properties對話框的“Tweening”中勾選“Orient to path direction”即可。靈活采用這一方法,可產生好多意想不到的效果。
四、遮罩的高級應用
深入理解遮罩(MASK),可產生一些很酷眩的效果。如把靜止的文字作為遮色片,移動漸變的小花紋圖作為MASKED,可在文字輪廓內顯示出小花紋的流動效果;把文字塊保持靜止,而不規則的遮色片逐漸擴張,能使文字產生一種不規則出沒的效果;把產生移動漸變的文字塊作為遮色片,利用與背景顏色一致的漸近色塊作Show Masking,能讓文字塊產生一種淡入淡出的朦朧效果等等……還有很多很多,就看你的想像力和創意了。
五、音效的編輯技巧
在Flash 4中音效可以編輯,不會吧?但這是事實,而且好簡單,功能也不弱。在Frame Properties對話框的“Sound”選項中拖動那個小方塊,就可實現音效的音量大小、淡入淡出等效果,一切就這么簡單。你會了嗎?
六、控制背景音樂的開關
運用Flash 4提供的普通的關閉音樂功能,很難實現點擊一個按鈕就能隨意控制音樂的效果,那么,這里到底有什么奧妙呢?其實方法很簡單。先制作一個“音樂控制開關”的“Movie clip”,將兩個同樣的按鈕放置在不同的影幀里,然后利用按鈕的Action來切換這兩個影幀,一個影幀放置背景音樂,并設定音樂為“start”,另一個影幀里也放置背景音樂,但設定音樂為“stop”。具體的Action我就不說了,因為我有言在先。不過筆者認為,作為一個Flash發燒友,這點Action是必不可少的。現在,你明白怎么制作音樂開關了嗎?
七、輸出GIF、AVI和MOV的問題
有的愛好者喜歡用Flash制作GIF動畫,或因其它用處,需轉換為AVI或MOV格式。但有時發現許多動畫信息都無故丟失,究其原因是Flash動畫中應用了Movie clip。準確講,這不算一個技巧,但往往會困惑一些初學者。根本的解決辦法只有一個,那就是動畫中不要用Movie clip。當然你別再指望生成的GIF、AVI或MOV動畫能支持SWF文件的交互了。
八、位圖的矢量化和矢量圖的簡化
矢量圖容量小,放大無失真,在Flash上應用有無可比擬的優點。有很多軟件都可以把位圖轉換為矢量圖,但實際上Flash 4已提供了把位圖轉換為矢量圖的方法,簡單有效。先按“Ctr”+“R”導入需轉換的位圖,選菜單:Modify>Trace Bitmap。
在彈出的對話框中,把“Color”和“Minimum Area”設置得越低,后兩項設置得越加緊密、越多轉角(即下拉菜單越偏前面的選項),則得到的圖形文件會越大,轉換出的畫面也越精細。對于節點復雜的矢量圖,可按“Ctr”+“Alt”+“Shift”+“C”鍵進行優化,可大幅降低圖片容量。
九、網頁中FLASH動畫的透明和無邊框處理
Flash動畫能像GIF動畫一樣透明嗎,普通的Html頁面內容可否重疊在Flash動畫之上?答案是肯定的,在Flash 4中可輕松做到這一切。按“Ctr”+“Shift”+“F12”彈出“Publish Settings”對話框,在“Window Mode”下拉框選“Transparent Windowless”即可。但要注意,其效果是在Html頁面中加入的,并非Flash文件本身具有這一屬性。試想在網頁中你可輕松地加上Flash的動畫背景,并配上聲音,有多酷啊。它的兼容性極強,瀏覽者即使無Flash播放插件也不會影響頁面的視覺效果(僅僅不顯示Flash文件,不會有空白區域或圖標)。從此Flash可以與Html頁面完全地融合,網頁的革命已經到來!
十、如何能確定瀏覽者有沒有安裝支持Flash的插件,并提供安裝方法?
最簡單的方法用Dreamweaver來編寫Html,當插入一個Flash文件的時候,會自動在網頁中插入一句代碼。當用戶沒安裝Flash插件的時候,會自動到Macromedia的指定位置下載。但該站點服務器常常較忙,你可以使用behavior中的“check plugin”指定任一“URL”下載。 這似乎也算不上Flash的應用技巧,但卻至關重要。要知道目前在中國還有30~40%的PC沒有安裝Flash播發器!