如何在Mac上把截图放进iPhone外框

加了外框的截图,一眼就能看出是手机。在信息流里,别人还没读一个字,就知道自己看的是一款应用,而不是一张随便的图片。本指南介绍三种做法,从最快到最手动。

开始之前:拿到合适的截图

只有当截图是设备原生分辨率下的完整屏幕时,外框才能严丝合缝。在手机上或模拟器里截图,得到的就是这样的截图:

用隔空投送、照片或iCloud把它传到Mac上。不要先裁剪或缩放。比如iPhone 18 Pro的截图是1206 × 2622像素,正是这个准确的尺寸告诉工具它来自哪部手机。如果不确定截图来自哪台设备,截图尺寸指南列出了尺寸和设备的对应关系。

方法1:拖进FeatureFrame

FeatureFrame是一款专门做这件事的Mac应用。它会读取截图的像素尺寸,找出截图来自哪台设备,并把截图放进该手机的3D模型。

  1. 打开FeatureFrame,把截图拖到窗口上,或按⌘ V粘贴。
  2. 它会自动选出对应的iPhone或iPad,从iPhone 11 Pro到iPhone 18 Pro Max、iPhone Air、iPhone Duo,以及iPad Pro、Air和mini。你可以在右侧面板更改设备和配色。
  3. 在角度编辑器里拖动来倾斜手机,或选一个角度预设。
  4. 根据要发的平台选择画布比例,比如Instagram帖子用4:5,X用16:9;再选一个背景:纯色、渐变、macOS墙纸或你自己的图片。
  5. 按⌘ C拷贝图像,直接粘贴到帖子里;也可以把它拖出窗口,或按⌘ E以720p、1080p或4K导出。

一个画布上最多可以放三张截图,横排、竖排或层叠,它们共用相同的大小和间距。免费用户可以使用白色或黑色的素模手机和素模平板外框,导出的图片带有一个小小的FeatureFrame标识。FeatureFrame Pro解锁所有真实设备外框、自定水印或无水印,以及PNG导出。

方法2:使用免费的PNG外框

如果你本来就在用Keynote、Figma或Pixelmator Pro,一张PNG外框就够了。设备外框库为每款iPhone和iPad提供一张免费PNG,屏幕区域透明,尺寸设计得让该机型的截图逐像素吻合。每个设备页面,比如iPhone 18 Pro外框,都列出了适用的截图尺寸,以及截图应该放在的准确x和y位置。

在任何应用里,规则都一样:截图放在外框下方的图层。这样外框的边框和圆角会盖住截图的边缘。

在Keynote中

  1. 新建一个演示文稿,在“文稿”检查器中把幻灯片尺寸设为你的画布尺寸,比如1080 × 1350。
  2. 拖入截图,再拖入PNG外框。
  3. 选中外框,选取“排列”>“移到最前”。Keynote会保留PNG的透明效果。
  4. 同时选中两者,按住Shift一起调整大小,让截图对准屏幕开口。把它们编组,这样就能一起移动。
  5. 选取“文件”>“导出为”>“图像”,然后选择PNG。

在Figma中

  1. 按画布尺寸新建一个Frame,并给它设置背景填充。
  2. 拖入PNG外框和截图。在图层面板中,把截图拖到外框下方。
  3. 按设备页面上100%比例下的尺寸和位置设置两者,然后编组,再缩放整个组以适应画布。
  4. 把这个Frame导出为PNG或JPEG。

在Pixelmator Pro中

  1. 打开PNG外框。它的画布尺寸已经是合适的。
  2. 拖入截图,在图层边栏里把它的图层移到外框下方,并把位置设为设备页面上给出的x和y。
  3. 合并或编组这两个图层,然后更改画布尺寸,在最底层加一个背景图层。
  4. 选取“文件”>“导出”来导出。

方法3:Apple的产品边框

Apple在设计资源页面的Product Bezels(产品边框)下提供官方设备图片,有适用于近期iPhone和iPad机型的Photoshop文件和PNG。叠加方式完全相同:截图在下,边框在上。Apple要求在营销中使用这些边框时,先查看它的营销资源和标识使用指南,所以发帖前请先读一读。

把细节做好

Mac截图怎么办?

Mac窗口截图不需要设备外框,它本身就有窗口的形状。截取窗口,然后放在背景上,加一些留白和阴影。如果截图带着macOS自带的投影,请看如何截取不带阴影的Mac截图。FeatureFrame能识别窗口截图,裁掉macOS的阴影,保留圆角,并把它做成简洁卡片。

接下来

截图加好外框之后,剩下的就是呈现。如何让截图在社交媒体上更好看介绍了背景、留白和一组图片的一致性;还有在X上分享和Instagram轮播的指南。想完全省掉图层操作,在Mac App Store获取FeatureFrame。

更多指南