Опыт создания видео для App Store

Дизайнер из студии motion-графики решил поделиться своим успешным опытом создания видео для App Store. В данном материале будут даны рекомендации, что может выполнить сам разработчик, а что отдать на откуп аутсорсерам, и от чего вообще лучше отказаться.

Ролик необходимо размешать на месте первого скриншота в описании. В поиске магазина его нужно поместить на наиболее видное место.

В превью можно залить любой кадр. Сам ролик заливается только вовремя апдейта (равно как и скриншоты). С разных устройств позволяется размещать разные ролики, но локализовать видео пока нельзя.

Основные требования от Apple вы можете найти и сами на официальном сайте. Если вкратце и по сути, то соблюсти необходимо следующее:

- Без получения специальной лицензии нельзя выкладывать чужой контент.

- Компания против попадания в кадр пользователей или их рук (равно как и нарисованных). Также просит не использовать зум.

- Ролик должен подходить для аудитории от 4 лет.

- Запрещается создавать иллюзию, что вы задействовали несуществующие функции в приложении.

- Разрешено использовать закадровый текст, графику и музыку.

Однако не думайте, что в Apple нощно и денно бдят, отслеживая нарушения регламента. Более того, чтобы найти полностью «правильное» приложение, вам нужно очень хорошо постараться. Так что не сильно переживайте из-за зума или промелькнувшей на секунду руки.

Есть еще технические требования. Их соблюдение является уже более строгим.

1. Длительность ролика – 15-30 секунд;

2. Размер видеоматериала – до 500 Мегабайт.

3. Допустимые форматы – MOV, MP4, M4V.

4. Следующие соотношения сторон:

- для iPhone с 4-дюймовыми дисплеями (версии 5, 5s, 5c) – 1080x1920, 1920x1080, 640x1136, 1136x640.

- для шестых айфонов с диагональю 4,7 дюйма – 750x1334, 1334x750.

- для айпадов – 900x1200, 1200x900.

- для миниатюрных iPhone 4s с диагональю 3,5 дюйма – в теории 960х640. Пока еще App Store данный вариант не поддерживает.

5. Заливка видео происходит только через браузер Safari с OS X (версия не старее 10.10).

6. Ролик проходит постобработку перед тем, как попасть на модерацию. Это может занять довольно продолжительное время.

Вертикальное видео разрешено на Apple Store, однако не все приложения это поддерживают. Поэтому подумайте сразу при съемке, стоит ли оно того.

К плюсам вертикальных роликов можно отнести такие факторы:

а) Все мелочи в приложении либо обилие будет невыгодно видно;

б) Видео будет отображаться в реальном размере (на весь экран), вызывая невольное чувство у пользователя, что он данное приложение уже установил и использует.

Минусов на один больше:

а) Невозможность использовать ролик на Хабре, в соцсетях и на видеохостингах;

б) Отсутствует место для внесения дополнительных заметок;

в) Продемонстрировать, как приложение взаимодействует с другими объектами, не получится.

Что касается горизонтальной разверстки, то она предоставляет больше творческой свободы, так как в незанятом пространстве можно поместить, реальное окружение, титры, картинки и инфографику. Тем самым вы быстрее акцентируете внимание на особенностях приложения, что важно в условиях недостатка экранного времени.

В общем, если в видео сказано все, что нужно, и место для дополнительных комментариев вам не требуется – вертикальный ролик будет идеальным вариантом. Когда необходимо продемонстрировать кейсы, то тогда лучше всего горизонтальное видео.

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

Для удобства составим табличку для написания сценария. В первой колонке будем заносить время, во второй – происходящее в интерфейсе приложения (можно даже проиллюстрировать скринами с комментариями). Эти колонки являются базовыми, но при необходимости можно еще добавить:

-видео

-титры

-инфографику

-закадровый текст.

Наилучшей восприимчивости ролика аудиторией вы добьетесь, акцентируя внимание не на его «фишках», а на кейсах. В среднем, в видео 30-секундной продолжительности вы можете втиснуть парочку кейсов либо описание примерно 5 взаимосвязанных функций. Оптимальной будет история про то, как данные функции помогают пользователю.

