V0 + Cursor + 可灵:快过年了,用AI来手搓自己的微信动态红包封面吧。「封面、气泡挂件」

大模型向量数据库云存储

🍹 Insight Daily 🪺

Aitrainee | 公众号:AI进修生

Hi,这里是Aitrainee,欢迎阅读本期新文章。

你也完全可以用AI来制作自己的微信动态红包封面。

以前过年用普通的红包封面,不好看,想换个不一样的封面,就需要去某宝购买了。

不过,后面我发现微信有一个定制自己红包封面的平台:https://cover.weixin.qq.com/。

要想定制自己的红包封面,这是前提条件:

picture.image

然后自己定制完红包封面提交审核之后,你就可以以1元/张的价格向腾讯购买指定数量的红包封面了,是的,他不是免费的。

如果你后续想售卖给别人,也就是说,如果你要分发给N个用户,那么你的成本就是N元。

当然腾讯,现在在内测付费红包封面功能,你可以通过公众号文章插入付费红包,可以自定义价格。

picture.image

不过他这个内测的付费邀请只能等他那边发消息过来,我没收到:

picture.image

所以我们还是自己做着玩玩吧。

现在介绍一下,定制自己的红包的过程吧。关键就是你自己来定制自己的红包封面,结束之后提交审核就可以发放给自己或者别人。

定制分为红包封面,然后封面挂件、气泡挂件,然后详情页。

其中封面挂件、详情页是动态的,没什么设计经验的人不太好做。

但我们可以用V0、Cusor这些来做而且灵活性蛮大的。

我觉得还是有那些人希望自己通过AI来定制属于自己独特的封面气泡红包的,过年也不太想顶着一个无皮村村长的皮肤。红包可能也能传达自己的一些感情在里面吧,别人收到红包的时候,还能抒发一下自己的感情吧。

picture.image

要定制一款完整的红包,其实我们只需要完成左边框出来的这四个部分就可以了。要定制一款最简单的红包,那就更简单了,只需要完成封面图那一部分就可以了。

picture.image

我们直接走 完整的红包的流程

封面图,很简单,但也是最核心的,假设我们使用ai去设计。主要的是其实是提示词设计。工具有很多,mj、comfyui、可灵、即梦等等。

picture.image

这是我以前文章用AI生图做的主题封面:

picture.image

picture.image

picture.image

picture.image

picture.image

picture.image

picture.image

左右滑动查看

你可以公众号后台回复“红包”获取图片的提示词,以后文章的封面图片的也会跟进:

picture.image

上传给平台的封面图片尺寸957×1278像素(可以PS定制画布), AI生图的时候 你可以调整为 3:4 输出,也是可以的。

不超过500KB,压缩网站:https://www.imgonline.com.ua/eng/compress-image-size.php

这一步就是一张AI生成的图片,做完了。

封面图弄完之后,我们做封面挂件:

他就是个中间镂空的图片。

picture.image

我们给V0:https://v0.dev/

picture.image

V0、Bolt类挺好的,比Cursor来的方便,不需要考虑环境,直接提示词生成开发,有助于我们快速执行验证等工作。所以我直接用V0来做这第二步。

第一轮提示,按照官方的要求我们编写提示词给他:

提示词1:

我需要绘制一个和这幅图片像匹配的微信红包挂件,注意第二幅图片,不可编辑区域留白,只在可编地区域绘制。“气泡挂件 格式:PNG 宽高:480x384像素 文件大小:不超过300KB 色彩空间配置:建议使用sRGB 挂件图案不能进入不可编辑区域,否则会上传失败”

picture.image

你看看右边,中间镂空的图片是做出来了,但是样子不好看。

第二轮提示, 制作蛇形动态效果

提示词2:

