帧工坊 FrameCraft 帧工坊 FrameCraft

游戏 UI 素材教程:把 AI 出的图,做成能进引擎的 UI

AI 出图快,但出的图不能直接进 UI:画布乱、留白乱、边缘带白雾、尺寸只有一档、体积动辄几 MB。这个栏目只写一件事——「图到手之后怎么办」。每篇都给可复现的做法和判断标准,并在对应步骤挂上帧工坊里能一键跑的免费工具。

共 3 篇 · 免费在线 · 浏览器本地处理,图片不上传服务器

总纲 · 全流程

AI 生成的 UI 素材怎么用起来:从一张 PNG 到能进引擎

去背 → 规整 → 九切 → 多尺寸 → 压缩,五步走完一张 AI 图才真的能用。每一步说明「为什么要做、不做会怎样、用什么工具」。

阅读全文 →

规范 · 九宫格

九宫格(9-slice)切图怎么做:Unity / Godot / Android .9.png

四角固定、四边单轴拉伸、中心双轴扩展。哪些图能切、哪些绝对不能切、四边内边距怎么量,以及各引擎里正确的设置方式。

阅读全文 →

规范 · 多尺寸

一套 UI 图标要导出几个尺寸:@2x/@3x、安卓五档、iOS、ICO

对照表直接抄:iOS 三档、Android mdpi→xxxhdpi、favicon/ICO 多尺寸、小游戏与 mipmap 纹理链,以及从哪张源图开始缩最稳。

阅读全文 →

接下来会写

相关工具