PS 结构参考:白模秒变精修?游戏 UI 材质“一键换肤”流

用户头像
北京/设计爱好者/328天前/27浏览
PS 结构参考:白模秒变精修?游戏 UI 材质“一键换肤”流
做游戏 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,它不嫌累,还快。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
科技医疗透明柜UI界面设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级感金属拟物 UI设计组件库
UI通用设计素材1
Security Camera UI kit
【新年UI图标】秒杀icon
户外旅行飞机情侣假日出行
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
【新年UI图标】汽车icon
UI 登录界面设计模板包
3D卡通UI界面图标可爱插画免扣素
新拟态风格 UI设计组件库
【新年UI图标】体育icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
高级表盘系列UI源文件
【新年UI图标】礼物/活动icon
【新年UI图标】旅行icon
3D渐变流体抽象矢量UI背景图
钱包ui模板
我的钱包-UI界面设计-app
你可能喜欢
相关收藏夹
大家都在看
登录注册