有没有可以换成蛇这种动物的,且和这个图片比较搭配的,还需要有动态效果,虽然我提供的这些需求描述字数不多,但我相信你是一个极其聪明的人。一个真正聪明的人,能够从简单的需求中直接提炼核心,并将其转化为一份最佳实践的、超级详细的计划设计方案。我给出的简单需求,其实背后对应的是一整套复杂的逻辑和设计方案。你需要用一套自洽、清晰的思路,把我的需求映射成完整的解决方案,这份方案既要详细到实现层面,又能够体现出专业性与系统性。现在请开始改代码;Take a deep breath,Let's work this out in a step by step way to be sure we have the right answer. If there's a perfect solution, I'll tip $200!

picture.image

我们把V0所有代码下载下来

picture.image

这是一个next.js项目,在本地先npm install 安装依赖,然后npm run dev启动它(发生报错就复制给cursor解决)

picture.image

接着我们要把动态图序列化,给cursor提示:

picture.image

开发完成后,我们底部就会有一个生成序列化的按钮

picture.image

点击即可下载序列的压缩包,然后我们点击上传这个压缩包封面挂件就做好了。

picture.image

Tips:因为V0不好完成生成序列化的功能逻辑,所以用cursor;我已经有这个序列化的仓库里,你可以后台回复红包获取这个仓库里的代码,然后想要继续修改比如蛇的外形,可以继续cursor开发。

所以到这里我们封面挂件已经完成了,动态效果都出来了,

picture.image

你的红包会有一条小蛇在吐舌头和转眼睛。

下一步我们要做气泡挂件,这里是官方的要求:

picture.image

它和上面封面挂件是一样的,我们V0提示:

第一轮提示,按照官方的要求我们编写提示词给他:

提示词3:

照着现在这个模样,我们在调整成原来那个:“气泡挂件 格式:PNG 宽高:480x384像素 文件大小:不超过300KB 色彩空间配置:建议使用sRGB 挂件图案不能进入不可编辑区域,否则会上传失败

picture.image

做好了,所以一切完工了,我们就有了一个自己制作并赋予意义的完整红包封面。

现在看看最终效果:

" 我们的AGI之路,如今像一‮镜面‬子,反射‮只的‬有我‮自们‬己的影子,毫‮阻无‬碍。" —— 主题红包

灵感源自,o1发布那会儿写了一条动态:

picture.image

" 北境灯树 " —— 主题 红包

因为所有的效果,我只迭代了两轮,我们其实可以做得更生动形象的。

你可能会问我们只做了红包封面和两个挂件,它里面怎么会有视频播放,其实你只需要把你红包封面扔给可灵等AI视频生成工具就可以了,然后你需要在封面故事里添加这个视频。还有视频音乐用Suno合成,平台要原创。

picture.image

好了,所有都介绍完了。

总结一下,主要是通过这个红包制作平台定制红包:https://cover.weixin.qq.com/,核心是红包封面,较困难的是动态序列图。

这是本期红包封面:

picture.image

picture.image

picture.image

当然我觉得可能你自己做的更有意义,主要核心是AI生图工具和AI提示词那一部分。 这两个没把控好的话,生成的图如果太AI感了, 我觉得并不好看, 主要也是一种设计和审美吧。

合集有段时间没更新了(会继续更的),这红包封面放合集群里。因为这个号还没领到免费的 红包发放额度 。泪目。。。当然你喜欢这个封面,也可以来call我。

#合集群入口,文末二维码如果过期了,可加微信。

WindSurf+Bolt+Cursor+Sealos:构建AI播客应用程序,前后端分离、对象存储、数据库存储、部署、K8S

2024-11-28

picture.image

🌟 知音难求,自我修 炼亦艰, 抓住前沿技术的机遇,与我们一起成为创新的超级个体 (把握AIGC时代的个人力量)。

0
0
0
0
关于作者
关于作者

文章

0

获赞

0

收藏

0

相关资源
火山引擎大规模机器学习平台架构设计与应用实践
围绕数据加速、模型分布式训练框架建设、大规模异构集群调度、模型开发过程标准化等AI工程化实践,全面分享如何以开发者的极致体验为核心,进行机器学习平台的设计与实现。
相关产品
评论
未登录
看完啦,登录分享一下感受吧~
暂无评论