看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
PS 结构参考:白模秒变精修?游戏 UI 材质“一键换肤”流
adobemaster
北京
/
设计爱好者
/
328天前
/
27浏览
版权
私信
关注
PS 结构参考:白模秒变精修?游戏 UI 材质“一键换肤”流
adobemaster
关注
做游戏 UI 或者图标设计的兄弟们,这种“材质地狱”肯定没少下:
策划给了个需求文档:《新版本元素宝石图标》。 “要五个属性:
金、木、水、火、土。
” “形状都要一样的圆形符文石,但材质要区分开。” “火要是熔岩的,水要是通透的,金要是抛光的。” “下午下班前给我也行,反正形状都一样嘛。”
你听听这是人话吗? 形状一样,材质不一样,这意味着你要画五遍光影。
3D 渲染?
调材质球、打光、渲染、后期修图,一下午能做两套就不错了。
手绘硬刚?
每一层高光、反光、环境色都要重新涂,手腕子都得断。
其实,这事儿现在用
Photoshop
的
“结构参考” (Structure Reference)
,就是降维打击。 你只需要画一个
黑白剪影(白模)
。 剩下的光影、质感、体积感,全让 AI 给你“贴”上去。
形不散,材质随便换。
今天分享这个“UI 换肤”流。 专治各种“同形异质”的量产需求。
🛠️ 保姆级工作流
把数位板放一边,用选区工具就够了。
第一步:定“骨相” (绘制剪影)
一切的起点,就是一个单纯的形状。
打开 Photoshop。
建个 1024x1024 的画布。
画基础形:
用形状工具画个圆。用钢笔在中间抠个符文图案。
关键点:
填充纯黑色(或深灰色)。不要任何光影细节,只要轮廓清晰。
载入选区:
按 Ctrl 点击这个图层。拿到蚂蚁线。
第二步:锁“形” (Structure Reference)
这是最核心的一步。 我们要给 AI 上个“紧箍咒”,让它别乱跑。
调出生成面板:
选中选区。点悬浮条上的
“生成图像” (Generate Image)
。
注意:
别用旧版生成式填充,用新版带有参考功能的面板。
加载参考:
点那个小图片图标。
直接引用当前这个黑色剪影图层。强度 (Strength):
必须拉高!
95% 或 100%
。告诉 AI:“外轮廓和内部镂空一像素都别动,只在里面发挥。”
第三步:换“皮相” (Prompting)
现在,开始流水线生产。
方案 A:熔岩符文 (Fire)
输入咒语:
Magical rune stone, burning lava texture, cracked black rock, internal orange glow, cinematic lighting, 3d render (魔法符文石,燃烧熔岩纹理,裂纹黑石,内部橙色发光,电影光效,3D渲染)。
点击生成:
插播个实战经验:
这种材质生成,光感稍微不对就得重来(比如反光太强或者不够透),通常一个图标得跑个七八遍筛选。这特吃云端算力。我自己是用
Kingsman组织 企业(当前订阅人数7300)
版的全家桶订阅,它那个云端通道是企业级的,并发生成特快。我这头改个“冰霜”的词,那头 3 张方案就出来了,完全不卡顿。(最关键是市场上的大部分都是那种3-4个月就必须换号的个人试用版,该开通渠道已经被公开了,估计很快就要翻车了,终究不太稳,更别说大部分还是用盗刷ka开通的,随时翻车!警惕)
结果:
黑色剪影瞬间变成了滚烫的岩浆石,边缘还有冷却的焦痕。
方案 B:冰霜水晶 (Ice)
改词:
把 burning lava 改成 translucent blue ice crystal。加点 frost, frozen, glossy (霜,冻结,光泽)。
生成:
还是那个形状,瞬间变成了剔透的蓝水晶。
方案 C:古代黄金 (Gold)
改词:
Ancient gold coin, polished metal, scratches, shiny (古代金币,抛光金属,划痕,闪亮)。
生成:
质感直接变成沉甸甸的黄金。
第四步:后期加料 (Polishing)
AI 生成的图,有时候太“整”了。
锐化:
进 Camera Raw,拉高“纹理”和“清晰度”。让石头缝隙更深,金属划痕更硬。
光效增强:
新建图层,模式“颜色减淡”。用柔边画笔,吸取符文的颜色,点两下发光。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
举报
|
声明
收藏
分享
原创文章
UI
动漫
三维
设计师
游戏美术
技术美术
aigc
prompt
材质
建模
PBR
漫画
游戏
相关推荐
换一换
商业人像极度裁切跑焦拯救与画质全域升维极速工作流
450
adobemaster
拒绝手工网格扭曲地狱!2D次世代角色复杂纹理全自动拓扑与体积光影包裹极速工作流
427
adobemaster
拒绝混合光源地狱!商业室内摄影极度偏色拯救与全域色彩统一极速工作流
472
adobemaster
拒绝手绘水光地狱!AIGC联动光影引擎:次世代2D动态积水与雨滴涟漪地貌极速量产工作流
378
adobemaster
拒绝逐帧动画爆肝!2D等距视角流体地貌与动态流向图极速量产工作流
337
adobemaster
关注
科幻扁平
489
yiyi1105
AIGC联动法线光影引擎:2D次世代动态全局光照与无限视差场景极速量产
521
adobemaster
AIGC联动网格动画引擎:2D次世代复杂纹样动态贴图极速量产
321
adobemaster
拒绝逐帧手绘折磨!AIGC联动视频流引擎:2D次世代转描动画极速量产流
390
adobemaster
会员精选
智慧城市数据可视化
257
张书睿
推广
拒绝废墟壁画手绘折磨!AIGC联动节点引擎:3D次世代史前遗迹与荧光苔藓极速量产
287
adobemaster
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
UI/UX Honeypot System与ODSTP对抗训练平台
81
豆豆豆豆飞orz
桂见好事丨数币连生活丨苏州银行专属IP设计
120
几克鱼
口腔护理品牌|职场日间口腔护理全案
169
REX星意DESIGN
茶饮包装设计|岷农人
187
阿玥AYue
华夏银行数字人民币-华夏
189
多余不多余
隐形眼镜品牌设计 美瞳包装 包装设计 LOGO vi VI设计
382
郑昌洪品牌vi包装
相关收藏夹
换一换
关注
科幻扁平
489
yiyi1105
关注
IP形象及IP内容
7697
蔡蔡文化
关注
中国风元素插画
507
蔡蔡文化
关注
IP形象——动物类
584
奶昔窝窝儿
关注
茶酒丨礼盒包装
664
风萧萧萧萧
关注
品牌VI系统
2020
恶狗设计中心
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
it设计师
设计师by
设计师
#设计师
设计师+
设计师、
设计师
设计师‘’
#设计师#
#设计师
ppt设计师
UI设计师
UI设计师
ui 设计师
ui设计师
装饰设计师
天古装饰设计师】
天古装饰设计师
3d设计师
品牌设计师
室内设计师
#室内设计师
视觉设计师
视觉设计师、
设计师品牌
#设计师品牌
设计设计师
电商设计师
# 电商设计师
#电商设计师
登录注册
推荐
登录即可同步推荐记录哦
收藏
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享