MockuptopВсе руководства

Как превратить запись экрана в превью для стора

Почти каждое превью начинается как запись экрана, и почти каждое слабое превью слабо из-за решений, принятых во время этой записи, а не на монтаже. Записывайте осознанно — и всё остальное станет сборкой.

Пишите чисто, в нужном размере и не один раз

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

Режьте по действию, потом по такту

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

Положить, закадрировать, подписать, выгрузить

Положите подрезанную запись на устройство в проекте мокапа, выберите кадр, сохраняющий интерфейс читаемым, добавьте по одной подписи на план и анимируйте только то, что должно двигаться. Экспортируйте в точных размерах класса, которого ждёт ваш стор, при 30 кадрах и с битрейтом, при котором шрифт интерфейса остаётся резким. Затем посмотрите один раз без звука и в том размере, в котором это реально появится: он меньше вашего окна монтажа, и именно там проступают оставшиеся проблемы.

Частые вопросы

Как чисто записать экран приложения?

На iOS больше всего контроля даёт запись из симулятора; на Android хватает встроенного рекордера или ADB. В обоих случаях уберите уведомления и используйте реалистичные данные.

Показывать ли в превью палец или курсор?

Сдержанное обозначение касания помогает понять, что что вызвало, пока оно не закрывает интерфейс.

Можно ли смонтировать превью целиком в браузере?

Да: положить запись на 3D-устройство, анимировать камеру, добавить подписи и выгрузить видео полностью работает на стороне клиента в современном браузере.

Сделайте это прямо в браузере. Положите скриншот на 3D-устройство, подвигайте камеру, выгрузите кадр или видео. Без установки и без аккаунта.

Открыть 3D-редактор Открыть фоторедактор
Язык: EN TR DE ES FR IT PT AR RU JA KO