Перейти к содержанию
Кадр, на главную

Онлайн-школа моушн-дизайна

Движение для интерфейсов и брендов

Учим осмысленно анимировать интерфейсы: тайминг, кривые, переходы, Rive и Lottie, передача в разработку. Каждую неделю — упражнение и разбор.

00:00:03:00

Тяните плейхед — титр прокрутится назад или вперёд

Полосы
К
А
Д
Р
Строка

02 Три курса

Три дорожки, у каждой своя длина

Длина дорожки — длина курса в неделях. Все курсы идут с живыми занятиями по вечерам и разбором каждого упражнения.

V1 · Флагманский курс

Моушн-дизайн интерфейсов

20 недель, 8 модулей и итоговый проект для портфолио.

Старт
13 октября 2026
Живое занятие
вторник, 19:00
Длительность
20 недель
Цена
от 58 000 ₽или частями от 9 700 ₽ в месяц

Открыть курс

V2 · Интенсив

Кинетическая типографика

4 недели о тексте, который движется в такт и не теряет читаемости.

Старт
12 ноября 2026
Живое занятие
четверг, 19:00
Длительность
4 недели
Цена
от 18 000 ₽или частями от 3 000 ₽ в месяц

Открыть курс

V3 · Курс

3D-моушн в Blender

8 недель: от первых форм до продуктовой сцены и 3D-иконок для интерфейса.

Старт
11 ноября 2026
Живое занятие
среда, 19:00
Длительность
8 недель
Цена
от 34 000 ₽или частями от 5 700 ₽ в месяц

Открыть курс

03 Флагманский курс

Первые шесть недель из двадцати

Каждая неделя — урок, живое занятие и упражнение, которое проверяет ментор. Так начинается «Моушн-дизайн интерфейсов».

Все 20 недель программы →
  1. Неделя 1Модуль 1 · Тайминг и спейсинг

    Ключевые кадры и тайминг

    • Композиции, слои и ключевые кадры в After Effects
    • Тайминг и спейсинг: чем они отличаются
    • Какие принципы анимации работают в интерфейсе

    ПрактикаАнимировать проход квадрата через экран за 12, 24 и 36 кадров и сравнить.

    → Три MP4, 60 fps

  2. Неделя 2Модуль 1 · Тайминг и спейсинг

    Прыгающий мяч

    • Сжатие и растяжение без потери объёма
    • Упреждение и инерция после остановки
    • Дуги и затухание отскоков

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

    → MP4, 4 секунды, 60 fps

  3. Неделя 3Модуль 2 · Кривые и easing

    Кривые в Graph Editor

    • График значений и график скорости
    • Ручки ключей и влияние в Keyframe Velocity
    • Linear, ease-in, ease-out и ease-in-out

    ПрактикаПовторить одно движение с четырьмя типами кривых и сравнить графики скорости.

    → MP4: четыре варианта рядом

  4. Неделя 4Модуль 2 · Кривые и easing

    Появление и исчезновение

    • Почему появлению подходит ease-out, а исчезновению — ease-in
    • Как длительность зависит от расстояния и размера
    • Как перевести кривую из After Effects в cubic-bezier

    ПрактикаАнимировать появление карточки с тремя кривыми, выбрать одну и объяснить выбор.

    → MP4 и обоснование в 3–5 предложениях

  5. Неделя 5Модуль 3 · Микровзаимодействия

    Состояния компонентов

    • Состояния кнопки, переключателя и поля ввода
    • Варианты и интерактивные компоненты в Figma
    • Как Smart Animate сопоставляет слои по именам

    ПрактикаСобрать переключатель с анимацией между состояниями через Smart Animate.

    → Ссылка на прототип в Figma

  6. Неделя 6Модуль 3 · Микровзаимодействия

    Отклик на действие

    • Триггеры: нажатие, наведение, задержка
    • Кривые и пружины в прототипах Figma
    • Переменные и условия для состояний прототипа

    ПрактикаСобрать поле ввода с состояниями фокуса, ошибки и успешной проверки.

    → Прототип в Figma, три состояния

04 Кривая

Кривая решает

Одинаковое расстояние, одинаковое время — а ощущение разное. Двигайте ручки кривой, запускайте анимацию и копируйте значение для CSS. С этого начинается второй модуль.

Редактор кривой cubic-beziercubic-bezier(0.34, 1.56, 0.64, 1)
время →10↑ путь

Стрелки двигают ручку на 0,01, с Shift — на 0,1.

Готовые кривые
Координаты ручек
800 ms

Положение карточки через равные промежутки времени

Значение для CSScubic-bezier(0.34, 1.56, 0.64, 1)

05 Расписание

Как устроена неделя

Ритм флагманского курса на тарифе «С ментором». На других курсах порядок тот же, меняется только день живого занятия.

  1. ПнУрокВидео на 60–90 минут и конспект
  2. ВтЖивое занятие19:00 по Москве, 90 минут: разбор работ и вопросы
  3. Ср–СбУпражнение5–7 часов практики в удобное время
  4. ВсСдачаВидео, файл проекта или ссылка на прототип до 23:59 по Москве
  5. Пн–СрРазборКомментарии ментора с таймкодом за 3 рабочих дня

Ближайшие потоки

Живые занятия — в 19:00 по Москве. Записи доступны на следующий день.

КурсСтартЖивое занятиеДлительностьНабор
Моушн-дизайн интерфейсов13 октября 2026вторник, 19:0020 недельНабор открыт
3D-моушн в Blender11 ноября 2026среда, 19:008 недельНабор открыт
Кинетическая типографика12 ноября 2026четверг, 19:004 неделиНабор открыт
Кинетическая типографика21 января 2027четверг, 19:004 неделиПредварительная запись
Моушн-дизайн интерфейсов16 февраля 2027вторник, 19:0020 недельПредварительная запись
3D-моушн в Blender3 марта 2027среда, 19:008 недельПредварительная запись

Стоимость

Три тарифа на каждом курсе. Любой тариф можно оплатить частями на 2–6 месяцев без переплаты.

Все тарифы и калькулятор →

06 Вопросы

Частые вопросы

Сколько времени нужно в неделю?

На флагманский курс — 8–10 часов: урок, живое занятие и упражнение. На интенсив по кинетической типографике — 6–8 часов, на курс по Blender — около 8.

Нужен ли опыт в After Effects?

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

Как устроена оплата частями?

Стоимость курса делится на 2–6 ежемесячных платежей без переплаты. Первый платёж — при записи, остальные — раз в месяц в ту же дату.

Можно ли вернуть деньги?

Да, полностью — в течение первых 14 дней с начала курса. Позже возврата нет, но обучение можно один раз перенести на следующий поток.

07 Финальный кадр

Соберите свой титр

Имя, курс и кривая — нажмите «Рендер», и титр появится с тем движением, которое вы выбрали. Кривую можно взять из редактора выше.

Курс
Кривая
cubic-bezier(0.34, 1.56, 0.64, 1)

Здесь появится ваш титр