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

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


#ff7906(小米標誌性橙)。


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


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






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

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


新建動作「螺旋×4」,錄製過程中連續播放 4 次「小米螺旋循環」,停止。之後播放「螺旋×4」一次 = 執行 4 次核心循環。可再建「×16」「×64」級聯,指數級加速。適合需生成百層以上的超長螺旋。
選中除背景外所有圖層,Ctrl+G 群組命名「螺旋主體」。

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


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


| 參數/步驟 | 數值/操作 | 核心邏輯 | 常見坑點 |
|---|---|---|---|
| 基礎形狀 | 圓角矩形 10px、填充 #ff7906 | 品牌色識別度、圓角柔和親和力 | 形狀過大/過小影響螺旋密度 |
| 投影/漸疊 | 投影距20大30透30°;漸疊黑白反向疊加 | 立體懸浮感、材質光澤感 | 投影過重顯髒、漸疊模式錯誤無光澤 |
| 格柵化時機 | 完成樣式後、錄製動作前 | 使像素圖層支援色相調整 | 格柵化前做色相調整無效/報錯 |
| 色相增量 | -12° | 30步閉環360°色環 | 非12的因子導致色環不閉合/色帶 |
| 圖層順序 | 新層置於舊層下方 | 由內而外疊加符合透視 | 新層置頂導致視覺倒置 |
| 變換參考點 | 底部中心 | 模擬著地旋轉收斂 | 中心點導致四周擴散違背重力 |
| 旋轉角度 | 4° | 視覺最自然螺旋節奏 | 過大顯突兀、過小顯擁擠 |
| 縮放比例 | 93% | 透視近大遠小收斂 | 過大無深度、過小過快消失 |
| 播放前操作 | 先單擊選中動作名,再點播放 | 確保播放目標動作 | 直接點播放導致執行錯誤動作 |
這就是「參數化設計」的魅力:將設計決策轉化為可調參數,將重複操作封裝為可執行動作。掌握這套流程,你不僅能複刻小米風格,更能建立屬於自己的「視覺生成引擎」,以極低邊際成本產出系列化、高一致性的商業級設計產出。