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

我們該在什么時(shí)候用到紋理？

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

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

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

像這個(gè)圖，最起碼，這個(gè)線段使用了紋理（或者說可以用紋理實(shí)現(xiàn)），因?yàn)槠涿恳粋�(gè)交界處的像素都是一致的，而且小矩形中的像素也比較接近，但為什么又有點(diǎn)不一樣呢？因?yàn)檫@只是一個(gè)JPG有損壓縮文件，難免會(huì)有差異。

以上面這個(gè)圖為例，這個(gè)紋理應(yīng)該如何取下來呢？我們需要練習(xí)用肉眼判定：（當(dāng)然也可以用工具，我就喜歡用工具，肉眼的好處是可以提高你的熟練度，節(jié)約你的時(shí)間，向老鳥進(jìn)軍。

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

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

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

然后再填充到自己做的圖內(nèi)去：

其中，填充不單單就是填充進(jìn)去就完了的，還需要仔細(xì)的調(diào)整，這個(gè)調(diào)整的一些參數(shù)和屬性，我會(huì)在下面貼出來。

整個(gè)源文件：

畫一個(gè)矩形，按照圖示設(shè)置漸變參數(shù)及角度（為了體現(xiàn)紋理在不同的顏色下的區(qū)別）：

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

這就是其效果：

現(xiàn)在我們打開這個(gè)紋理文件。路徑已在上面標(biāo)出，由于其本身相當(dāng)小，我給它放大到5000%也就是50倍，就是下面這個(gè)樣子了：

細(xì)心的讀者已經(jīng)發(fā)現(xiàn)了。這個(gè)文件明明是黑少白多，那為什么紋理填充，強(qiáng)度100％卻是黑多白少呢？嘿，這就是紋理填充和圖案填充最大的區(qū)別所在了。試試將剛剛所說的強(qiáng)度調(diào)到10

你就會(huì)發(fā)現(xiàn)原來這個(gè)強(qiáng)度就是控制它的透明度啊！對(duì)，就是控制它的透明度

而且，紋理填充就是一個(gè)圖像混合的過程，這點(diǎn)我是根據(jù)不斷的試驗(yàn)得出的答案。
根據(jù)程序的原理，任何顏色的控制都是通過數(shù)學(xué)（也可以說函數(shù)）的操作實(shí)現(xiàn)的，應(yīng)該是一個(gè)圖像混合的結(jié)果。
這個(gè)方面的研究soskitty是達(dá)人。我數(shù)學(xué)成績西差～就不在龍王面前賣自來水了

試驗(yàn)作品展示：

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

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

作者：tgy007 來源：藍(lán)色理想

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

推薦:Fireworks視頻教程