做游戏 UI 或者图标设计的兄弟们，这种“材质地狱”肯定没少下：

策划给了个需求文档：《新版本元素宝石图标》。 “要五个属性：金、木、水、火、土。” “形状都要一样的圆形符文石，但材质要区分开。” “火要是熔岩的，水要是通透的，金要是抛光的。” “下午下班前给我也行，反正形状都一样嘛。”

你听听这是人话吗？ 形状一样，材质不一样，这意味着你要画五遍光影。 3D 渲染？ 调材质球、打光、渲染、后期修图，一下午能做两套就不错了。 手绘硬刚？ 每一层高光、反光、环境色都要重新涂，手腕子都得断。

其实，这事儿现在用 Photoshop 的 “结构参考” (Structure Reference)，就是降维打击。 你只需要画一个黑白剪影（白模）。 剩下的光影、质感、体积感，全让 AI 给你“贴”上去。 形不散，材质随便换。

今天分享这个“UI 换肤”流。 专治各种“同形异质”的量产需求。

🛠️ 保姆级工作流

把数位板放一边，用选区工具就够了。

第一步：定“骨相” (绘制剪影)

一切的起点，就是一个单纯的形状。

1. 打开 Photoshop。

   • 建个 1024x1024 的画布。

2. 画基础形：

   • 用形状工具画个圆。

   • 用钢笔在中间抠个符文图案。

   • 关键点： 填充纯黑色（或深灰色）。不要任何光影细节，只要轮廓清晰。

3. 载入选区：

   • 按 Ctrl 点击这个图层。

   • 拿到蚂蚁线。

第二步：锁“形” (Structure Reference)

这是最核心的一步。 我们要给 AI 上个“紧箍咒”，让它别乱跑。

1. 调出生成面板：

   • 选中选区。

   • 点悬浮条上的 “生成图像” (Generate Image)。

   • 注意： 别用旧版生成式填充，用新版带有参考功能的面板。

2. 加载参考：

   • 点那个小图片图标。

   • 直接引用当前这个黑色剪影图层。

   • 强度 (Strength)： 必须拉高！95% 或 100%。

   • 告诉 AI：“外轮廓和内部镂空一像素都别动，只在里面发挥。”

第三步：换“皮相” (Prompting)

现在，开始流水线生产。

方案 A：熔岩符文 (Fire)

1. 输入咒语：

   • Magical rune stone, burning lava texture, cracked black rock, internal orange glow, cinematic lighting, 3d render (魔法符文石，燃烧熔岩纹理，裂纹黑石，内部橙色发光，电影光效，3D渲染)。

2. 点击生成：

   • 插播个实战经验： 这种材质生成，光感稍微不对就得重来（比如反光太强或者不够透），通常一个图标得跑个七八遍筛选。这特吃云端算力。我自己是用 Kingsman组织 企业(当前订阅人数7300) 版的全家桶订阅，它那个云端通道是企业级的，并发生成特快。我这头改个“冰霜”的词，那头 3 张方案就出来了，完全不卡顿。（最关键是市场上的大部分都是那种3-4个月就必须换号的个人试用版，该开通渠道已经被公开了，估计很快就要翻车了，终究不太稳，更别说大部分还是用盗刷ka开通的，随时翻车！警惕）

3. 结果： 黑色剪影瞬间变成了滚烫的岩浆石，边缘还有冷却的焦痕。

方案 B：冰霜水晶 (Ice)

1. 改词：

   • 把 burning lava 改成 translucent blue ice crystal。

   • 加点 frost, frozen, glossy (霜，冻结，光泽)。

2. 生成：

   • 还是那个形状，瞬间变成了剔透的蓝水晶。

方案 C：古代黄金 (Gold)

1. 改词：

   • Ancient gold coin, polished metal, scratches, shiny (古代金币，抛光金属，划痕，闪亮)。

2. 生成：

   • 质感直接变成沉甸甸的黄金。

第四步：后期加料 (Polishing)

AI 生成的图，有时候太“整”了。

1. 锐化：

   • 进 Camera Raw，拉高“纹理”和“清晰度”。

   • 让石头缝隙更深，金属划痕更硬。

2. 光效增强：

   • 新建图层，模式“颜色减淡”。

   • 用柔边画笔，吸取符文的颜色，点两下发光。

   • UI 的通透感立马出来了。

🚀 还能怎么玩？

这套“骨架+换皮”的逻辑，UI 里到处能用：

1. 按钮状态 (Button States)

• 骨架: 一个圆角矩形。

• Prompt: Normal stone button (常态石头) -> Pressed glowing button (按下发光)。

• 结果: 快速做出一套交互状态图，透视完全一致。

2. 道具药水 (Potions)

• 骨架: 瓶子的剪影。

• Prompt: Red health liquid (红药) -> Green poison liquid (绿毒药)。

• 结果: 瓶身反光一致，只有液体颜色变了。

3. 活动标题字 (Title Art)

• 骨架: 排好的文字黑稿。

• Prompt: Liquid chrome text (液态铬) / Cyberpunk neon text (赛博霓虹)。

• 结果: 运营要啥材质给啥材质，零 3D 基础也能做。

这招学会了，再面对“换皮”的需求，你就偷着乐吧。 骨架搭好，咒语写好。 剩下的，让 AI 去“渲染”。

UI 设计师的精力，该花在交互逻辑和版式上。 至于画材质这种体力活？ 交给 AI，它不嫌累，还快。