Профессия моушн-дизайнер: ролики, титры и анимация интерфейсов

Слово «моушн» в названии профессии — это movement, движение, а не «мультипликация». Любой графический объект можно показать не сразу, а во времени, и тогда появление, смена и связь между состояниями становятся частью сообщения. Чистый лист при этом достаётся редко: чаще приносят бренд-стайл, снятое видео или макет интерфейса и просят сделать так, чтобы это жило во времени и укладывалось в требования площадки.

Что моушн-дизайнер сдаёт заказчику

Работа распадается на четыре узнаваемых типа, которые в вакансиях часто смешивают в одном описании.

• Рекламные ролики и видео для соцсетей — пятнадцать-тридцать секунд с продуктом, текстом и звуком плюс версии под разные места размещения.
• Оформление видео — титры, плашки с именами, заставка и концовка канала, подложки под субтитры, переходы между рубриками.
• Инфографика — графики, схемы, карты и цифры, которые появляются в том порядке, в каком их объясняет диктор.
• Анимация интерфейсов — загрузка, переходы между экранами, реакция кнопки на нажатие; результат уходит не в видеофайл, а в код приложения.

Где проходит граница с анимацией персонажей

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

Ещё ближе стоит трёхмерная графика. Моушн-дизайнер собирает сцены в Cinema 4D или Blender как дизайнер: ему нужен продукт на подставке или абстрактная пластика, а не персонаж с топологией под деформации. 3D-художник тратит дни на развёртку и карты материалов, моушн-дизайнер чаще берёт готовую модель и занимается светом, камерой и движением. Полный цикл — от двумерной анимации до постпродакшена и Full-CG — дают длинные программы вроде курса «Дизайнер анимации Плюс» от Bang Bang Education: шестнадцать месяцев, трёхмерная графика с рендером в Redshift, постпродакшен и саунд-дизайн, блок по Houdini и Unreal Engine 5.

Учебный пример: один ролик и десять размеров

Ситуация вымышленная, но собрана из типовых требований площадок. Сервису доставки нужен ролик о новой функции: дизайнер получает бренд-бук, три экрана приложения из Figma и текст на пятнадцать секунд, на выходе ждут комплект — 16:9 для видеохостинга, вертикаль 9:16, квадрат и вертикаль 4:5 для ленты, шестисекундный тизер без звука и обложку.

Начинается работа не с анимации, а с разметки. Дизайнер собирает мастер-композицию с запасом по краям и решает, что привязано к центру кадра, а что — к его краям: иначе при смене пропорций логотип уедет за границу, а заголовок налезет на интерфейс площадки поверх видео. Ключевые моменты он привязывает к музыкальным акцентам, а не к произвольным кадрам, и только потом собирает версии из той же композиции. В шестисекундной продукт должен появиться в первые две секунды, в пятнадцатисекундной у зрителя есть кнопка «Пропустить» — и до неё ровно пять секунд.

Результат: один исходник, десять файлов, и правка текста разлетается по всем версиям за один пересчёт — собирайся каждая версия отдельно, правка одного слова стоила бы дня работы.

Хронометраж задаёт площадка

Цифры, определяющие работу, опубликованы в справках площадок. В рекламных форматах на YouTube пропускаемое объявление зритель закрывает через пять секунд после старта, непропускаемое ограничено шестьюдесятью секундами, а формат bumper описан как «non-skippable video ads lasting between 5 and 6 seconds» (Google Ads Help) — в шесть секунд помещается одно сообщение, а не три. Короткие вертикальные видео принимают длиной до трёх минут с максимальным разрешением 1080p (YouTube Help), а настройки экспорта описаны точно: MP4 с атомом moov в начале файла, кодек H.264, звук AAC-LC на 48 кГц, для 1080p при обычной частоте кадров — около 8 Мбит/с (YouTube Help). Российские площадки публикуют свои требования отдельно, и перед сдачей их смотрят заново.

К хронометражу добавляется требование закона: реклама в интернете должна содержать пометку «реклама» и указание на рекламодателя, а распространять её можно только после того, как оператор рекламных данных присвоил ей идентификатор — тот самый erid (ч. 16 и 17 ст. 18.1 Федерального закона «О рекламе», КонсультантПлюс). Для дизайнера это место в кадре: под пометку и идентификатор нужна читаемая зона.

Звук: синхронизация и громкость

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

Громкость в вещании нормирована: рекомендация EBU R 128 задаёт целевой уровень громкости программы −23 LUFS с допуском ±0,5 LU (EBU, версия 5.0, ноябрь 2023). Онлайн-платформы нормализуют звук по-своему, но принцип общий: слишком громкий микс приглушат автоматически, и задуманная динамика просядет. И отдельно ролик проверяют в тишине — заметная часть зрителей смотрит ленту без звука, поэтому ключевую мысль дублируют текстом.

Анимация интерфейса: как её передают разработчику

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

Второй путь — отдать анимацию файлом, который приложение проиграет само. Самый распространённый формат тут Lottie: анимация из After Effects выгружается в JSON, а библиотека в приложении воспроизводит её векторно, без видео. Совпадение с исходником при этом не гарантировано, и границы описаны в официальной таблице возможностей. Выражения (expressions) работают только в веб-реализациях — на Android, iOS и Windows они не поддерживаются. Яркостные маски (luma mattes) не поддерживаются ни на одной нативной платформе. Объединение контуров (merge paths) работает на Android и Windows, но не на iOS и не в вебе. У теней и размытия на Android есть отдельная оговорка: «Drop shadows and gaussian blur effects on Android are applied on each fill or stroke not on the final layer» — если в слое много фигур, каждая получит собственную тень, наложения дадут неравномерное затемнение, а всё, что выходит за границы прекомпозиции, будет обрезано (airbnb/lottie, Supported Features). Вывод практический: композицию для интерфейса собирают иначе, чем для ролика, и проверяют её на реальном телефоне, а не в предпросмотре.

