推薦：Fireworks 制作精細(xì)PC圖標(biāo)
先奉上效果圖：基本步驟：1.繪制一個(gè)矩形，并通過部分選取工具調(diào)節(jié)節(jié)點(diǎn)。為增加立體效果，每個(gè)角均通過鋼筆工具增加為2個(gè)節(jié)點(diǎn)2.給矩形添加漸變效果3.再

其實(shí)很多軟件都可以很輕易的達(dá)到這樣的效果，總之目的是為了把圖形切成幾片。

1、首先預(yù)備好兩張圖，一張用來遮蔽用的（其實(shí)就是我們用的刀子），一張是底圖

2、分別復(fù)制一份，然后按照下面的順序排列好四個(gè)圖層

3、上面兩層進(jìn)行裁切操作（同時(shí)選擇1，2層，然后找到Fireworks菜單的『修改』－『組合路徑』－『裁切』），下面的兩層進(jìn)行打孔操作（和裁切在一個(gè)地方），由于這個(gè)例子的圖形擁有多個(gè)顏色，你可能需要多次打孔或者裁切操作。

4、把兩個(gè)被分解的圖形再次重新組合到一個(gè)地方，然后全選這些路進(jìn)，找到菜單的『修改』－『組合路徑』－『分解』，好了，現(xiàn)在你已經(jīng)把底圖切的成薄片了，你可以按照你想象的方式去排列這些碎片讓他更具有分解瞬間的動(dòng)感

下面是源文件，

另外，還有一個(gè)好東西送——f4e_design_works_tutorialscut.rar（點(diǎn)擊下載）

下載以后，然后在fireworks里面選擇『命令』－『運(yùn)行腳本』找到這個(gè)腳本進(jìn)行運(yùn)行，看看有什么發(fā)生。
你可以打開這個(gè)腳本命令了解一下Fireworks中的javascript是怎樣工作的，
fireworks9融入了窗口部件元素，Js將大派用場，所以學(xué)習(xí)Javascript能更好的減少重復(fù)工作量。

分享：用Fireworks8做個(gè)符合web標(biāo)準(zhǔn)的彈出菜單
Fireworks8做下拉菜單的功能較上一版本有很大程度 的增強(qiáng)，并開始兼容web標(biāo)準(zhǔn)，代碼也減少了很多，JS從原來的30多K降到現(xiàn)在的2K,可訪問性:IE、Firefox、Opera。 1.新建文件，做幾個(gè)按鈕，這部分相信大家都會(huì)做. 2.在按鈕上點(diǎn)左鍵，在彈出菜單上選添加彈出菜單，會(huì)出現(xiàn)如

推薦:Fireworks視頻教程