手表插畫是展示向量軟體精確繪圖與材質模擬能力的經典課題。本教程以鋼製手錶為例,演示如何在 CorelDRAW 中利用「座標精確定位(X/Y 0,0)」「多層同心圓漸變疊加」「立體化工具」「調和工具」「文字徑向排列」等技術,構建結構嚴謹、光影逼真、細節豐富的手錶向量插畫。全程強調對稱性與圖層邏輯,適合產品插畫、電商展示圖制作學習。
成品預覽
14 步精細構建
步驟 1:錶殼最外圈(表圈)
- 新建文檔,單位設「像素」。橢圓工具 (F7) 按 Ctrl 畫直徑 10001 px 正圓,座標歸零 (0,0)。
- 啟用所有對齊/吸附工具欄。
- 漸變填充 (F11):線性、角度 -90°、邊界 9%。漸變滑塊:起點白、30% 黑 @92%、終點 40% 黑。模擬表圈頂部高光、側面暗部、底部反光。
步驟 2:錶殼第二層(中殼)
- 小鍵盤 + 原地複製外圈 → 直徑改 941 px → 清除輪廓。
- 漸變:線性、邊界 22%。滑塊:起點 20% 黑、70% 黑 @90%、終點 10% 黑。加深側面立體感。
步驟 3:錶殼第三層(內殼/表鏡邊緣)
- 再複製 → 直徑 921 px → 漸變:邊界 22%,雙滑塊:起點白、10% 黑、70% 黑 @90%、終點 10% 黑。開啟輪廓 1pt 黑色,表現表鏡邊緣細線。
步驟 4:表盤基底
- 複製 → 直徑 750 px → 漸變:邊界 4%,三滑塊:白、10% 黑 @37%、80% 黑 @50%、20% 黑 @76%、終點 10% 黑。輪廓 1pt 黑。模擬表盤凹陷與邊緣倒角反光。
步驟 5:表盤深色背景
複製 → 直徑 720 px → 填純黑(表盤底色)。
步驟 6:刻度環基準圈
複製 → 直徑 700 px → 輪廓白色 1pt(作為刻度基準環,後續不填色)。
步驟 7:刻度線陣列(60 根)
- 輪廓筆工具畫垂直線(長度約 30px),線寬 1pt、白色,置於表盤中心。
- 複製 → 旋轉 6° → 重複旋轉 12°、18°…90°(共 16 根,含 0° 和 90°)。
- 全選 16 根 → 複製 → 水平鏡像 → 刪除 0°、30°、60°、90°、120°、150° 重複線 → 得 60 根均勻分佈刻度線。
步驟 8:小刻度環
複製步驟 6 圓 → 直徑 650 px,作為小刻度/數字基準環。
步驟 9:12/3/6/9 四大數字位置標記
- 畫 20px 圓 → 座標 (0, 338) 填青色、無輪廓 → 複製到 (0, -338) 填白。
- 選中兩圓 → 旋轉 90° → 青色改白。
- 再複製旋轉 30°、60°、120°、150°,尺寸改 15px。得 12 個數字定位點。
步驟 10:數字排版(對稱關鍵)
- 複製步驟 8 圓 → 直徑 610 px 作為文字路徑基準。
- 輸入 1~12(3 號位置留空),字體 Kozuka Gothic Pro B,12/6/9 號 24pt,其餘 16pt。
- 關鍵:每個數字單獨設定 Y 座標,使對稱數字(10/2、11/1、7/5、8/4)擁有相同 Y 值,保證視覺水平對齊。刪除基準圓。
步驟 11:3 號位置日期窗
- 矩形工具畫 80px 正方形 → 形狀工具拉圓角 → 置於 3 號位置 → 填黑、輪廓 2pt 白、啟用「背景填充」白。
- 複製縮放 90% → 移除輪廓 → 漸變填充:角度 90°、滑塊:30% 黑 → 白 @51% → 30% 黑 → 中心輸入數字「3」。
步驟 12~14:指針、副錶盤、品牌 Logo 等細節
(原文截斷,補全邏輯):時/分/秒針用圓角矩形/三角形漸變填色,中心樞紐用同心圓漸變模擬金屬軸。6/9/12 位置副錶盤(計時/日曆/月相)同表盤縮小版流程。品牌 Logo 置 12 號上方,金屬漸變+投影。表帶用圓角矩形陣列+漸變+立體化工具表現金屬鏈節質感。
核心技法總結
- 座標歸零 + 同心圓疊加:保證絕對對稱,是圓形產品繪圖鐵律。
- 多層漸變疊加模擬 PBR:每層圓只負責一個光學現象(頂部高光、側面陰影、倒角反光、表盤深度),疊加即得真實金屬感。
- 刻度線「複製-旋轉-鏡像-刪重」:最快生成均勻放射陣列。
- 文字 Y 座標對齊法:解決圓周文字視覺對齊難題。
- 分層命名規範:Case_Bezel, Case_Middle, Case_Inner, Dial_Base, Dial_Markers, Hands, Subdials, Crown, Strap… 便於後期修改材質/顏色/角度。
此流程可直接移植到智能手錶界面設計、珠寶首飾渲染、儀表儀器面板繪製等圓形產品插畫領域。