DIV CSS 佈局教程網

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

1、首先准備好兩張圖，一張用來遮蔽用的（其實就是我們用的刀子），一張是底圖

2、分別復制一份，然後按照下面的順序排列好四個圖層

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

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

下面是源文件，

另外，還有一個好東西送——f4e_design_works_tutorialscut.rar（點擊下載）

下載以後，然後在Fireworks裡面選擇『命令』－『運行腳本』找到這個腳本進行運行，看看有什麼發生。

你可以打開這個腳本命令了解一下Fireworks中的JavaScript是怎樣工作的，

Fireworks9融入了窗口部件元素，JS將大派用場，所以學習JavaScript能更好的減少重復工作量。