本教學示範如何用 PS 矢量工具（矩形、鋼筆/貝塞爾）、圖層樣式、圖案填充、文字排版，快速製作一把擁有刻度數字、裝飾圖案的可愛小熊尺子圖像。流程強調非破壞編輯、像素對齊、圖層組管理，適合 UI 圖標、教具插畫、兒童教材素材製作。

最終效果

製作步驟

1. 尺子主體與刻度線（矢量精確）

• 矩形工具繪製 21 cm × 2.3 cm 主體矩形（顏色自選，示例用 CMYK 沙黃 0,20,40,0）。
• 鋼筆/貝塞爾工具豎向畫刻度線：間距 5 mm，每 5 mm 稍長、每 1 cm 更長（視覺層級）。橫向畫一條基準線貫穿。
• 刻度線群組化，Shift+拖動平行複製 → 垂直鏡像 → 直接獲得對稱刻度。頂部繪製圓圈（白色填充）作裝飾/懸掛孔。

2. 刻度數字輸入

• 在每個刻度段輸入 1-20 數字，字體大小、字距、基線對齊統一，建議用等寬字體（如 DIN、Roboto Mono）保證對齊。

3. 裝飾圖案填充（圖框精確剪裁）

• 準備小熊圖案素材（矢量/高解析位圖）。
• 選擇尺子主體形狀選區 → 編輯→定義圖案（或直接置入智能對象）。
• 圖層樣式→「圖案疊加」選剛定義的小熊圖案 → 勾選「與圖層鏈接」→ 效果→「圖框精確剪裁」→「放置容器中」，圖案自動限制在尺子形狀內。
• 調整圖案縮放、位置，滿意即可。

專業細節檢查清單

• ☑ 所有矢量邊緣對齊像素網格（形狀工具選項勾選「對齊像素」）。
• ☑ 刻度線長度層級分明（1mm 基線 < 5mm 中線 < 1cm 長線）。
• ☑ 數字基線對齊、字距均勻、無鋸齒。
• ☑ 圖案填充無拉伸變形、邊緣乾淨無溢出。
• ☑ 圖層命名規範：Ruler_Body / Ticks_Group / Numbers / Pattern_Decor / Hole。
• ☑ 導出 @1x/@2x/@3x PNG 或 SVG，滿足多端適配。

此「矢量骨架 + 程序化刻度 + 圖案填充裝飾」模式，可快速衍生出直尺、量角器、卷尺、成長尺等全系列教具插畫素材。