Как поместить скриншот внутрь мокапа iPhone

Сырой скриншот — это прямоугольник интерфейса. Мокап даёт этому прямоугольнику корпус, тень и место, на котором он стоит, и именно это заставляет читать его как продукт, а не как документ. Механика простая; ошибаются обычно в пропорциях, радиусе углов и количестве воздуха вокруг устройства.

Начните со скриншота в родных пропорциях

Снимайте на устройстве или симуляторе, который совпадает с выбранной рамкой, чтобы пропорции были верны изначально. Если растянуть кадр 16:9 в рамке 19,5:9, всё чуть заметно исказится, и результат будет ощущаться неправильным без возможности объяснить почему. Если у вас есть только кадр с другими пропорциями, кадрируйте его, а не растягивайте: потеря полосы списка незаметна, а искажённый шрифт заметен.

Углы и вырез оставьте рамке

Не скругляйте углы скриншота в редакторе перед вставкой. Рамка и так маскирует экран, а заранее скруглённые углы дают двойной контур или ореол. То же со строкой состояния и динамическим островом: если мокап их рисует, скройте их в кадре, иначе получите двое часов. Хороший инструмент даёт для этого переключатели, а не заставляет править исходник.

Оставьте воздух, а потом выбирайте фон

Устройство, прижатое к краю холста, выглядит тесно и плохо обрезается везде. Оставьте щедрое поле, а затем выберите фон с одной задачей: мягкий градиент для скриншотов стора, плоский фирменный цвет для соцсетей, прозрачность для шапки сайта, где должен просвечивать фон страницы. К фотографии переходите, только если приложение про физический мир, иначе она будет конкурировать с интерфейсом за внимание.