Как я использовал Keynote для создания скриншотов и роликов для App Store

Недавно я использовал Keynote для создания скриншотов и видеороликов для предварительного просмотра приложения. Оказалось, что это гибкий инструмент, а поскольку он бесплатный и экспортирует как изображения, так и видео, он отлично мне подошел. Кроме того, в нем есть удивительно сложные опции анимации. Я хочу поделиться своими заметками о том, как я это сделал.

Создание скриншотов для App Store

1. Установите размер слайда документа: Установите пользовательский размер 1290 x 2796, который необходим для скриншотов App Store.
2. Скачайте рамку смартфона: Apple предоставляет официальные рамки смартфонов, которые можно скачать здесь.
3. Экспортируйте превью SwiftUI: В Xcode экспортируйте превью SwiftUI в виде изображений: Editor | Canvas | Export Preview Screenshot.
4. Добавьте рамку: Импортируйте снимок экрана SwiftUI в Keynote, затем замаскируйте углы с помощью Format | Image | Mask With Shape | Rounded Rectangle. Сгруппируйте скриншот и рамку вместе (Arrange | Group), чтобы их можно было легко перемещать и изменять размер.
5. Выровняйте элементы: Используйте направляющие Keynote, чтобы аккуратно выровнять все элементы.
6. Экспортируйте и загрузите в App Store Connect: Когда вы закончите, экспортируйте слайды в формат PNG: File | Export To | Images… (выберите формат PNG). Такие изображения будут готовы к загрузке в App Store Connect.

Создание видеороликов для App Store

1. Используйте анимацию Keynote: Вкладка Animate в Keynote позволяет анимировать переходы между слайдами и элементами. Например, вы можете создать эффекты, подобные увеличению лупы (вот пример).
2. Экспорт видео для страницы в магазине приложений: Экспортируйте с пользовательским разрешением 886 x 1920 (требуется для предварительных просмотров приложений) и используйте формат H.264. Помните, что предварительный просмотр приложений должен длиться от 15 до 30 секунд.
3. Добавьте аудиодорожку: Видео для страницы приложения в App Store нуждаются в звуковой дорожке. Установите ее в разделе Document | Audio. Если вам не нужен звук, используйте беззвучный MP3, как, например, в этом примере.

Заключительные мысли

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

Вот видеоролик предварительного просмотра приложения, который я сделал с помощью Keynote: