У дней анонсов есть своя форма. Что-то планируется, канал на несколько часов замолкает, а затем выходит ролик с новым знаком. Если это четыре кадра под одну музыкальную нарезку — работает. Если это монтажная склейка, которую кто-то собрал за послеобеденные часы из подвернувшегося видео, — она читается как кустарная, каким бы хорошим ни был логотип.
Дело не в бюджете. Хорошее видео запуска логотипа короткое, тихое и смонтировано осмысленно — и большинство решений принимается ещё до первого ключевого кадра. Ниже — порядок сборки, который ведёт к результату, настройки экспорта, не дающие знаку стать размытым, и четыре ошибки, которые неизбежно губят анонс. Если вы ни разу не анимировали знак, начните с основ анимации логотипа и вернитесь.
Что на самом деле такое видео запуска логотипа
Видео запуска логотипа — это короткий анонс, единственная задача которого — представить новый или переработанный знак и оставить у зрителя понимание, как он выглядит и как движется. Это определение сразу исключает две вещи. Это не бренд-фильм: нет интервью, нет медленной панорамы по столу, нет закадрового голоса, объясняющего стратегию. И это не тизер, потому что тизер намеренно скрывает то, за чем пришёл зритель.
По структуре это reveal. Знак появляется, приземляется, удерживается на долю дольше, чем кажется комфортным, и останавливается. Всё до этого момента существует, чтобы указать на него, а всё после — чтобы он осел в памяти зрителя. От двух до шести секунд — нормальный рабочий диапазон всего ролика, а большинство известных анонсов ближе к трём.
У жёсткости этого формата есть причина. У запуска ровно одна задача и очень широкая выборка распространения: один и тот же файл посмотрят в ленте на телефоне, без звука на ноутбуке и на экране в офисе. Видео с логотипом, построенное вокруг одного чёткого появления, переживёт все три случая; ролик, который зависит от музыкального нарастания или подписи, чтобы имело смысл, — только один.
Значит, ограничение — не творческая свобода. Это читаемость в плохих условиях — без звука, маленький кадр, две секунды внимания, — и именно это ограничение делает четырёхкадровую структуру стоящей.
Четыре кадра
Четыре кадра, по порядку. У каждого одна задача, и сборка упрощается, если не давать одному кадру две задачи сразу.
Кадр 1 · Помещение
Установочный кадр — окружение, фон, поверхность, текстура, — всё, что даёт знаку место, куда приземлиться, до того, как он приземлится. Создайте атмосферу здесь, а не потом, потому что как только логотип появляется на экране, глаз от него не отрывается. Кадр один — единственное место, где вы бесплатно задаёте настроение.
Держите его коротким. От восемнадцати до двадцати четырёх кадров вполне достаточно при 24 кадрах в секунду. Длинный установочный кадр в анонсе — это мёртвое время, а мёртвое время в начале — то место, где отваливается большинство зрителей.
Кадр 2 · Появление
Знак входит. Это кадр, который люди запоминают, и тот, на который стоит потратить время. Появление должно быть быстрым и решительным — меньше секунды, — потому что медленное появление заставляет зрителя ждать логотип, а никто не хочет. Быстрый ease-out, замедляющийся до финальной позиции, читается как уверенный; линейный сдвиг — как временная заглушка.
Два значения решают, приземляется ли появление: сколько кадров занимает вход и что происходит в двух кадрах вокруг остановки. У настоящего движения есть оседание. Если знак летит, а потом останавливается резко, глаз регистрирует это как перебивку, а не как движение.
Именно в появлении важен выбор сглаживания, и стоит точно понимать, что такое сглаживание, а не выбирать кривую на ощупь. Функции сглаживания описывают, как анимация ускоряется и замедляется за свою длительность, — это как раз та переменная, которая отличает уверенное появление от механического: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function">developer.mozilla.org — функции сглаживания</a>. Быстрое ease-out замедляется при прибытии, поэтому оно читается как решительное; линейный сдвиг держит постоянную скорость и затем останавливается, поэтому он читается как заглушка.
Кадр 3 · Удержание
Логотип стоит неподвижно, в такт, дольше, чем кажется правильным, когда вы смотрите его в цикле. Это кадр, который никто не планирует, и тот, который делает ролик законченным. Удержание в одну-две секунды в конце трёхсекундного анонса — не набивка, — это разница между тем, что зритель прочитал знак, и тем, что он лишь мельком его увидел.
Удержание — это также то место, где зарабатывается читаемость словесного знака. Если знак — это символ плюс имя, имени нужно достаточно неподвижных кадров, чтобы его прочитали в размере ленты. Это та же логика, что и при проектировании первого кадра как самодостаточного в анимации заставки логотипа, только применённая к последнему кадру.
Кадр 4 · Выход
Либо чистый переход в чёрное, либо короткий возврат в цикл к открывающему кадру. Выберите одно и придерживайтесь. Видео запуска, которое медленно затухает и тянется, выглядит неуверенным, а затухание также убивает цикл, — что важнее, чем звучит, потому что видео запуска перепубликуют как зацикленный материал почти на каждой платформе.
Цикл важен из-за того, как файл на самом деле потребляется. В ленте автовоспроизводящееся видео, возвращающееся к первому кадру, читается как единый непрерывный объект. То, что затухает в чёрное, читается как клип, который закончился, — мимо которого зритель пролистывает. Тот же материал, другой конец файла, измеримо разное время просмотра.
Одна музыкальная нарезка, а не четыре
Монтируйте картинку под музыку, а не наоборот. Сначала выберите трек, найдите бит и расставьте четыре кадра по меткам. Это самое влиятельное решение во всей сборке, потому что совмещение с битом — это то, что глаз читает как качество продакшена, даже когда не может назвать это.
Практический вариант: выберите трек с чётким сильным битом и примерно 90–120 ударами в минуту — достаточно быстро, чтобы ощущалось энергичным, и достаточно медленно, чтобы кадр не приходилось вписывать в один бит. Отметьте биты в редакторе, прежде чем расставлять что-либо. Затем дайте кадру два приземлиться точно на метку, а удержанию кадра три — занять следующие два. Склейка, опаздывающая на три кадра от метки, — самая частая причина, по которой в остальном чистый анонс кажется любительским.
Одна нарезка означает один трек от начала до конца. Не накладывайте whoosh, sub-drop и riser в разных точках только потому, что каждому кадру показалось, что ему что-то нужно. Наслоение звукового дизайна — это то, что заставляет двухсекундный логотип звучать как трейлер чего-то гораздо более длинного, и он мгновенно устаревает.
Если трек нужно лицензировать, проверьте условия до сборки, а не после. Документация Google's Audio Library объясняет, какие лицензии Creative Commons требуют атрибуции и как указывать трек, — стоит прочитать это один раз, прежде чем привязываться к музыке, которую вы будете использовать неоднократно: support.google.com/youtube/answer/3376882.
Настройки экспорта, сохраняющие знак чётким
Логотип — это высококонтрастная геометрия, именно тот вид контента, с которым видеокодеки справляются хуже всего. Тонкие штрихи и узкие буквы — это места, где артефакты сжатия появляются первыми: окантовка по краям и блочные пятна на плоских участках. Две настройки в окне экспорта делают большую часть работы по ущербу.
Во-первых, битрейт. Используйте более высокую скорость потока, чем платформа рекомендует для обычного видео, — насыщенный знак на плоском фоне нуждается в запасе, а файл длится всего несколько секунд, так что штраф за размер несущественен. Во-вторых, профиль. Экспортируйте H.264 с High-профилем и интервалом ключевых кадров около двух секунд, чтобы и точка цикла, и черновые кадры легли чисто.
Также стоит понимать, что кодек на самом деле делает с вашими краями, потому что исправление следует из причины. Руководство MDN по форматам изображений и видео документирует, как сжатие с потерями группирует похожие пиксели в блоки, — именно поэтому страдает высококонтрастная геометрия: developer.mozilla.org — форматы изображений и видео. Как объясняет эта справка, форматы с потерями отбрасывают данные, которые глаз вряд ли заметит, а жёсткий край логотипа — это то место, где глаз замечает всё.
Что касается цвета, экспортируйте в Rec. 709 и не экспериментируйте. Логотип, который смещается из фирменного красного в оранжевый из-за того, что контейнер несёт неверное цветовое пространство, хуже любого артефакта сжатия, и это проблема, которую вы не увидите, пока файл не воспроизведётся на чужом телефоне.
Выберите кадр до того, как выберете стиль
Одно решение принимается раньше любого из четырёх кадров: соотношение сторон, и оно следует из того, где будет идти запуск. Единый мастер-файл, который впихивают в каждое размещение, выглядит как единый мастер-файл, впихнутый в каждое размещение.
Практическое разделение: вертикаль 9:16 для Reels, Shorts и TikTok, квадрат 1:1 для ленточных размещений с агрессивной обрезкой и горизонталь 16:9 для главного баннера сайта, YouTube и любого экрана в реальном помещении. Соберите вертикальный мастер первым, если запуск в первую очередь социальный, потому что вертикаль — самая жёсткая обрезка: для словесного знака меньше горизонтального места, поэтому композицию нужно решить под неё до адаптации. Если вы предпочитаете начать с готовой раскладки, <a href="/logo-animation-templates/logo-animation-template">шаблон анимации логотипа</a> берёт на себя кадр и оставляет вам решения по таймингу.
Ещё одно соображение, которое решает формат, а не кадр: должен ли ролик когда-либо удерживать стоп-кадр. Вертикальный анонс часто экспортируют дважды — один раз как видео, другой раз как анимированное изображение для поста, который не принимает видео. Спецификация GIF — полезная справка о том, что этот второй файл может и чего не может: она поддерживает палитру из 256 цветов на кадр и не поддерживает смешивание альфа-канала, поэтому логотип с мягкими краями выглядит рваным в GIF и чистым в видео: w3.org — спецификация GIF89a.
Также однажды решите частоту кадров. 24 кадра в секунду читаются кинематографично и это более дружелюбное число для ролика с оседанием и удержанием; 30 кадров в секунду — более безопасная по умолчанию для платформ, которые агрессивно перекодируют. Смешивать частоты внутри одного запуска — мастер 24p и сокращение 30p — это тот вид детали, который никогда не замечают, когда он правильный, и всегда замечают, когда он неправильный.
Звуковой дизайн: сначала немой просмотр
Считайте, что запуск будут смотреть без звука по крайней мере половину времени. Автовоспроизведение в большинстве лент начинается без звука, а большинство зрителей, включающих звук, делают это через секунду-другую — а это уже после кадра появления. Значит, ролик должен нанести свой удар в тишине, а затем стать лучше со звуком, а не зависеть от него.
Тест прост: отключите звук на таймлайне и посмотрите четыре кадра. Если запуск по-прежнему передаёт появление в такт, звуковой дизайн — бонус. Если без звука появление кажется произвольным, проблема в точках склейки, а не в аудио.
Четыре ошибки, из-за которых запуски выглядят кустарными
Эти четыре объясняют большинство анонсов, которые выглядят сделанными за послеобеденные часы, и у каждого есть конкретное исправление.
Появление длиннее секунды. Исправление: сократите длительность входа, пока знак не прибудет менее чем за 24 кадра, затем добавьте оседание в два кадра вместо добавления времени.
Тонкие штрихи и мелкий шрифт в знаке. Исправление: сначала упростите под маленькое размещение и анимируйте упрощённую версию, потому что логотип, читаемый в размере аватара, читается в любом размере.
Нет удержания. Исправление: продлите финальный кадр, чтобы знак стоял неподвижно одну-две секунды в такт, затем выберите чистый переход или цикл.
Три разных звуковых эффекта, борющихся друг с другом. Исправление: один трек, одна нарезка, биты отмечены до расстановки картинки.
FAQ
Какой длины должно быть видео запуска логотипа?
От двух до шести секунд для анонса, причём три секунды — практическая золотая середина. Четырёхкадровая сборка — помещение, появление, удержание, выход — комфортно помещается в три секунды при 24 кадрах в секунду. Более длинные версии относятся к бренд-фильмам, которые — другой формат с другой задачей.
Можно ли сделать видео запуска логотипа без After Effects?
Да. Браузерный редактор покрывает то, что запуску на самом деле нужно: загрузите прозрачный SVG или PNG, выберите фоновые кадры и трек и экспортируйте результат в 9:16, 1:1 и 16:9. After Effects — правильный инструмент для сцен и ригов персонажей, а не для трёхсекундного reveal знака, который нужно выпустить сегодня.
Должно ли видео запуска зацикливаться или затухать в чёрное?
Зацикливайте. Автовоспроизводящееся видео, возвращающееся к первому кадру, читается в ленте как единый непрерывный объект, а затухание в чёрное — как клип, который закончился и мимо которого пролистывают. Если ролик должен заканчиваться чёрным для главного баннера сайта, сделайте это отдельным экспортом, а не портите социальную нарезку.
Какое соотношение сторон собирать первым?
Соберите вертикаль 9:16 первой, если запуск в первую очередь социальный, потому что вертикаль — самая жёсткая обрезка и заставляет решить композицию до того, как станет легче. Затем адаптируйте наружу до 1:1 и 16:9 из одного источника, чтобы тайминг и сглаживание оставались идентичными во всех размещениях.
Нужен ли отдельный файл для каждой платформы?
Разные соотношения сторон — да; разный тайминг — нет. Экспортируйте каждое соотношение из одного исходного файла, чтобы длительность входа, совмещение с битом и длина удержания оставались везде одинаковыми. Меняется только кадр вокруг знака, и именно это не даёт бренду выглядеть как четыре разные компании на четырёх каналах.
Главное
Соберите кадр три первым. Удержание — это кадр, который все пропускают, и единственный, который зритель на самом деле удерживает: знак, стоящий неподвижно в такт две секунды, — это что делает видео запуска логотипа осмысленным, а остальные три кадра существуют, чтобы его доставить. Сократите время входа вдвое, вложите сэкономленные кадры в удержание, и ролик становится лучше, даже если ничего больше не меняется. Если хотите проверить это на своём знаке за следующие десять минут, редактор анимации логотипа работает в браузере.