Самым сложным моментом в планировании сценарии считается тайминг. Теоретически кажется, что засунуть в отведенные 30 секунд можно все что угодно, однако это далеко не так. Для реалистичной оценки времени прорепетируйте запланированные действия, снимите их, после чего произведите монтаж (черновой). Удалите неудачные моменты или неподходящие паузы, затем ускорьте видео до естественного состояния. Совершив все эти манипуляции, разбавьте паузами или другими смысловыми блоками кейсы, а также добавьте пару секунду к началу и концу ролика.

В App Store, как мы уже писали выше, локализовать видео не получится. Поэтому вам придется отказаться от услуг диктора и обширных титров, если приложение рассчитано на работу на нескольких языках. Либо заказывайте озвучку только у профессиональных специалистов. Это возможно сделать онлайн, обратившись в продакшн-студию.

Бесплатно подобрать музыку, воспользовавшись лицензией Creative Commons, можно на стоках. Для этого вам нужно соблюсти обязательное условие – что лицензия к данному треку предполагает его использование в других произведениях (derivative work). Также вам нужно предоставить ссылку на автора музыкального номера.

Если данный вариант вам не подошел, то еще можно купить по недорогой цене треки в продакшн-библиотеке.

Существуют два базовых способа отрисовки анимации интерфейса. Это либо захват экрана, либо монтаж и анимация на базе скриншотов.

В OS X Yosemite для захвата экрана используется QuickTime Player, который делает это напрямую с устройств Apple. Есть еще вариант с Mavericks, однако там нужно вначале передать видео с айфона или айпада, воспользовавшись сторонними (платными, но с пробным периодом) программами наподобие Reflector, и только тогда приступать к записи в QucikTime.

Монтаж можно осуществлять в любом удобном для вас и вашей ОС софте: Final Cut, Adobe Premier, Movie Maker и прочие. Ваши операции будут заключаться в удалении из сырого видео лишних пауз или неверных кликов, ускорения итоговых действий. Переходя к новому кейсу, необязательно демонстрировать ваш путь со стартовой страницы либо предыдущего этапа, достаточно монтажного перехода. Основные переходы лучше сопровождать музыкой.

Отрисовка интерфейса в векторе является сложной техникой, включающей в себя нажатие каждой кнопки, появление элементов и т.д. Однако с такой анимацией можно добиться большей свободы, например, добавить переходы, не имеющиеся в стандартном наборе (при этом соблюдая требования Apple к использованию функционала), внедрить любой контент и избежать проблем с правообладателями, не заполняя демо-аккаунты в приложении. Векторную анимацию из-за ее сложности лучше отдать профессионалам.

У анимации телефона также есть две разновидности: использование трехмерной модели устройства либо съемка реального человека с настоящим устройством. Модель телефона можно скачать за 20-30 долларов, вместе с анимацией и примитивными титрами, можно скачать на видеохайве. За эти деньги вы получите шаблон хорошего качества, разобраться в котором можно с нуля. Сделан он в формате проекта After Effects. В дорожках проекта наглядно описано, что в них нужно вставлять. Так как AE легко узнаваем, его можно подправить, просмотрев курс Эндрю Крамера.

Съемку ролика заказывайте лучше у фрилансера или у студии. Если решили обойтись своими силами, то акцентируйте внимание на том, как вставить в телефонный экран интерфейсную анимацию. Вживую лучше не снимать из-за перепада температуры либо освещения, что влияет на качество ролика худшим образом. Многие просто снимают на зеленый экран, а затем уже подставляют анимацию, которую подготовили заранее. Можно использовать приложение TrackFinger в случае, когда вам не требуется показать сложное взаимодействие с интерфейсом. Данный сервис следит за движениями пальцев, после чего направляет собранную информацию в After Effects.

Титры можно добавить практически в любой программе для монтажа. Приоритетом является не сложность анимации, а умение работать со шрифтами, основанное на хорошем вкусе. Это вы можете сделать и сами, в вот создание инфографики, иллюстрации и прочих визуальных красот лучше оставить профессиональным видеодизайнерам либо motion-студиям.

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