上篇文章分享了两个工具:
一:Holopix AI: 自由画布功能很强大,通过不同模板的搭配,可以快速设计、获取到 UI 资源
二、长亭百智云:AI 汇总工具,有 36 个工具汇总,热门的有图像生成、音效生成等等。
分享的文章,被封了,分享点国内的 UI 资源工具:Holopix AI 和 长亭百智云
前言
今天的文章,算是在 Holopix AI的基础上再分享一个游戏 UI 资源工具,用于解决 AI 的一些共性问题。
Holopix AI很强大,但UI 界面有时候我们期盼着:
一、能够按照我们想象的原型图生成 UI
二、看到一个不错的 UI 资源,我们能够快速拆分出来
三、某些资源,可以快速地换皮,生成新的游戏。
这里就需要另外一个工具了,就是 GameUI AI:
https://gameui.ai?ref=ZAhqyUNU
如果网页是为中文,可稍等片刻或者找右上角语言处,切换即可!
账号登录,支持google登录

接下来,我们来了解下它的玩法!
切图工具
有些时候,我们看到一些游戏页面效果不错,想快速切出来,以 【Holopix AI】 中提供的效果为例:
注: Holopix AI的自由画布也可以提供分割,这里的演示只是为了了解工具的功能

然后打开Game UI AI的【切图工具】,上传图片,然后开始分割,稍等片刻:

总体来说,切割得不错,连文字都去掉了。当然了,跟 Holopix AI有一样的问题,切分的差点意思。
注: AI 切图的通用问题:切图过于细分,切图过于粗略!
整包换皮
整包换皮,主要用于项目资源的换皮,如果要做这件事情,我们只需要将项目的资源目录上传上去即可,不需要挑挑拣拣再上传。

整包换皮的工具在【图一】目录的左下角,就可以看到。 示例图使用的是切图生成的资源,然后修改下风格说明,比如:废土欧美、卡通、像素。
注: 如果您想请教我提示词相关,这个话题就此打住!
我也不懂什么提示词,怎么问更好,但我始终相信使用 AI 的一句话: 只要敢问,有问必答!
最终的效果:

有那么点意思,可能是我提示词问题,了解即可!
项目构建
上面两个工具了解即可,接下来是我们的重头戏:项目构建!
这里我们简要说明下,它的大致工作流程是这样的:

简单点理解,跟代码项目立项有点类似:
一、我想编写一款游戏,参考 XXX 游戏风格,这个对应第 1 步
二、游戏的功能大概有哪些,我们需要有参与的效果图实现,这个对应第 2 步
三、游戏不能一致,我们需要在页面中创造性的添加一些新功能,这个对应第 3 步
四、美术同事开始画图,审核,这个对应第 4 步
五、游戏效果图进行微调,然后出图,这个对应第 5 步
更多内容,参考GameUI AI的操作手册即可。
接下来,简单模拟下:上传 2 到 5 张截图,描述风格:

稍等片刻,风格图就有了:

这个样式,是否比较熟悉呢,这里我们可以做这么几件事:
一、觉得效果不是我想要的,可以点击上方的【上传】,它会根据你的效果图进行重新分析生成

二、效果依然不是我想要的,可以参考【模板】:

三、效果还是差点意思,那就人工介入:

最后点击使用,这里,我们的项目就生成了!

点击左侧的添加节点,可以添加不同的界面 GUI,毕竟游戏又不是一个主页面。
这里,我们添加一个设置页面吧:

选择【编辑布局】:

然后选择模板的布局,随意选择一个效果图,点击确认

最后直接使用,这样的话,两个页面的效果图就有了:

点击第一个 Home节点的【生成】,看看真实的 AI 效果图如何,等待【2~5 】分钟,效果如下:

注:等待的时候,可以去设计其他页面,有些时候,多刷新下,页面其实已经生成了,但网页没同步。
V1 代表版本,生成的第一版效果图。
感觉还不错,点击效果图进行微调,也可以点击编辑资源,这里我们选择后者:

直接一键切图,它会提示你是否包含背景图,额外消耗 5 积分,最多切出 50 个元素,等待5 到 10 分钟:

拆出的图跟上面我们提到的问题类似:要么拆的太碎,要么拆的太粗略,但也不全是缺点,起码不用担心资源是否白底,是否不清晰等。
直接【下载当前页资源】,所有的散图资源就都下载下来了。

总结
一、使用该工具,主要消耗的是积分,对于新用户注册,官方会 200 积分,通过主页的【免费积分】了解即可。
二、关于按钮带问题的问题,有些时候可能是原型图拆分的缘故,比如按钮,可以设置为按钮背景、按钮 icon, 按钮标题,这样拆分也好一些。
三、项目构建的第一步,设置游戏的风格很重要,后续的界面节点都是会按照该风格设计!
四、别把现在的 AI 生图工具想象的那么完美,什么都能符合您的心意,这个梦咱就不要做了!
五、我个人建议 【Holopix AI】和 【Game UI AI】搭配使用,风味更佳!
最后一句话:给我们自己机会,给 AI 工具机会;现有的工具,如何真的能够帮助自己一点什么,那就很不错了!
文章到这里结束,希望对您有用!
有什么想说的,欢迎留言,一起加油,一起进步!
// 工具入口https://holopix.cn?inviteCode=354400
夜雨聆风