博客 / 实用教程

iPhone 带壳截图怎么做?

在 CutEdge 中先添加 iPhone 设备框,再放入截图、设置背景并导出。下面按操作顺序说明各个入口、设置方法与导出检查。

设备边框 阅读 5 分钟
App 模板作品示例 · 单机斜置
App 模板作品示例 · 单机斜置

准备素材,打开编辑器

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

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

实际截图套壳在 CutEdge App 内完成;此网页提供操作教程和导出后的尺寸检查。

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

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

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

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

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

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

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

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

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

CutEdge 模板中填好示例图片的 iPhone 带壳效果
App 模板中已有图片的成品风格示例;它不是上面操作截图所导出的同一文件。
顶部和底部导航没有被裁断。
画面里只有一层设备外壳,没有重复圆角。
标题清晰,导出的像素尺寸符合发布要求。

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

继续制作统一风格的一组截图并在 App 内批量导出 →

下一步:给录屏视频加壳

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

常见问题

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

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

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

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

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

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