Анимация интерфейса приложения для ролика, сделанная в Premiere Pro
Промо приложения требует показать продукт в деле: регистрацию, оплату, достигнутую цель. Записать экран настоящего приложения до запуска часто нельзя, а собирать экраны в After Effects это дни работы.
Здесь вы описываете сценарий одной фразой, и плагин рисует иллюстрированный телефон, который его проходит. Для настоящих экранов с читаемым текстом есть ещё стиль UI.
Промпт этого ролика
Ролик выше сделан ровно по этому тексту, слово в слово. Он на английском, но плагин так же понимает промпты на русском:
📝
Fintech app onboarding: a phone shows the sign up screen, a bank card slides in and gets linked, then a savings goal ring fills up as coins drop in
Перевод для понятности (ролик сделан по английскому тексту выше): онбординг финтех-приложения: на телефоне экран регистрации, влетает банковская карта и привязывается, затем кольцо цели накоплений заполняется, пока падают монеты.
Настройки: тир Animation, стиль Flat, 16:9, 1080p, 60 к/с, 8 секунд. На странице играет уменьшенная копия рендера.
Как сделать в Premiere
Откройте проект и выберите Window → Extensions → Butter Motion. Панель встаёт рядом с остальными окнами, из монтажа выходить не нужно.
Выставьте чипы под полем промпта под свою секвенцию: 16:9 для горизонтального промо или 9:16 для вертикальной рекламы, 8 секунд на сценарий из трёх шагов. Совпали формат, разрешение и частота кадров, и клип ляжет на таймлайн без конформа.
Фон: целая сцена, как в примере, остаётся With background. Animation умеет и Transparent, если рисунок должен лечь поверх вашего видео.
Переключите тир на Animation и в списке стилей слева вверху композера выберите Flat. Можно оставить Auto: стиль подберётся по промпту.
Вставьте промпт, замените текст и цифры на свои и нажмите ↑ (или Cmd+Enter / Ctrl+Enter). Карточка пройдёт очередь, генерацию, проверку вёрстки и рендер. Это несколько минут, монтировать дальше можно параллельно. Сцена Animation генерируется примерно 2-4 минуты и длится до 10 секунд.
Сцена Animation приходит с уже открытыми ползунками (для подписчиков): основные цвета, тексты на экране, общая скорость и необязательные элементы. Всё остальное напишите словами в строке Tweak («пусть монеты падают медленнее»), стиль сохранится.
Нажмите To timeline. Клип отрендерится на вашем компьютере, попадёт в папку «ButterMotion» в проекте и встанет на позицию плейхеда.
Что поменять под своё приложение
Свой сценарий по шагам. Три шага работают хорошо: «экран регистрации, карта влетает и привязывается, кольцо цели заполняется». Замените их своими экранами.
Flat или UI. Flat рисует иллюстрированный телефон, это для рекламы. Стиль UI показывает настоящие экраны приложений и сайтов с читаемым текстом и курсором или пальцем, который по ним нажимает, это для демо функций и онбординга.
Свои цвета. Сцена приходит с открытыми ползунками: основные цвета, тексты на экране и общая скорость. Там и задайте фирменные цвета.
Свои скриншоты. Приложите скриншот своего приложения кнопкой +, и плагин построит сцену на нём.
Чем это лучше записи экрана
Запись экрана показывает настоящее приложение, но только если оно уже есть, готово и данные в нём не стыдно показать. Сгенерированная сцена показывает идею сценария на чистых данных, подходит под любой формат кадра и переделывается за минуты, когда меняется дизайн.
Сколько стоит
Одна генерация на выбранном тире: Flash 7 кредитов, Ultra 10, Animation 15. Прозрачность, разрешение, частота кадров и длина цену не меняют. Для подписчиков контролы и первая правка каждой генерации бесплатны, каждая следующая правка стоит 5 кредитов. Рендер и вставка на таймлайн ничего не стоят, водяного знака нет. Тарифы и пакеты кредитов в разделе с ценами, подробности в Как работают кредиты.