推薦：Fireworks打造滑動菜單教程
先看下最后效果： html 效果 1、打開FW 8.0 (我用的是8.0，當然其它版本也是可以的了) 2、新建一個穩當大小760X400 3、用矩形工具畫一個漸變的矩形，這里這個矩形是要做為導航條的背景，所以你可以調配自己喜歡的顏色。 4、然后我用直線工具畫了兩條線見下圖，做為分隔

我們該在什么時候用到紋理？

首先這是個很主觀向的問題，首先應該是以個人的判定來決定：比如大面積的色塊，背景，需要間隔一致的線條等等，對于我本人來說，由于電腦內存和時間的原因，一個一個的克隆可不是好辦法

其次，對于我們有時候需要模擬某個效果的時候，或許無法判定原圖是否使用了紋理填充，那么我認為最好的辦法應該是試驗。當然，前提是你的時間充分。假如不幸沒有什么時間，而且經驗又不是很足的請況下。請使用無敵的仿制大法之一－放大觀察法

這里我提供一個小工具—— TakeColor.rar ，它不但可以放大，放大倍數可調，而且還可以取色（默認按鍵Alt C）。利用這個工具，你可以很方便地查看原圖是否是用了紋理，主要利用比較的方法。

像這個圖，最起碼，這個線段使用了紋理（或者說可以用紋理實現），因為其每一個交界處的像素都是一致的，而且小矩形中的像素也比較接近，但為什么又有點不一樣呢？因為這只是一個JPG有損壓縮文件，難免會有差異。

以上面這個圖為例，這個紋理應該如何取下來呢？我們需要練習用肉眼判定：（當然也可以用工具，我就喜歡用工具，肉眼的好處是可以提高你的熟練度，節約你的時間，向老鳥進軍。

各位可以利用這個工具的裁切功能確定一個很完美又合理的紋理范圍:P需要細細調試，假如配合肉眼觀察效率大增。

上面這個圖，我切取的紋理范圍如下：

為了能達到立體感效果，我重新修改了一下：

然后再填充到自己做的圖內去：

其中，填充不單單就是填充進去就完了的，還需要仔細的調整，這個調整的一些參數和屬性，我會在下面貼出來。

整個源文件：

畫一個矩形，按照圖示設置漸變參數及角度（為了體現紋理在不同的顏色下的區別）：

畫好后，注重看第一個圖，紋理處選擇的是網格線5，其對應的文件是：
你的FW安裝目錄\Configuration\Textures\Grid 5.gif
好，記住這個，然后將網格線旁邊的數值設置為100－這個數值就是紋理填充的強度（注重這個紋理填充不同于FW的圖案填充，至于圖案填充，我會在稍后寫出）。

這就是其效果：

現在我們打開這個紋理文件。路徑已在上面標出，由于其本身相當小，我給它放大到5000%也就是50倍，就是下面這個樣子了：

細心的讀者已經發現了。這個文件明明是黑少白多，那為什么紋理填充，強度100％卻是黑多白少呢？嘿，這就是紋理填充和圖案填充最大的區別所在了。試試將剛剛所說的強度調到10

你就會發現原來這個強度就是控制它的透明度��！對，就是控制它的透明度

而且，紋理填充就是一個圖像混合的過程，這點我是根據不斷的試驗得出的答案。
根據程序的原理，任何顏色的控制都是通過數學（也可以說函數）的操作實現的，應該是一個圖像混合的結果。
這個方面的研究soskitty是達人。我數學成績西差～就不在龍王面前賣自來水了

試驗作品展示：

以上效果，均出自下面這個源文件：

主要方法，就是控制里面的第三層的混合效果。第三層的填充是網頁抖動(至于為什么這么做嘛，在這個帖子里按CTRL A然后再看圖就知道了)。再透露一點小花招，你把第三層向上移動10個像素試試，看到了什么？

作者：tgy007 來源：藍色理想

分享：如何在Fireworks8中創建非矩形切片
創建非矩形切片 當試圖將交互性附加到非矩形圖像時，矩形切片可能無法滿足需要。例如，假如打算將變換圖像行為附加到切片，而切片對象互相重疊或者外形不規則，則矩形切片可能會與交換圖像交換出非您所要的背景圖形。Fireworks 解決此問題的方法是：答應您使用"多邊形

推薦:Fireworks視頻教程