萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 實戰複刻:小米風格炫彩螺旋手機海報(動作自動化流程)

小米官方宣傳圖常運用螺旋疊加、色相環流轉、透視縮放構建極具辨識度的視覺語言。本教學將手把手帶你複刻這一經典風格,核心技法同樣是動作面板自動化循環,但針對海報尺寸、色彩節奏、構圖裁切、裝飾細節進行了針對性優化。適合新手理解「參數化設計思維」,也適合老手快速產出系列化 KV。

最終效果

第一階段:基礎單元構建

1. 畫布與基礎形狀

新建海報尺寸畫布(如 1080×1920 px 或 1242×2208 px)。選「圓角矩形工具(U)」,模式「形狀」、無描邊、圓角半徑 10px,拖出一個豎向圓角矩形作為基礎單元。

2. 基礎外觀樣式

  • 填充色:#ff7906(小米標誌性橙)。
  • 投影:距離 20px、大小 30px、不透明度 30%、角度 120°,營造懸浮深度。
  • 漸疊:預設黑白、勾選「反向」、混合模式「疊加」,賦予立體光澤。

3. 位置預置與格柵化

移動基礎單元至畫布適當位置(預留螺旋展開空間)。右鍵 > 格柵化圖層,為後續動作中的「色相/飽和度」調整做準備(形狀圖層不支援直接圖像調整)。

第二階段:動作錄製——參數化循環引擎

4. 開啟動作面板並新建動作

視窗 > 動作,點「建立新動作」,命名「小米螺旋循環」,可設功能鍵(如 F3),按「錄製」。

5. 錄製核心循環(每步自動記錄)

  1. 複製圖層:Ctrl+J。
  2. 色相旋轉:影像 > 調整 > 色相/飽和度(Ctrl+U),色相 -12(每步 -12°,30 步閉環 360° 色環)。
  3. 圖層下移:將新複製圖層拖至前一圖層下方(關鍵:維持由內而外疊加順序)。
  4. 自由變換:Ctrl+T,參數經反覆試誤定為:
    • 旋轉:4°(視覺最自然螺旋角度)
    • 縮放:93%(寬高同步,透視縮小感)
    • 參考點:底部中心(模擬地面支點)
    確認變換(按 Enter)。

6. 停止錄製

點擊動作面板「停止」按鈕。動作已封裝「複製→色相-12°→下移→旋轉4°縮放93%」完整邏輯。

第三階段:批量生成與效率進階

7. 播放動作生成螺旋塔

選中動作「小米螺旋循環」,連續點擊「播放」25-30 次。關鍵提醒:首次播放前,請先在動作面板單擊選中動作名稱「小米螺旋循環」,再點播放。若直接點播放而未選中動作,PS 會播放上次選中的動作,導致第一疊與基礎單元不銜接。

8. 進階加速:嵌套動作(動作中的動作)

新建動作「螺旋×4」,錄製過程中連續播放 4 次「小米螺旋循環」,停止。之後播放「螺旋×4」一次 = 執行 4 次核心循環。可再建「×16」「×64」級聯,指數級加速。適合需生成百層以上的超長螺旋。

第四階段:構圖裁切與裝飾收尾

9. 圖層群組化管理

選中除背景外所有圖層,Ctrl+G 群組命名「螺旋主體」。

10. 裁切畫布聚焦視覺中心

裁切工具(C)裁切至最佳構圖,去除邊緣無效空白,強化螺旋視覺張力。

11. 個性化裝飾元素

根據主題添加:品牌 Logo、口號文字、幾何裝飾線條、光效粒子、產品剪影等。示例添加了小米 Logo、簡約英文排版、幾何線條點綴。

12. 最終效果輸出

核心參數速查與避坑指南

參數/步驟數值/操作核心邏輯常見坑點
基礎形狀圓角矩形 10px、填充 #ff7906品牌色識別度、圓角柔和親和力形狀過大/過小影響螺旋密度
投影/漸疊投影距20大30透30°;漸疊黑白反向疊加立體懸浮感、材質光澤感投影過重顯髒、漸疊模式錯誤無光澤
格柵化時機完成樣式後、錄製動作前使像素圖層支援色相調整格柵化前做色相調整無效/報錯
色相增量-12°30步閉環360°色環非12的因子導致色環不閉合/色帶
圖層順序新層置於舊層下方由內而外疊加符合透視新層置頂導致視覺倒置
變換參考點底部中心模擬著地旋轉收斂中心點導致四周擴散違背重力
旋轉角度4°視覺最自然螺旋節奏過大顯突兀、過小顯擁擠
縮放比例93%透視近大遠小收斂過大無深度、過小過快消失
播放前操作先單擊選中動作名,再點播放確保播放目標動作直接點播放導致執行錯誤動作

延伸變體:一套動作,無限風格

  • 修改基礎形狀:圓形/三角形/六邊形/自定義形狀 → 不同幾何語言
  • 修改基礎色:藍/綠/紫/漸變填充 → 不同品牌色系
  • 修改動作參數:色相增量 ±15°/旋轉 6°/縮放 90% → 不同節奏密度
  • 修改疊加模式:正片疊底/篩選/疊加/柔光 → 不同融合質感

這就是「參數化設計」的魅力:將設計決策轉化為可調參數,將重複操作封裝為可執行動作。掌握這套流程,你不僅能複刻小米風格,更能建立屬於自己的「視覺生成引擎」,以極低邊際成本產出系列化、高一致性的商業級設計產出。

copyright © 萬盛學電腦網 all rights reserved