聖誕節將至,UI 設計師不妨練習這個簡單聖誕樹小教學,快速產出可用於節日專題、圖標、裝飾元素的聖誕樹素材,過程中穿插形狀工具組合、圖層樣式質感、裝飾球分布等實用小技巧。
成品效果
樹冠層層疊加、樹幹質感、裝飾球/星星點綴、底部禮物盒/雪地,風格統一,色調溫馨喜慶。
速成步驟
- 樹冠:多個三角形/圓角三角形疊加,漸變綠色+內陰影表現層次厚度。
- 樹幹:矩形+木紋(雜色+動態模糊)+斜面浮雕。
- 裝飾球:橢圓形狀+漸變疊加+斜面浮雕(球體感)→ 複製分布、變換大小顏色。
- 頂星:多邊形工具(星形)→ 金屬漸變+外發光。
- 禮物盒:矩形組合+斜面浮雕+絲帶路徑描邊。
- 雪地:不規則白色形狀+內陰影+雜色紋理。
- 整體調色:曲線/色相飽和度統一暖色調。
全程以形狀工具+圖層樣式為主,矢量可縮放,極適合批量產出節日系列素材。