我要投稿

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

发布日期：2025-04-28 21:39:55 浏览次数： 1680

作者：把自己产品化

微信搜一搜，关注“把自己产品化”

需求：用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-06-14

2个小时完成一篇深度长文：我用AI工作流实现公众号日更的全过程

2025-06-14

好消息好消息，产品经理解放啦！AI 一键生成序列图、流程图

2025-06-14

AI 时代·产品心法

2025-06-13

花钱上AI Agent前，请先回答这3个问题

2025-06-13

全球第一个专业设计类AI Agent:Lovart

2025-06-13

AI干不掉市场部，这3种能力AI可没有

2025-06-13

我雇了个AI帮我买显示器，结果它比我还会做功课

2025-06-13

为何AI技术越牛，我们越忙？

了解更多

了解更多

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

立即咨询预约演示

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

2025-01-22

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

2025-01-22

热点资讯

AI时代，让每名大学生拥有属于自己的商业计划书

2025-03-17

Trae vs Cursor实战对决，附5大维度14个测评用例

2025-03-25

小白学AI | 术语篇 ( 二 )

2025-03-17

对标Cursor！国产最强AI IDE Trae让你开发效率提升200%，入门看这一篇就够了！

2025-03-16

30分钟让AI Agent自我觉醒，创新智能体框架--AI2T

2025-04-05

如何区分信息化、数字化、智能化、智慧化、数智化！

2025-04-05

告别生硬翻译腔：构建 AI 驱动的多轮评审润色流程

2025-03-17

AI Agent的利器——MCP的java server实现原理

2025-03-21

高效AI开发指南：上下文管理全解，以Cline为例

2025-04-14

别让“一键生成”害了你！用DeepSeek+Napkin 跳出PPT陷阱

2025-04-13

大家都在问

为何AI技术越牛，我们越忙？

2025-06-13

当AI能交付一切结果，我们为什么反而开始沉迷「过程」？

2025-06-12

5款AI知识库工具深度测评：哪款是你的菜？

2025-06-08

AI工具+专业=行业专家？

2025-06-08

在AI愈发强大的世界中，教师应该教什么，学生应该学什么？

2025-05-27

国产AI大爆发！Flowith、Manus、Skywork、Lovart四大神器深度实测，谁是你的菜？

2025-05-24

实测Manus和Lovart，谁才是Agent新王？

2025-05-23

新一代 IDE 横空出世，轻松碾压 VS Code 和 Copilot？

2025-05-22

热门标签

内容创作大模型技术个人提效 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室

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

联系我们

售前咨询

预约演示

微信扫码

添加专属顾问

回到顶部