教學簡介
本教學示範淘寶/電商常用的 3D 立體促銷字效制作流程。方法簡單直接,核心運用 PS CS6 3D 功能 + 圖層樣式精修,適合電商海報、活動專題頁標題設計。最終效果具備強烈視覺衝擊力與材質質感。
效果展示(多角度/細節圖)
核心制作邏輯
- 文字排版:選用粗體無襯線字體,字距緊湊,確保 3D 擠出後結構清晰
- 3D 擠出:使用 PS CS6「3D → 從文字層新建 3D 擠出」,設定擠出深度、倒角樣式
- 材質分配:為前側面、側面、倒角分別指定材質(金屬/塑膠/發光)
- 環境光照:添加無限光/點光源,調整陰影柔和度與落點
- 渲染輸出:高質量渲染獲取基礎 3D 圖層
- 2D 精修:圖層樣式疊加(外發光、倒角浮雕、漸層疊加)、色階/曲線調色、高光手繪補強
- 背景融合:漸層背景 + 光暈/粒子裝飾,統一色調氛圍
關鍵參數參考
- 擠出深度:80-120px(視字體粗細)
- 倒角寬度:8-12px,樣式「圓角」或「倒角」
- 前側面材質:漸層疊加(金紅/金藍雙色系),環境反射 30%
- 側面材質:深色金屬,粗糙度 40%,倒角高光銳利
- 主光源:無限光,強度 1.2,角度 45° 左上,陰影柔化 8px
- 補光:點光源置於文字前下方,顏色暖黃,強度 0.5
電商實戰應用建議
- 文字層級:主標題用此 3D 效果,副標題用扁平描邊字,形成層級對比
- 色彩心理:促銷用「紅金/橙金」,品牌形象用「藍銀/綠金」
- 響應式輸出:導出 2x/3x 圖供 Retina 螢幕,WebP 格式壓縮
- 動態延展:圖層保留 3D 圖層狀態,後期可輸出旋轉/爆炸 GIF/MP4
提示:更多精彩教程請關注三聯 Photoshop 教程欄位,三聯 PS 群:249667984 歡迎加入交流!