跳到正文

CutEdge / 带壳截图工具

带壳截图制作工具:给 iPhone、iPad 截图加设备边框

带壳截图是在原始屏幕截图外添加设备边框,让产品界面连同使用场景一起展示。用 CutEdge 可以把截图或录屏放进设备框,再安排背景和文字,制作完整的产品宣传图。这个网页说明做法,实际编辑在 App 内完成。

下载 CutEdge ↗

App 可免费下载,部分功能提供 App 内购买;具体权限与导出选项以应用内显示为准。

App 模板作品预览
真实英文版应用界面:选择 iPhone 设备边框并预览示例内容;Color Notes 是演示素材。

带壳截图适合展示什么?

需要让观众看清产品界面,同时知道它运行在手机或平板上时,带壳截图比单独贴一张屏幕图更直观。官网首屏、产品发布图、社交分享和作品集都可以使用;如果重点是阅读界面里的小字,仍应保留一张足够大的纯截图。

在 CutEdge 中给 iPhone 截图加壳

准备一张没有手机外壳的原始截图。在 App 中先添加设备框,选择与素材方向匹配的 iPhone 外观,再从“添加/编辑”导入截图。选中设备框后可在“媒体”中替换内容;接着调整背景和标题,最后导出成品。下方的图文教程展示了真实按钮位置。

让截图填满屏幕,避免空白和裁切

检查屏幕开口、顶部状态区域、四角和底部导航。让截图内容覆盖设备框的可视屏幕,同时保留重要按钮;出现留白时先检查截图与边框的比例和方向,再手动调整框内素材的位置与大小。原图已经带有机身时不要再套第二层外壳。

把样机导出为产品宣传图

按用途给带壳截图添加简短标题与克制的背景;一张图先说明一个主要信息。需要展示更多界面时,可分别制作 iPad、Mac 边框或录屏版本,但不要把同一画面重复缩小塞进多个设备。导出后打开实际文件,检查像素尺寸、文字可读性和边缘;用于 App Store 时再核对官方上传要求。

继续操作与检查

开始前你可能想知道

可以直接在这个网页里在线制作带壳截图吗?

这里提供真实 App 界面、制作步骤和示例。请下载 CutEdge,在 App 中导入自己的截图并制作;App 可免费下载,部分功能提供 App 内购买。

为什么设备屏幕里有空白,或者截图被裁掉?

先核对原始截图和设备框的方向、比例,再调整框内素材的位置与大小。确保屏幕内容填满设备开口,同时不要裁掉顶部状态区域或底部导航。

截图和录屏都能添加设备边框吗?

可以按当前 App 提供的素材与设备框选项操作。录屏需要导出后完整播放,检查方向、裁切、声音和关键操作是否可见。

下载 CutEdge ↗

App 可免费下载,部分功能提供 App 内购买;具体权限与导出选项以应用内显示为准。

继续制作下一种展示图