DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Firworks中一些小技巧
Firworks中一些小技巧
編輯:Fireworks基礎     
Firworks的教程文章網上有很多,這裡僅談一些在使用過程自己的心得或是一些小技巧,有沒有用還要看大伙兒的靈活運用了。

  幾個特殊的圖象導出功能

  一、“File >Export Special> Export as Files...”

  這個功能一次性將各個圖象元素導出為各自不同的文件,您可以在導出設置中修改“Files From”選項,使Fireworks2自動將層(layer)、靜態圖象部件(slic objects)或幀(frames)導出為獨立的文件。我認為這個功能在您需要將一個有許多幀的gif動畫一幀幀地導出為圖片時能夠為您省去許多麻煩。

  二、“File >Export Special >Export as CSS layers...”

  這個功能是將圖象中的層、靜態不見或幀導出為依據式樣表定位的Html文件,這可以讓需要使用CSS進行layout的用戶方便不少。

  三、“File >Export Special >Export as Image Wall...”

  這個功能是將圖象中的層、靜態不見或幀導出為一個內容連續的圖象。您可以在一些程序中見到這樣的圖象(比如win98PLUS中的那個sega公司出品的彈珠游戲中那個表情豐富的小精靈),Image Wall是專門被程序調用一塊塊顯示圖象而形成動畫。

  四、“File >Export Again”

  這是將圖象不經過Export面版的導出調整而直接使用上一些導出圖象時使用的調色板導出圖象。這個功能給我的感覺是——方便!!

  Dreamweaver中調用Fireowrks的Export功能

  如果您的系統中同時安裝Dreamweaver和Fireowrks,並且在安裝Fireworks時選擇“標准安裝”或“自定義”安裝時選擇了所有的部件,那麼您可以在Dreamweaver中使用“Command >Optimize Image in Fireworks”直接調用Fireworks的Export功能面板!

  制作控制阻光度的蒙板

  在Fireworks2中可以使用一個矢量填充的灰度圖象控制另一個圖象的透明度,這種功能的作用與Photoshop中的Channel面版十分相似。要實現這種效果只需要使用一個簡單的Mask Group命令就行了,Mask Group的作用是將兩個圖象部件(object)中位於上層的部件轉換成灰度圖,然後用這個灰度圖象控制位於下層的那個圖象部件的阻光度。

  具體的實現方法當然也很簡單。首先,確保您的圖象中有兩給相互重疊的圖象部件,然後使用工具欄中的“選定(pointer)”工具(快捷鍵為“v”)選定這兩個圖象部件。然後在任意一個部件上單擊右鍵,在彈菜單中選擇“Group >Mask Group”(快捷鍵為“Ctrl+Shift+G”)即可。

  不過在使用Mask Group功能時請注意,作為Mask的那個位於上層的物必須是一個矢量圖象(即可以在fill面版中修改其填充效果的圖象部件)。如果是一個點針圖象部件的話,使用了Mask Group功能後兩個部件的疊處為一個阻光度為100%的深灰色圖象部件。但被Mask的那個位於下放部件既可以是矢量圖象也可以是一個點陣圖象,甚至可以將Mask Group用在導入的ACSII代碼的文本部件中!

  使用Freehand制作更加豐富的動畫變換

  如果您覺得Fireworks2中提供的Tweening功能形成的動畫效果還不過瘾,那就請用我的偏方使用FreeHand(Macromedia公司出品的一個矢量繪圖工具,能和Fireworks非常完美地結合,本文中我使用的是FreeHand8)制作更加豐富的動畫變換效果。

  首先在FreeHand中畫出動畫起始幀和結束幀的狀態,然後選定這部件選擇“Xtras >Create> Blend”設定過程數(steps)後FreeHand將自動生成動畫的中間過程畫面。然後選取這些過程畫面,在Object面板中使用“UNGROUP”命令將這些過程圖畫解組。

  然後,將這個矢量圖形保存為FreeHand文件。在Fireworks2中打開這個FreeHand文件,然後按下“Ctrl+A”全選其中的圖象部件。打開“Frames”面板,按下右上角的彈出菜單按鈕,選擇“Distribute Selection”,OK,這樣Fireworks2就自動將每個部件分配到一個獨立的層中去了,只需要稍微調整就可以得到令您滿意的動畫變幻效果了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved