關鍵技術：矩形工具、數字變換、效果面板、打孔合成

想在首頁吸睛展示新產品？這份教學將引導你完成一張簡潔有力的產品展示圖。操作過程中隨時可按 Ctrl+Z 復原上一步。

步驟一：建立畫布

新建 Fireworks 文件（檔案 > 新增，快捷鍵 Ctrl+N），畫布大小設為 300 × 300 px。若供網頁發布，解析度保持預設 72 dpi 即可。

步驟二：繪製基礎矩形並複製

將描邊設為無、填充設為黑色。選取矩形工具繪製一個 189 × 202 px 的矩形（尺寸可依後續放入的圖片微調）。接著按 Ctrl+Shift+D 克隆兩次，共獲得三個相同矩形。

步驟三：調整灰色矩形比例

選取最上層矩形，填充改為灰色（#CCCCCC）。執行 修改 > 變形 > 數字變形，取消勾選鎖定比例，寬度設 80%、高度設 70%。

步驟四：打孔製造立體厚邊

此時畫布呈現左下角效果。用方向鍵將灰色矩形上移，形成圖片厚邊視覺。保持灰色矩形被選取，按住 Shift 再點選下方黑色矩形，執行 修改 > 合成 > 打孔，完成鏤空效果。

步驟五：套用浮雕與陰影效果

將打孔後的矩形填充改為白色、描邊設為灰色（#CCCCCC）。在效果面板選擇 浮雕 > 內部斜角，參數參考截圖設定。再選取完整的黑色矩形，套用 發光 > 投影，參數如右下圖所示。

步驟六：匯入圖片並排版

匯入產品圖（檔案 > 匯入），可用縮放工具調整大小。在圖層面板將圖片拖至「打孔矩形」與「完整矩形」之間。全選畫布元素（Ctrl+A），用縮放工具旋轉至合適角度。

完成與延伸

基本作品已完成！下方展示多張同法製作的圖片組合效果。歡迎嘗試不同參數與排版，創造屬於你的獨特展示風格！