iPhoneモックアップ

iPhone 11 Pro Maxのモックアップ

iPhone 11 Pro Maxの無料フレームです。画面部分は透過していて、1242 × 2688のスクリーンショットがピクセル単位でぴったり収まります。Appleの公表寸法をもとに作った3Dモデルからレンダリングし、Space Gray、Silver、Gold、Midnight Greenを用意しました。

フレームPNGをダウンロード 1813 × 3243 px · 190 KB · 透過

スクリーンショットのサイズ

1242 × 2688 px

414 × 896 pt（@3x、縦向き）

スクリーンショットの配置位置

x 228, y 179

フレームの下のレイヤーに100%で配置

本体サイズ

77.8 × 158 × 8.1 mm

458 ppiのディスプレイ

iPhone 11 Pro Maxフレームの使い方

上のPNGをダウンロードし、Figma、Sketch、Photoshop、Pixelmator Pro、Keynoteのいずれかで開きます。
1242 × 2688のスクリーンショットを、フレームの下のレイヤーに、x 228、y 179の位置で配置します。画面にぴったり収まり、角の丸みとノッチはフレーム側で表現されます。
透過した背景とやわらかな影を残すため、PNGで書き出します。

シミュレータや実機で撮ったスクリーンショットは、最初からこのサイズです。実機ではサイドボタンと音量を上げるボタンを同時に押し、シミュレータでは⌘Sで撮影できます。
どのデバイスで撮ったスクリーンショットかわからないときは、App Storeスクリーンショットのサイズのガイドをご覧ください。

レイヤー作業を省く

代わりに、スクリーンショットをFeatureFrameにドロップしてください。サイズを読み取ってiPhone 11 Pro Maxを選び、3Dのフレームに収めます。好きな角度に傾け、カラーを選び、背景と影を加えて、最大4Kでコピーまたは書き出しできます。本物のデバイスフレームはFeatureFrame Proで使えます。クレイフレームは無料です。