韓系配飾插畫以柔和色系、質感細膩、線條靈動著稱。本教學展示如何在 Fireworks 中快速構建韓式女包插畫:從包體結構矢量建模到皮革/金屬/織帶多材質漸層、裝飾五金件參數化生成,構建可批量衍生款式的插畫生產線。
效果預覽
核心製作邏輯
1. 包體結構矢量化 (可編輯參數化)
- 鋼筆工具繪製包體主輪廓:底部橢圓弧 + 側面垂直線 + 頂部蓋板曲線。
- 關鍵節點參數化:底寬 W、高度 H、蓋板弧度 R、側寬 D,記錄數值便於後續衍生新款 (改數值即得新比例)。
- 分層:`主體`、`蓋板`、`側面`、`底部`、`提手`、`肩帶扣點` 獨立路徑/群組。
2. 材質漸層庫 (核心資產)
建立「韓系材質漸層庫」樣式集,新包體套用即得統一質感:
| 材質 | 漸層類型 | 關鍵色標 (示例: 奶茶色系) | 混合模式/濾鏡 |
| 皮革 (牛皮/羊皮) | 垂直線性 | #D4B896 → #E8D4B8 → #C8A888 → #E0C8A0 | 紋理: 皮革 5% + 內發光 (暖白, 疊加, 模糊 3px, 20%) |
| PU/合成革 | 線性 | #E0E0E0 → #F0F0F0 → #D0D0D0 | 紋理: 細帆布 3% + 高光銳利 |
| 帆布/尼龍 | 線性 + 雜點 | #C8D8E8 → #B8C8D8 → #A8B8C8 | 雜點 8% + 內陰影 (邊緣厚度感) |
| 金屬五金 (鍍金/銀/槍色) | 多節點線性 (模擬反光帶) | 金: #B8965A → #F0D880 → #B8965A → #806830 | 倒角浮雕 (內斜角 平滑 寬 2px 深度 100%) |
| 織帶/絲帶 | 線性 + 紋理 | 主色系淺深交替 | 紋理: 絲帶/織物 10% |
3. 五金件參數化生成 (效率核心)
- D型扣/日字扣/旋轉扣/磁吸扣:存為獨立「圖形元件」,屬性面板暴露 `尺寸` `顏色` `金屬質感類型` 參數。
- 新包款只需拖入元件實例 → 修改參數 → 定位吸附 (啟用智能參考線) → 完成。
4. 光影與氛圍統一
- 主光源固定:左上 45°,色溫 5500K (中性偏暖)。
- 投影統一:距離 4px,模糊 8px,不透明度 15%,顏色
#333333 (非純黑,融入環境)。
- 環境反光:包體底部添加地面反射漸層 (主色系淡色,柔光 10%),增強接地真實感。
5. 場景化佈局輸出
- 單體展示圖:白背景/淺灰漸層背景,45° 透視/正側視/仰視三視圖。
- 場景氛圖:放入簡約室內/街拍背景 (降低不透明度 30% + 高斯模糊 20px),包體加投影融入場景。
- 規格化導出:`@1x` `@2x` `@3x` PNG/WebP,命名 `bag_{style}_{color}_{view}@{scale}.webp`。
衍生設計系統
建立「韓系女包插畫組件庫」:
- 基礎包型元件:托特包、郵差包、水桶包、麵包包、信封包、迷你包 6 大基礎型。
- 材質漸層庫:12 組韓系色系 (奶茶/豆沙/抹茶/燕麥/櫻花/薄荷/霧藍/珍珠白/炭灰/焦糖/核桃/葡萄紫)。
- 五金件元件庫:8 類扣件 × 3 色 (金/銀/槍) = 24 實例。
- 裝飾元素庫:流蘇、鏈條、徽章、刺繡補丁、印花圖案。
新款設計 = 選包型 + 選材質色系 + 拖入五金件 + 添加裝飾 → 15 分鐘產出成熟商業級插畫,支援 SKU 級批量生產。