博客 / 实用教程

iPhone 带壳截图怎么做?

在 CutEdge 中先添加 iPhone 设备框,再放入截图、设置背景并导出。下面用真实编辑界面说明每一步点哪里,以及边框不合适时怎么调整。

设备边框 阅读 4 分钟

准备素材,打开编辑器

准备一张没有手机外壳的原始截图,保留屏幕顶部和底部内容。已有机身边框的宣传图不适合再次套壳。

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

下方截图为英文界面示例;中文界面的对应入口在步骤中标出。

1. 点击「+」,先添加 iPhone 设备框

点击右上角「+」添加设备框。点击画布中的设备框,进入「设备」,选择 iPhone 类别、机型和外观。也可以从底部「模板」开始,再调整模板里的设备框。

选中设备框后,在 Device(设备)中选择 iPhone 机型。
英文界面示例:选中设备框后,在 Device(设备)中选择 iPhone 机型。

2. 点击「添加」,把截图放进设备框

画布上有设备框后,点击底部「添加」,从相册选择截图。已有素材时,这个入口会显示为「编辑」。只替换某个框的图片时,选中该设备框后进入「媒体」。

调整框内截图的位置和大小,再检查顶部状态区域、底部导航与四角。重要按钮被裁掉时,先调整素材或更换比例更合适的设备框。

右上角是添加与导出入口,底部是素材编辑、模板、背景和画布工具。
英文界面示例:右上角是添加与导出入口,底部是素材编辑、模板、背景和画布工具。

3. 打开「背景」,设置配色与标题

点击底部「背景」,选择纯色、渐变或图片。需要标题时,从右上角「+」添加文字。标题放在设备外侧,并留出足够间距,避免遮住截图里的信息。

Background(背景)里的 Gradient(渐变)设置。
英文界面示例:Background(背景)里的 Gradient(渐变)设置。

4. 点击导出,打开成品检查

点击右上角导出图标,按准备发布的平台选择导出设置并保存或分享。打开实际导出的文件,放大检查文字和设备边缘。

顶部和底部导航没有被裁断。
画面里只有一层设备外壳,没有重复圆角。
标题清晰,导出的像素尺寸符合发布要求。

检查导出图片的尺寸与比例 · 查看 App Store 截图尺寸

下一步:给录屏视频加壳

查看录屏加手机边框的操作教程

常见问题

为什么出现两层手机边框?

原图本身已经带有手机机身。换成只有屏幕内容的原始截图,再添加设备框。

为什么截图底部被裁掉了?

先检查截图与设备框的方向和比例,再调整框内素材的位置、大小。必要时更换更合适的设备框。

图片导出后能直接上传 App Store 吗?

需要核对最终文件的精确像素尺寸与内容要求。可以使用本站尺寸检查器查看导出结果。

App 原生导出 · 真实 PRO 界面
App 原生导出 · 真实 PRO 界面