效果預覽

網格化圖像效果常用於網頁通欄背景，視覺獨特；另附色條漸層變體供參考。

圖 4-127 網格化圖像效果

方法一：螢幕截圖法產生像素網格

1. 在 Fireworks 開啟素材圖（圖 4-128）。
2. 按 Ctrl+6 將顯示比例放大至 1600%（圖 4-129）。
3. 按 Print Screen 截圖，新建畫布貼上（Ctrl+V），裁剪所需區域（圖 4-130）。
4. 在屬性面板連續套用 2~3 次銳化濾鏡，強化方格邊緣。

圖 4-128 開啟素材

圖 4-129 放大 1600%

圖 4-130 貼上截圖

應用範例：網頁通欄背景

圖 4-131 通欄應用效果

方法二：GIF 索引色產生水平/垂直色條

1. 新建畫布，矩形工具拉滿畫布，填充線性漸層（白→任意色），圖 4-132。
2. 切換至兩幅預覽，開啟優化面板：格式選 GIF、調色盤「最合適」、顏色數 8（或 16），圖 4-133/134。
3. 同樣Print Screen截圖→新畫布貼上→裁剪→加 2~3 次銳化。
4. 後續若需換色，直接套用色相/飽和度濾鏡即可，無須重製。

圖 4-132 色條效果

圖 4-133 矩形漸層

圖 4-134 GIF 優化設定

圖 4-135 截圖貼上

技巧提示：「截圖→銳化」流程極適合快速產生像素風、網格感背景；GIF 索引色則能將平滑漸層轉為硬邊色條，兩者結合可創造豐富幾何背景素材。