DIV CSS 佈局教程網

用Fireworks CS5軟件能夠制作出漂亮的五子棋黑白棋盤，五子棋黑白棋盤的制作，主要通過網格和克隆效果以及組合路徑中接合的使用來進行的。下面就以一個實例來進行說明。

軟件名稱：

Adobe Fireworks CS5 簡體中文綠色精簡版(96M)

軟件大小：

96MB

更新時間：

2013-01-29

1、新建一文檔，大小設定為“240*240”像素，背景色為“白色”；

2、選擇菜單【視圖】|【網格】，打開“顯示網格”和“對齊網格”功能；

3、選擇菜單【視圖】|【網格】|【編輯網格】將網格的大小設定位“30*30”；

4、在工具箱中選擇“矩形”工具，將填充色設置為“無”，邊框色設置為“黑色”，描邊種類“鉛筆”設置為“1像素柔化”

5、繪制一個“寬為1格、高為8格”的矩形；

6、選擇【編輯】|【克隆】，在工具中選擇“縮放”工具，將克隆的矩形寬度加大一格；

7、重復此操作，直到網格全部被覆蓋；

8、按快捷鍵“Ctrl+A”，全選中所有矩形並對其進行克隆；

9、選擇菜單【修改】|【變形】|【順時針旋轉90°】，將克隆的矩形順時針旋轉90度；

10、選擇菜單【視圖】|【網格】-選擇【顯示網格】，去掉顯示的網格；

11、選中所有矩形，選擇【修改】|【組合路徑】|【接合】；

12、將內部填充色填充為“黑色”，五子棋黑白棋盤效果制作完畢。