毎回忘れる!iPhoneのモックアップ画像の作り方
目次
![](https://images.microcms-assets.io/assets/1e891de6183b44ccaa6115e3689e21c2/52ee1d6b8091449a9341c4e3a158ca36/2020_03_449cf0e40a573e84526a7ef16a83fb3a-1024x604.png)
以下からXdやKeynoteの素材データをダウンロードできるけど、上記画像の奴はXdには入っていない。よってKeynoteのみで作れる。
https://developer.apple.com/design/resources/
Xdでアートボードの高さを812pxに変更してから(プロトタイプの動画を撮る場合はスクロールをさせるため、これより高くなっているはずだから戻すのを忘れないで)、Cmd+Eで書き出す(2xの画像が欲しいからWebとして書き出すのがいいかも)。
写真右上の置き換える
で書き出した画像を洗濯してやればOK。