博客 / 实用教程

录屏怎么加手机边框?

准备原始录屏,在 CutEdge 里添加设备框、导入视频、调整背景,再导出检查。下面按实际按钮顺序操作,重点保留底部导航和演示中的关键内容。

视频展示 阅读 5 分钟
App 模板作品示例 · 独立笔记本
App 模板作品示例 · 独立笔记本

准备素材,打开编辑器

从相册选择一段原始录屏,先完整播放一次,确认方向正确,开头和结尾没有不需要的系统弹窗。

在 App Store 下载 CutEdge · App 可免费下载,部分功能需要 App 内购买。

设备框和视频导出都在 CutEdge App 内完成;此网页只讲操作步骤,不生成视频样机。

1. 添加与录屏方向一致的设备框

点击右上角「+」添加设备框。选中画布中的设备框,在「设备」中选择适合录屏的 iPhone 或 iPad 外观。竖屏录屏优先使用竖屏设备框。

已填入屏幕图片的 App 静态模板示例
静态模板只展示设备边框与构图,并非录屏导出画面。

2. 从「添加/编辑」导入原始录屏

先让画布上有设备框,再点击底部「添加/编辑」,从相册选择录屏视频。替换某个框的素材时,选中该设备框后进入「媒体」。

对照原视频里的关键操作,检查导航切换、弹窗和字幕有没有被边框遮挡。调整框内素材的位置和大小,保留这些内容。

3. 设置背景,给操作演示留出空间

点击底部「背景」选择配色。演示操作时,纯色或简单渐变更容易突出视频内容。需要标题时,从「+」添加文字,放在设备外,避免遮住操作按钮。

4. 导出视频,从头到尾播放检查

打开导出面板,为当前画布选择可用的视频格式和长边尺寸。视频导出需要 Pro;App 支持 MP4(H.264)或 MOV(HEVC)。保存后再检查实际文件。

打开保存后的视频,检查首帧、中间关键操作和最后一帧。
检查底部导航、字幕与弹窗是否完整。
实际播放确认声音和画面方向符合预期。

单条原始录屏可尝试保留原声;包含多段视频的合成结果为静音。请听一遍导出的文件,不要默认声音一定保留。

如果准备上传 App Store 预览视频,还需要单独检查视频规格与内容要求。用于社交媒体的带壳演示,不能直接当作已符合应用商店要求。

查看 App Store 预览视频要求

先用一张图片熟悉操作

打开带壳截图图文教程,用自己的原始截图练习

常见问题

录屏加壳前需要先裁切吗?

建议先保留原始录屏的完整画面,导入后调整设备框和素材。为了填满画布提前裁切,容易丢失底部操作区。

视频为什么只有中间部分能显示?

检查原视频与设备框的比例,调整素材显示位置和大小;必要时换用更匹配的设备框。

录屏加壳导出需要 Pro 吗?

需要。你可以先在 App 内预览,视频导出需要 Pro;具体格式和尺寸以当前导出面板为准。