每次发布 App 更新，我都会尝试做一个新功能演示视频发送到各种社交媒体，久而久之这也变成了一项非常大的负担，原因也很直接：重复性劳动 + 视频剪辑技能缺失。
在 App Store、官网或社群里分享应用，直接截图当然也行，但把一张「白底+纯截图」和那种精心制作了设备框架、渐变背景、柔和阴影的产品视频放在一起，差距是显而易见的。经过我自己的实测，制作精良的产品演示视频，能够在社交媒体上获得更多的观看。
但是问题又来了，实践过的朋友们应该都知道，做一个「好看的应用展示视频」的成本相当不低：
我不想每次发版都折腾这些，于是干脆自己做了一个工具：Mockup Studio。
Mockup Studio 是一个纯网页工具，核心功能和使用逻辑非常简单：
上传截图或视频 → 选设备和背景 → 导出成品
没有额外多余的步骤，也不需要你去学习和操作时间轴、动效、配置模糊背景，就能帮你做好演示视频的套壳和美化。
目前支持的输入格式：
输出格式：
目前支持 iPhone 17 系列三款机型：iPhone 17 Pro、17 Pro Max、17 Air。
至于只提供最新旗舰的原因，是因为展示视频往往就是需要表现出 APP 最炫酷和最专业的一面，用最新机型框架展示应用，视觉上更现代。
想象一下你的演示视频中是一台 iPhone 6s 或者一台传统大刘海的 iPhone XR，肯定会给用户传递出一种 APP 很老化，年久失修的感觉，这肯定不是开发者想要的效果。
当然了，在完成功能的稳定和打磨之后，后续我也计划陆续支持更多设备型号（光速打脸）。
目前的背景支持三种模式：
纯色：简洁干净，适合需要统一视觉调性的场景。
渐变：自定义渐变颜色，轻松做出有层次感的背景。
自定义图片：上传任意背景图，完全自由。
配合可调节的阴影强度，整张图的「空间感」立刻就出来了。
在社交媒体上发视频，视频的宽高比至关重要，不合适的比例会让你的观众感觉非常别扭，例如在竖屏模式下看横屏视频，所有元素都缩成一团，根本看不清，视频效果也就可想而知了。
因此，在 MockupStudio 中，也提供了一个 Canvas 的控制面板，目前可以选择五种不同的画布比例：
如果你需要在展示图上加公司 Logo 或产品名称，可以直接在工具里上传 Logo 图片、输入名称，然后用同样的九宫格位置系统把它放到图片的任意角落。
对于那些需要带上生产品牌素材的团队，这个功能可以省掉不少 Photoshop 时间。
Mockup Studio 从设计之初就把视频和图片放在同等位置，上传 MP4 或 JPG，一样 都可以叠加设备框架、设置背景、调整阴影，导出带框架的 PNG 或 MP4。
我在做自己 App 的演示视频时，完整的流程大概是：
整个过程不超过三分钟。
项目成立之初，我也也想过把 MockupStudio 做成 Mac App。但经过仔细思考，以及结合自己的需求之后决定，还是做成网页工具更合理：
无需安装，打开浏览器直接用，我发社媒的时候通常都是手机操作，用原生开发会有极大的跨平台成本。
跨平台，Windows、macOS、Linux 都能跑，能让更多的朋友用上这个服务。
随时更新，我修了 bug 或加了新功能，下次用户打开就是最新版，迭代起来非常快速。
对于这种「偶尔用一次」的轻量工具，网页形式比 App 更合适。
Mockup Studio 注册登录后即可免费使用，免费版导出时会带一个水印。
如果你用得顺手，可以考虑选择一次性付费解锁所有无水印导出，完全的买断制，没有订阅。
我自己在用它维护自己 App 的所有展示素材，如果你也在做独立开发、或者需要经常制作应用截图，可以去试试：
有任何问题或功能建议，欢迎在评论区告诉我。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。