我要投稿

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

发布日期：2025-04-28 21:39:55 浏览次数： 1553 作者：把自己产品化

需求：用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关联即可，然后做一个单独的页面，我的图片，用来显示就好了。

53AI，企业落地大模型首选服务商

产品：场景落地咨询+大模型应用平台+行业解决方案

承诺：免费场景POC验证，效果验证后签署服务协议。零风险落地应用大模型，已交付160+中大型企业

相关资讯

2025-04-30

Mockaroo - 模拟生成测试数据

2025-04-30

MCP实战：将公众号接口做成mcp后，我终于实现了，一句话让AI自己搜索、撰文、配图、排版并发布公众号

2025-04-29

AI时代软件测试的认知革命与架构重塑

2025-04-29

Prompt 练习｜教育中的等待现象

2025-04-29

AI 友好架构：AI 编程最佳范式，构建 10x 效率提升的代码库（万字长文）

2025-04-29

Fetch MCP网页内容抓取实操：抓取“刘强东送外卖”新闻案例详细教程！

2025-04-29

技术为何无法帮助我们思考？从笔记软件的局限性谈起

2025-04-29

豆包是懂PDF论文阅读的

了解更多

了解更多

160+中大型企业正在使用53AI

立即咨询预约演示

把握AI发展的机遇，共同探索、共同进步

2025-01-22

如何打造基于GenAI的员工服务机器人

2025-01-22

热点资讯

Manus横空出世，如何获取邀请码

2025-03-06

Kimi、豆包与ChatGPT的对比分析

2024-09-04

从探索到落地：全面解析2024年AI在各行业的突破与应用

2025-01-25

国内用户如何使用ChatGPT高级实时语音功能教程

2024-09-26

豆包AI全攻略：八大功能详解与实操指南

2024-10-30

看完这篇，终于知道怎么选AI做PPT的工具了！

2024-09-03

让大模型写小说太难？试试雪花十步写作法，轻松突破瓶颈！

2024-12-11

新手必看：Cursor软件编写微信小程序全攻略

2024-12-25

对话Kyth：小宇宙CEO如何理解AI播客？

2024-10-30

深度复盘｜做AI产品近2年总结出来的25条核心认知

2025-02-18

大家都在问

提升思维！普通人如何像AI一样去深度思考？

2025-04-29

ARR数据造假算是本轮 AI 创业骗术 top3 了吧？

2025-04-25

AI 代码编辑器中的智能体模式到底是什么？

2025-04-22

DeepSeek生成的Html网页，怎么分享给别人访问？

2025-04-16

专访Answer.AI创始人周立：AI时代，学什么在未来是有用的？

2025-04-15

Agent落地有哪些挑战？如何应对？

2025-04-13

AI创业的真相：从"脏活累活"到成功秘诀，谁在决定AI的未来？

2025-04-07

AI会改变知乎和小红书吗？

2025-03-25

热门标签

内容创作大模型技术个人提效 langchain llamaindex 多模态技术 RAG技术智能客服知识图谱模型微调 RAGFlow coze Dify Fastgpt Bisheng Qanything AI+汽车 AI+金融 AI+工业 AI+培训 AI+SaaS 提示词框架提示词技巧 AI+电商 AI面试数字员工 ChatBI 知识管理开源大模型智能营销智能硬件智能化改造 AI+医疗 MaxKB

应聘简历请发送至： ceo@53ai.com

友情链接：

CopyRight © 2012-2024 深圳市博思协创网络科技有限公司版权所有

粤ICP备17114055号

广州：广州市华景路37号(华景软件园)暨南大学科技大厦6楼（整层）

深圳：深圳市福田区泰然四路29号天安创新科技广场一期A座1204

上海：上海市浦东新区金新路58号1602室

微信扫码
和创始人交个朋友

联系我们

售前咨询

预约演示

微信扫码

添加专属顾问

回到顶部