專案背景

女性化妝品企業形象頁，主打「科技+自然」，視覺風格以綠色系為主，搭配模特、植物、蝴蝶素材傳遞清新自然感。

最終效果圖

素材庫

核心製作流程（23 步驟精簡版）

1. 新建 760×430 白色畫布
2. 右側選區填充白→綠線性漸變
3. 花草素材：橢圓選區+Shift 增加選區→複製貼上
4. 模特素材：多邊形套索扣圖（羽化 2）→複製→水平翻轉→亮度/對比度調整

5. 向日葵扣圖→複製→運動模糊→置底層透明度 40%
6. 直線工具繪製虛線十字座標
7. 文字排版、導航欄、按鈕等 UI 元素建構
8. 整體色階、飽和度微調統一色調

關鍵技巧總結

• 選區工具（矩形/橢圓/多邊形套索）+ 羽化 = 快速扣圖
• 圖層混合模式（疊加、柔光、正片疊底）融合素材
• 濾鏡（運動模糊、亮度/對比度）賦予動態與質感
• 輔助線/對齊面板確保版面規範

此工作流展示 Fireworks 作為網頁設計合成工具的高效能，適合快速產出設計稿交付前端切圖。