**Анимация логотипа: 7 шагов от референса до рендера**
Перед стартом — фиксируйте ТЗ: длительность, носители, звук, целевая аудитория. Без этого правки будут бесконечными.
— **Изучите гайдлайны бренда.** Шрифты, сетка, фирменные цвета, допустимые углы поворота. Анимация — продолжение стайлгайда, а не отдельная вселенная.
— **Выберите тип движения.** Draw-on (прорисовка), morph (трансформация), bounce (пружина), kinetic typography (шрифт в движении), particle reveal (раскрытие через частицы). Один тип на один логотип — иначе хаос.
— **Соберите референсы на мудборд.** Не чужие ролики «для вдохновения», а конкретные тайминги: что стартует на 0,2 с, что на 1,5 с. Один кадр = одно решение.
— **Сделайте эскиз на бумаге или в Keynote.** На этом этапе важна механика, не красота. Раскадровка по ключевым позам (extremes, breakdowns, in-betweens) экономит часы в After Effects.
— **Прогоните тайминги на входе и выходе.** Плавный ease-in в первые 0,15 с, чёткая кульминация в середине, мягкий возврат за 0,3 с до конца. Тайминг решает 70% восприятия.
— **Проверьте носители до экспорта.** Аватарка в Telegram — 5 с без звука, сайт — 2 с, рилс — 6 с. Одна анимация под три формата = компромисс, который никому не нравится.
— **Сделайте рендер с запасом.** Lottie для веба, webm с альфа-каналом для презентаций, mp4 для соцсетей. Исходник в AI и AE храните минимум три года — проект вернётся.
Когда это пригодится: при запуске нового визуального языка, ребрендинге, оформлении стенда или упаковки, где статика уже отработала своё.
— @MotionForBrandsPro
Моушн для брендов
@MotionForBrandsPro
**Анимация логотипа: 7 шагов от референса до рендера**
Этот пост опубликован в Telegram-канале Моушн для брендов. Подписаться можно по ссылке: @MotionForBrandsPro.