学学设计|不用付费软件,3 步把产品做成手机套壳的live、视频宣传图

很多人用 Rotato 这类样机软件，但免费版导出会带水印。

今天分享几种方法，其中有完全免费、没有水印的，也有一句话就能搞定的懒人版。

准备工作

一段录屏：用 iPhone 自带的"屏幕录制"录下你要展示的宣传应用界面。

剪映：手机版和电脑版（剪映专业版）都可以，电脑版更好操作。（如果用方法 B 或 C，可以不用剪映）

第一步：选一种方式获取 iPhone 样机

方法 A：苹果官方边框（免费，无水印）

1、打开苹果开发者网站的 Apple Design Resources 页面：developer.apple.com/design/resources

2、往下找到 产品边框（Product Bezels） 板块。选择你想要的机型，目前有 iPhone 16、17、18 等新机型。

点击下载 PNG 格式的文件。

这些边框图的屏幕部分是透明的，正好可以把录屏"透"出来。

苹果只保留最近几代机型，旧款（比如 iPhone 12）已经下架了。如果是商用宣传，记得看一下苹果的营销素材使用规范。

方法 B：Rotato（效果最炫，免费版有水印）

Rotato 是专业的 3D 样机软件，有 Mac 版和网页版https://rotato.app/?utm_source=chatgpt.com。把录屏拖到手机屏幕上就能生成带 3D 旋转动画的样机视频，制作简单且效果非常高级，缺点是付费。

免费版导出的视频会带 Rotato 的水印。想要无水印，预算够的话可以考虑购买付费基础款。

方法 C：让 Claude 直接生成（最省事）

不想自己动手对齐？可以直接把录屏发给 Claude，让它帮你一步做好。

把录屏上传给 Claude，然后发送这段提示词：

请帮我把这段录屏做成 iPhone 样机视频：

 1. 用代码画一个 iPhone 16 风格的手机边框，银色铝合金边框、黑色屏幕边框、圆角屏幕，包含侧边按键 

2. 把我的录屏放进手机屏幕里，四个角裁成圆角，不能露出直角 

3. 背景用纯白色，手机下方加一点柔和的阴影 

4. 输出 1080×1920 竖屏 MP4，保留原视频声音 

5. 不要加任何水印或文字 做好后先截一帧给我检查，确认没问题再发视频文件

·机型、颜色、背景都可以在提示词里改，比如"换成黑色手机""背景改成浅紫色""视频加速 2 倍"。

·需要使用能上传视频、能运行代码的 Claude 版本。边框是 Claude 用代码画的，比苹果官方图简洁一些，不是照片级效果。

👉选方法 A 的继续看第二步。

👉选了方法 B 或 C，直接跳到文末的进阶技巧。

第二步：在剪映里叠加

原理很简单：录屏 + 透明边框 = 样机。

以下用剪映专业版（电脑）演示，手机版操作类似。

1. 导入素材

新建项目，把录屏和下载好的 iPhone 边框 PNG 都导入素材库。

2. 设置 9:16 比例

3. 设置背景颜色

在时间线上选中录屏，右侧面板点 画面 → 基础，往下拉勾选 背景填充，下拉菜单选 颜色，再选白色或你喜欢的颜色，最后点 全部应用。

4. 叠加边框

第三步：对齐屏幕 + 修圆角

选中录屏，缩小并移动，让它刚好落在边框的屏幕区域里。拖动画面四角缩放时，注意对齐上下左右的边缘。

第四步（可选）：做成 iPhone 实况照片

样机视频做好后，还可以把它变成实况照片（Live Photo）：在相册里长按就会动起来，也可以设成动态壁纸，用来发朋友圈、小红书都很吸睛。

先缩短时长

相机拍的实况照片只有 3 秒左右；用 App 转换的可以更长，但太长的视频看起来拖沓。建议先在剪映里加速：

👉 选中视频 → 变速 → 2x，时长直接减半，节奏也更紧凑。

方法 A：用抖音 / TikTok 转换

下面以 TikTok 为例（抖音操作类似）：

1. 点底部 +，从相册选中样机视频，点 Next。
2. 在发布页点 Everyone can view this post，改成 Only you（仅自己可见），然后点 Post 发布。别人看不到这条视频。
3. 在自己主页的 🔒 私密视频里打开它，点右下角 ···，在 More 菜单里点 Live Photo。
4. 等进度条跑完，出现 Live photo saved to your device 就保存好了。打开相册，左上角有 LIVE 标志，长按就能播放。

方法 B：用 intoLive App（不用发布，没有平台水印）

1. 把样机视频存到 iPhone 相册。
2. 在 App Store 下载 intoLive，选择这个视频。
3. 裁剪想要的片段，保存为 实况照片。

👉 免费版就能完成基础转换，部分功能（比如更长的时长）可能需要付费版。

✨ 进阶小技巧

录屏机型要匹配：用灵动岛 iPhone 录的屏，放进 iPhone 16 等新机型最自然；用刘海屏 iPhone 录的，放进新机型顶部可能会有点违和。

灵动岛重叠怎么办：iPhone 录屏里本身就带灵动岛，叠上边框后会出现两个。可以先用修图工具把边框 PNG 里的灵动岛擦掉（擦成透明），只保留录屏里的那个。

录屏清晰度很重要：尽量用原始录屏，不要用压缩过的视频，否则放大后会糊。

太长可以加速：剪映里选中视频 → 变速 → 2x，节奏更紧凑，适合发朋友圈或做实况图。

加点动感：给整个画面加一个缓慢放大的关键帧动画，看起来会更像专业样机视频。

学会了吗？快去把你的作品装进 iPhone 里吧！有问题欢迎在评论区留言 💬

往期👇：普通人告别8年蓉漂，回小镇1年半成为独立UIUX设计师，实现工作自由。