DIV CSS 佈局教程網

　　本文中我們用Fireworks 8來繪制一個精致的指南針圖案。

　　完成效果如下：

　　首先，設置畫布大小為128x128像素，底色為白色。

　　用橢圓工具畫一個90x90的正圓形，並水平、垂直對齊於畫布;(圖02)

(圖02)

　　改變填充類別為線性漸變，增加並調整漸變顏色;(圖03)

(圖03)

　　在這個圓的上面畫一個70x70的正圓形，改變填充類別為線性漸變，增加並調整漸變顏色，水平、垂直對齊於畫布(或對齊於它下邊兒的那個圓)。(圖04)

(圖04)

　　接下來描繪表盤上的圖案。

　　用星形工具畫出一個五角星，改變點數為4點，得到了一個四角星(可根據個人喜好改變其形態和尺寸)，水平、垂直對齊於下方任何一個圓;再畫一個稍小一點的四角星(或復制粘貼)並旋轉45度，水平、垂直對齊於下方任何一個圓;(圖05-1)

　　分別選中兩個四角星，點擊菜單“修改”-“組合路徑”-“聯合”，得到了一個四個大角四個小角的八角形;(圖05-2)

　　再在上面畫一個正圓，大體尺寸見(圖05-3)，水平、垂直對齊。

　　分別選中這個小正圓和後面的八角形，點擊菜單“修改”-“組合路徑”-“打孔”，得到的就是我們所需要的圖形了;(圖05-4)

(圖05)

　　設置這個圖形的顏色為白色，不透明度為70;四周畫四個小矩形，白色，不透明度為60。(圖06)

(圖06)