Фантазию ограничивают и требования доступности: по критерию 2.2.2 стандарта WCAG 2.2 уровня A движущееся содержимое, которое запускается автоматически и длится дольше пяти секунд рядом с другим контентом, должно поддаваться паузе, остановке или скрытию (W3C). Бесконечно крутящийся баннер — нарушение уровня A.

Инструменты и повседневная работа

Основа профессии — Adobe After Effects: в нём собирают двумерную анимацию, делают композитинг и выгружают Lottie. Рядом Illustrator и Photoshop, Premiere Pro или DaVinci Resolve, Cinema 4D или Blender, Figma для разбора макетов. Доступ к части набора в России осложнён: Adobe объявила о прекращении продаж своих продуктов и услуг в стране 4 марта 2022 года (РБК). Учиться есть на чём: Blender распространяется свободно, у DaVinci Resolve есть бесплатная редакция, но специфика After Effects всё равно всплывёт — проектами обмениваются именно в нём.

День штатного моушн-дизайнера редко состоит из одной задачи: утром правка по вчерашнему ролику, днём срочная адаптация под новое размещение, между ними сборка шаблона, из которого коллеги дальше делают еженедельные выпуски сами. Договариваться приходится с маркетологом — о том, что сообщение не помещается в шесть секунд, с разработчиком — о том, какие эффекты доживут до приложения, с заказчиком — о числе правок в смете. Тяжелее всего здесь не творческий кризис, а объём механики: рендеры, версии, именование файлов, переэкспорт после правки одного слова. Человеку, которому нужна долгая сосредоточенная работа над одним замыслом, будет неуютно, а «сделайте поживее» останется самой частой правкой.

Как эти задачи разложены в учебной программе, видно на примере курса «Моушн-дизайнер» от Skillbox: двенадцать месяцев, более двадцати проектов — титры, анимация интерфейсов, шоурил — и блоки по трёхмерной графике в Cinema 4D и по общению с заказчиком.

Деньги: штат, агентство и фриланс

Сопоставимой публичной статистики именно по моушн-дизайну в России немного. На hh.ru страница профессии «Моушн-дизайнер» в сентябре 2026 года показывала медиану 80 733 ₽ в месяц по Москве при диапазоне 60 000–104 400 ₽, но опиралась всего на шесть вакансий, а сам сервис поясняет, что «зарплаты» здесь — доходы, которые указывают в вакансиях, а не фактические выплаты (career.hh.ru). Это порядок величин, а не оценка рынка. Крупные исследования моушн-дизайнеров отдельно не считают: в обзоре «Хабр Карьеры» за первое полугодие 2026 года обработаны 45 226 зарплат и выведена медиана по IT в 191 000 ₽, а дизайнеры идут одной категорией без разбивки на специализации (Хабр). Дальше смотрите сами: задавайте в поиске вакансий регион и опыт, ориентируйтесь на медиану, а не на среднее, и различайте суммы до вычета налога и на руки.

Оплата в трёх режимах устроена по-разному. В штате это оклад и предсказуемая загрузка при узком наборе задач: один бренд, одни форматы. В агентстве добавляется премия по проектам, но темп выше: несколько клиентов одновременно, сжатые сроки, поздние правки. На фрилансе считают не месяц, а работу: цену ролика или ставку за секунду готовой анимации, причём секунда трёхмерной сцены с рендером стоит иначе, чем секунда текстового оформления, поэтому ставка за секунду без описания сложности бессмысленна. Из заработанного вычитаются налог самозанятого или ИП, комиссия площадки, подписки, техника и рендер. Главный риск здесь не низкая цена, а неравномерная загрузка и неоговорённые правки: если в договоре не указано число итераций, работа растягивается вдвое без доплаты.

Сезонность следует из того, как планируются рекламные бюджеты: пик приходится на подготовку к крупным распродажам и конец года, спад — на начало года и лето. По оценке АКАР, объём российского рекламного рынка в январе—марте 2026 года превысил 220 млрд ₽ и вырос на 5% к тому же периоду 2025 года, при этом сегмент «видео» составил 67,5–68,5 млрд ₽ и прибавил лишь 1% (АКАР). Рынок растёт, а видеосегмент медленнее остальных — это стоит учитывать при планировании фриланса.

С чего начинать и как показать результат

Специального образования профессия не требует, но без базы дизайна движение выглядит суетой. Начинать разумно с неподвижного: композиция кадра, сетка, типографика, цвет. Затем простые упражнения — появление заголовка тремя способами и сравнение, какой читается лучше; анимация одной иконки; пятнадцатисекундный ролик по чужому бренд-буку.

В онлайн-обучении стоит искать три вещи: ручную проверку работ с разбором тайминга, а не только оценку; практику с реальными брифами и ограничениями площадок; выход за пределы одной программы — монтаж, звук, базовое трёхмерное пространство. По такому принципу построен курс «Моушн-дизайнер» в Яндекс Практикуме: девять месяцев спринтами при нагрузке около пятнадцати часов в неделю, семь проектов в портфолио — от кинетической типографики до трёхмерного рендера продукта — и сборка шоурила в финале.

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

При выборе программы сравнить платформы по длительности, формату и практике помогает рейтинг онлайн-школ с обучением моушн-дизайну на Учи.Онлайн: там видна методика оценки и есть фильтры по специализации, что полезнее общей позиции школы в списке.

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