Midjourney操作界面

AI 编程之手把手教你实现用4o打造拍立得风格图片转换器(含源代码)

4.8
0热度

本篇是关于#Ai编程 的话题~请看这篇:AI 绘画摆摊翻车了,只能用 AI 编程救场:搞了个在线画图神器用 AI 轻松搞定一个 T 恤 DIY 网站这篇我分享一下过程,我用AI编程工具写的一个实现拍立得拍照功能,感兴趣的同学可以按照我的方式摸索着自己写一个~源代码我会共享在知识星球里,如果不愿意加入知识星球,文末也会放(付费可见下载地址~)需求:用AI实现一个拍立得的图片转换效果。1,我先画了


本篇是关于#Ai编程 的话题~
请看这篇:AI 绘画摆摊翻车了,只能用 AI 编程救场:搞了个在线画图神器
用 AI 轻松搞定一个 T 恤 DIY 网站
这篇我分享一下过程,我用AI编程工具写的一个实现拍立得拍照功能,感兴趣的同学可以按照我的方式摸索着自己写一个~源代码我会共享在知识星球里,如果不愿意加入知识星球,文末也会放(付费可见下载地址~)
需求:用AI实现一个拍立得的图片转换效果。
1,我先画了两张背景图:

我用左边的图当作拍照前的页面,右边的是拍照中的状态。

我先生成的右边的图,对应的提示词:
真实的可爱的拍立得相机,再出照片,出的照片用手写的中文字:马上好~,透明背景png格式,正面照」
然后再用这张图当参照图,加入提示词「不要显示照片,只显示照相机部分,还是透明背景png格式」即可生成左边的图。
2,告知AI需求:
根据该图设计一个点击拍立得相机上的按钮,进行拍照,用户可以选择图片或者摄像头拍照的照片,会提交到后面我提供的生成图片的 API 中,然后在相机口下方显示对应的照片。技术框架采用php+sqlite,前端用Tailwind CSS。移动端为主,先设计页面,后面再根据我的要求迭代功能。相机背景图片用这个url地址(拍立得的照片),项目名称:AI编程-拍立得。」
点击按钮拍照~我还特意配了一个相机的生效~用的工具是:
https://elevenlabs.io/app/sound-effects/generate
它可以根据你输入的文字生成对应的音效,比如我用的提示词:
The sound of the camera clicking.」
「按下」快门后,进入出片状态~
当然你也可以用类似显影照片来替代这个等待状态~
提示词:
一张拍立得的胶片照片,还没生成,显影状态的,背景透明」
成功出片之后,就是上面这个效果~点击快门按钮可以继续拍下一张~
3,如果觉得不够,那我们就增加一个注册用户登陆,比如登陆后可以体验更多次数。
增加注册登录功能,当前页面弹窗,防止页面混乱,单独页面处理,不要做太多交集,防止出现关联错误以及方便排查错误。数据库sqlite,简洁。」
继续优化,游客模式下,可以免费链接API出图2次,登陆之后的用户可以增加5次。单独页面或代码处理,不要过多交叉。防止产生其他错误。」
继续增加新功能,增加一个页面,我的,用户登陆状态提交任务到API的时候,把对应的tasked跟用户进行关联,即用户在我的页面可以通过获取图片API的看到该用户所有生成的图片列表,不要做交叉功能,尽量独立代码和页面。」
同样的,如果我们需要让图片跟用户进行关联,都显示在我的图片里,就是让用户id跟API里的taskid关联即可,然后做一个单独的页面,我的图片,用来显示就好了。(我就不单独做了,因为我没时间了,我今天必须要发这篇公众号,后面要是有空,我就都发到知识星球里~)
思路就是这篇:
AI 编程乱成麻?需要安排个“项目经理”
在线体验地址:
https://p.zlbigger.com/
还是建议下载源码本地自己体验~因为费token,人太多,我就会撤销掉,可能线上就报错,要体验更多就要去~
https://photo.ideafactorys.com/
扩展~~
按照这个思路,实际上,你可以用同样的逻辑改造很多场景出来~
比如给宠物重绘头像~~
画卡通头像~
发型打造~
……
加入星球的好处就是后面很多类似的我都公开过程和源代码,如果不想加入星球,获得本次源代码,单次付费即可,这里包含画图的API信息和代码下载地址~
比如这里:

立即下载

相似工具

评论列表 共有 0 条评论

暂无评论
发表
评论
顶部