iPhone 17のモックアップ

iPhone 17フレームの使い方

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

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

レイヤー作業を省く

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