做游戏 UI 的兄弟们,这种“垃圾时间”肯定没少熬:
策划甩过来一张表。 “新版本加个职业,法师。要有 20 个技能图标。” “还有 50 个新道具。药水、卷轴、符文,都要。” “风格嘛,要那种厚涂的、有体积感的、特效炸裂的 3D 风格。”
你看着那张表,头皮发麻。 纯手绘? 一个图标画 2 小时,画完这 70 个,下个版本都凉了。 建模渲染? 为了个 64x64 像素的图标去建高模?杀鸡用牛刀。 AI 跑图? MJ 跑出来的全是盲盒,透视不对,边缘也不干净,抠图抠到死。
其实,这事儿现在有更聪明的解法。 Illustrator 定骨架,Photoshop 上皮肉。 这套组合拳,专治“量大、要 3D、还要风格统一”。
今天带大家走一遍这个流程。 不动 3D 软件,不画一笔光影。 咱们用 AI,流水线式生产图标。
保姆级工作流
把脑子放空,跟着做。
第一步:Ai 搓“骨架” (矢量起形)
别去画草图了,太慢。 直接让 AI 给你捏个形状。
-
打开 Illustrator。
-
新建个画布。
-
-
调出面板:
-
找到 “文本转矢量图形” (Text to Vector)。
-
找不到?在
窗口菜单里翻翻。
-
-
设置参数(关键):
-
类型选 “主体” (Subject)。
-
细节 (Detail) 滑杆: 往左拉!拉到 2 或者 3。
-
为啥?因为我们只要一个干净的剪影,不要那些乱七八糟的碎线。
-
-
输入咒语:
-
比如要做“火球术”。
-
输入:
Fireball magic spell icon, dynamic shape, simple vector, black silhouette(火球魔法图标,动态形状,简单矢量,黑色剪影)。
-
-
生成:
-
点一下。
-
出来三个方案。挑个构图最帅的。
-
把背景删了,只留黑色轮廓。
-
-
存进库:
-
把这个形状,直接拖进 CC Libraries (创意云库)。
-
这一步得稳: Ai 和 Ps 来回切,文件同步最怕延迟。我使用的是 Kingsman 组织 (当前订阅人数7100+) 企业版全家桶订阅,云库同步是毫秒级的。这边刚拖进去,那边 Ps 就能用了,不用导 SVG 文件,省事儿。(最主要的理由是市场上的大部分都是那种3-4个月就必须换号的个人试用版,该开通渠道已经被公开了,估计很快就要翻车了,终究不太稳,更别说大部分还是用盗刷ka开通的,随时翻车!更不包含游戏美术人必备的Substance 3D 套件,嫌弃!)
-
第二步:Ps 赋“灵魂” (结构参考)
骨架有了,现在给它穿上 3D 的皮。
-
打开 Photoshop。
-
新建个 1024x1024 的图。
-
-
置入骨架:
-
打开 CC Libraries 面板。
-
把你刚才那个火球形状拖进来。
-
回车确定。
-
-
启动生成:
-
选中这个图层。
-
点悬浮条上的 “生成图像” (Generate Image)。
-
注意:是生成图像面板,不是生成式填充。
-
-
核心操作:结构参考 (Structure Reference)
-
点那个小图片图标。
-
直接引用当前图层。
-
强度 (Strength): 拉满!直接拉到 100% 或者 90%。
-
这步最重要。你要告诉 AI:“就照着这个形状画,一点都别给我改。”
-
-
风格参考 (Style Reference):
-
如果你们项目有定好的美术风格图(比如一张标杆图标)。
-
上传上去。
-
这样 AI 画出来的光影、色调,绝对不跑偏。
-
第三步:批量“施法” (Prompting)
-
写提示词:
-
Prompt:
3D game icon, burning fireball, explosion effect, lava texture, orange and yellow glow, dark fantasy style, volumetric lighting, 8k -
(翻译:3D 游戏图标,燃烧火球,爆炸特效,熔岩纹理,橙黄发光,暗黑奇幻,体积光,8k)。
-
-
点击生成:
-
等几秒。
-
这里比较吃云端算力,特别是用了双重参考(结构+风格)。
-
好在企业版通道稳,基本是秒出图。
-
-
看疗效:
-
你会发现,那个黑乎乎的矢量剪影,瞬间变成了特效炸裂的 3D 火球。
-
边缘极其干净(因为锁了结构)。
-
透视完全正确。
-
第四步:量产变体 (Batching)
火球做完了,还要做冰锥、闪电? 简单。
-
换骨架:
-
去 Ai 生成个“尖刺形状”。拖进来。
-
-
换颜色:
-
提示词里的
orange改成blue,fire改成ice。
-
-
保持风格:
-
风格参考图不动。
-
-
生成:
-
啪,一个同风格的冰锥术图标出来了。
-
这一套流程下来,做 20 个图标,也就一顿饭的功夫。
-
🚀 还能搞点啥?
这套“骨架+皮肉”的逻辑,能解决不少 UI 痛点:
1. 装备套装 (UI Assets)
-
Ai: 捏出头盔、铠甲、鞋子的剪影。
-
Ps: 统一用一套“金色传说”的风格参考图。
-
结果: 一整套风格统一的装备图标,谁看都说是 3D 渲染的。
2. 段位徽章 (Rank Badges)
-
Ai: 画出复杂的几何边框。
-
Ps: 提示词写
Gold metal, shiny gem in center。 -
结果: 瞬间产出青铜、白银、黄金全套段位徽章。
3. 活动标题字 (Title Art)
-
Ai: 排好文字版式,做个暴力形变。
-
Ps: 锁死结构,生成“流体霓虹”材质。
-
结果: 零 C4D,光速做 3D 艺术字。
这招学会了,再面对策划的那张 Excel 表,你就不用慌了。 别人还在苦哈哈地给图层描边、画高光。 你这边已经开始批量“进货”了。
UI 设计师的精力,该花在排版和交互逻辑上。 至于画图标这种体力活? 交给 AI,它不嫌累。
1万+

被折叠的 条评论
为什么被折叠?



