Курс по моушн-дизайну: от основ анимации до первых проектов

Что вы сможете после курса

• Подготовить векторный файл к анимации: разложить элементы по именованным слоям и импортировать его в After Effects как композицию
• Анимировать слой на ключевых кадрах: положение, масштаб, вращение, прозрачность, маску и движение по траектории
• Вывести ролик с прозрачным фоном в QuickTime с альфа-каналом и в MP4 H.264, сверив клип с требованиями Shutterstock
• Сделать зацикленную анимацию движения по карте, в которой повтор не имеет видимого шва
• Собрать круговой HUD-элемент и морфинг одной фигуры в другую через shape-слой и null object, а также вертикальную сторис на 10 секунд
• Уменьшить вес GIF: удалить повторяющиеся кадры, сократить палитру и задать бесконечное зацикливание

Кому подойдёт курс

Курс не подойдёт, если нужны 3D-моделирование, бесшовные текстуры или программы, которых нет в разделе «Что понадобится».

Как проходит обучение

• Путь от вектора до файла: Illustrator, After Effects, Adobe Media Encoder — Видно, как файл переходит из программы в программу, и результат получается в MP4 или GIF.
• Отдельные уроки о подготовке роликов для стоков — Клип проверяется по требованиям Shutterstock: длительность, размер, кодек и частота кадров.
• Два способа прозрачного фона: альфа-канал в QuickTime и зелёный экран с Color Key — Ролик можно наложить на другое видео без белого фона.
• Принципы движения показаны на конкретных анимациях — Тайминг, easy in и easy out, откат и захлёст видно в действии на объекте, а не только в описании.
• Каждый практический урок собирает конкретный объект: HUD-элемент, GPS-навигатор, морфинг лампочки, сторис — Есть готовый пример, по которому можно повторить приём на своём файле.

Что понадобится

• Adobe After Effects и Adobe Illustrator
• Adobe Photoshop (для GIF), Adobe Media Encoder и QuickTime Player; для конвертации файлов QuickTime курс использует MPEG Streamclip
• Материалы курса: векторные AI-файлы с именованными слоями, PNG-изображения с чётким контуром, футажи, музыка и шрифты

Почему самому обычно не выходит

Большинство ошибок видно только в результате. Без сглаживания объект стартует и останавливается рывком, а ролик, выведенный без альфа-канала, получает белый фон. Сочетание Ctrl-M для очереди рендера не сработает, если курсор стоит в панели Project, а повторные добавления одной композиции дают лишние рендеры.

Экспорт и стоки тоже требуют своих настроек. Формат AVI по умолчанию даёт файл намного тяжелее QuickTime, кодек Motion JPEG не сохраняет прозрачность, а Shutterstock альфа-канал не поддерживает. Поэтому курс показывает обходные приёмы: зелёный фон с Color Key и маски Luma Matte.

Что изменится

Как устроен путь

1. Подготовка вектора Элементы раскладываются по отдельным слоям в Illustrator, связанные детали объединяются в группы, файл сохраняется в AI и импортируется в After Effects как композиция.
2. Анимация в After Effects Слои получают ключевые кадры для положения, масштаба, вращения и прозрачности, а движение сглаживается в редакторе графиков. Затем добавляются маски, траектории и 3D-вращение слоёв.
3. Вывод результата Композиция добавляется в очередь рендера, выбирается QuickTime с альфа-каналом, после чего файл перекодируется в MP4 H.264 через Adobe Media Encoder.
4. Сверка и GIF Клип проверяется по требованиям Shutterstock, а для GIF в Photoshop удаляются повторяющиеся кадры и сокращается палитра.

Программа курса

19 уроков · 11 модулей · 3 часа 31 минута видео · Каждый раздел доводит до конкретного результата: от принципов движения до готового ролика, GIF и сторис.

• Естественное движение: тайминг, разгон, откат и захлёст 2 урока

  Принципы анимации: спейсинг и тайминг, easy in и easy out, откат и захлёст. Во второй части раздела разбираются замирание при ударе, затухающие колебания, второстепенное движение, ритм и поворот персонажа через зеркальные кадры.

  • Принципы анимации 18:59

    Урок знакомит с базовыми принципами анимации: таймингом и спейсингом, плавным разгоном и торможением (easy in и easy out), откатом и захлёстом. Скорость движения выравнивается в редакторе графиков (Graph Editor).

  • Принципы анимации 210:20

    Урок разбирает приёмы оживления движения: замирание при ударе, затухающие колебания, второстепенные движения и ритм. Показано, как собрать поворот персонажа из нарисованных положений, отражённых зеркально.

• От файла Illustrator до ролика с прозрачным фоном 2 урока

  Как разложить векторный файл по именованным слоям, сохранить его в AI и импортировать в After Effects как композицию. Затем вывод композиции в QuickTime с альфа-каналом и перекодировка в MP4 H.264 через Adobe Media Encoder.

  • Подготовка вектора к анимации2:30

    Урок показывает подготовку векторного файла Illustrator к анимации: подвижные элементы выносятся на отдельные именованные слои, связанные детали группируются. Файл сохраняется в формате AI и импортируется в After Effects как композиция.

  • про рендер видео в АЕ13:56

    Урок показывает вывод анимации из After Effects в видеофайл: постановка композиции в очередь рендера, выбор формата QuickTime с сохранением альфа-канала и перекодировка в MP4 (H.264) через Adobe Media Encoder.

• Анимация слоя в After Effects на ключевых кадрах 3 урока

  Знакомство с интерфейсом After Effects: панели, композиция, предпросмотр и таймлайн. Затем анимация слоёв: положение, масштаб, вращение, прозрачность и маска через ключевые кадры. Заключительная часть раздела посвящена созданию композиции, предкомпозиции повторяющихся слоёв, обрезке по рабочей области и рендеру.

  • After Effects 16:36

    Обзор интерфейса After Effects: назначение основных инструментов и панелей (проекта, композиции, предпросмотра) и устройство таймлайна. Разобраны точка привязки и качество предпросмотра, которое не влияет на финальный рендер.

  • After Effects 217:08

    Практика базовой анимации слоя: положение, масштаб, вращение и прозрачность задаются ключевыми кадрами, а точка привязки определяет центр масштабирования. Также показана анимация маски через Mask Path.

  • After Effects 36:13

    Создание композиции в After Effects: параметры кадра и частоты, предкомпозиция повторяющихся слоёв и обрезка по рабочей области. Разобран вывод готовой композиции в видеофайл через очередь рендера (QuickTime, H.264).

• Ролик, подготовленный под требования Shutterstock 1 урок

  Требования Shutterstock к стоковому видео: длительность от 5 до 60 секунд, размер файла до 4 гигабайт, контейнер MOV или MP4, кодек, частота кадров 30 или 60 в секунду и разрешение 4K. Разбирается и программа MPEG Streamclip для конвертации файлов QuickTime.

  • Стоковые требования4:57

    Урок разбирает технические требования Shutterstock к стоковому видео: длительность, размер файла, контейнер, кодек, частоту кадров и разрешение 4K. После урока можно сверить клип с этими требованиями и создать композицию с пресетом 4K.

• Прозрачный фон: альфа-канал, зелёный экран и маски 1 урок

  Экспорт с альфа-каналом в QuickTime с кодеком Animation, отличие от Motion JPEG и RGB-версии с белым фоном. Изолированный объект на зелёном фоне удаляется эффектом Color Key, а маска в градациях серого применяется через Luma Matte.

  • Alpha Channel и Green screen10:37

    Урок показывает, как подготовить анимацию с прозрачностью для стока: экспорт с альфа-каналом в QuickTime (кодек Animation), зелёный фон с Color Key и маски в градациях серого через Luma Matte. Shutterstock альфа-канал не поддерживает, поэтому прозрачность задаётся другими приёмами.

• GIF меньшего веса: удаляем повторы и сокращаем палитру 1 урок

  Импорт видео в Photoshop по слоям, поиск и удаление повторяющихся кадров с переносом их длительности, настройка палитры в Save for Web и зацикливание Forever.

  • Оптимизация GIF-анимации4:51

    Урок показывает, как уменьшить вес GIF-анимации в Photoshop: удалить повторяющиеся кадры, сократить палитру цветов в Save for Web и выбрать зацикливание. Удаление повторяющихся кадров не меняет вид анимации, а вес файла уменьшается.

• Персонаж из слоёв и плавное движение в After Effects 2 урока

  Настройка композиции и прозрачного фона, 3D-вращение слоя, плавность через Easy Ease в редакторе графиков, тень и Motion Blur. Персонаж собирается из отдельных слоёв с родительскими связями и null object, а проект выгружается со всеми исходниками. Последняя часть раздела показывает, как переключать формат времени в таймкоде.

  • Композиции, 3D-вращение и сборка персонажа в After Effects41:26

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

  • Частозадаваемые вопросы0:42

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

• Зацикленная анимация движения по карте без видимого шва 1 урок

  Карта нарисована так, что дорога начинается и заканчивается в средней части, поэтому копия стыкуется без шва. Маркер движется по пути, скопированному в его позицию, повороты сглаживаются скруглением вершин, а края карты скрываются круглой маской.

  • GPS навигатор12:50

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

• Круговой HUD-элемент: от формы в Illustrator до сборки в After Effects 3 урока

  Сборка HUD-элементов в After Effects: мигающий индикатор, появление полос и цифр через Block Dissolve и маску, рост графика через Trim Paths, звуковая волна. Во второй части собирается круговой элемент с нулевым объектом, сектором, пунктиром, текстом с Decoder и радиоволнами. В третьей части в Illustrator строятся векторные формы для HUD.

  • HUD элементы 116:53

    Показано, как в After Effects собрать HUD-элементы: мигающий индикатор, появляющиеся полосы и цифры, растущий график, звуковую волну и вспышки на карте. Полосы и цифры появляются через эффект Block Dissolve и маски.

  • HUD элементы 28:24

    Показано, как через нулевой объект и родительские связи синхронизировать вращение группы кружков, затем добавить сектор, пунктирную линию, текст с эффектом Decoder и радиоволны. Glow добавляет свечение элементам.

  • HUD элементы 32:10

    Показано построение круговых HUD-форм в Illustrator: кольца с обводкой, сектор-конус, пунктирные круги и фигура по окружности. Формы подготавливаются к анимации, которую в этом уроке не показывают.

• Морфинг: перетекание фигуры в другую и между изображениями 2 урока

  Векторный морфинг через shape-слой: null object сжимает и раздваивает лампочку, Fill меняет цвет, стрела протыкает сердце. Растровый морфинг через плагин Reshape: контур меняется по Source Mask и Destination Mask, содержимое меняется через opacity.

  • Морфинг 114:50

    Урок показывает, как оживить векторную лампочку в After Effects: фигуры переводятся в shape-слои, а сжатие, раздвоение и смена цвета заливки задаются через null object и ключевые кадры. В финале стрела, собранная из оперения, древка и острия, пронзает сердце.

  • Морфинг 27:07

    Урок разбирает перетекание одного мотошлема в другой между растровыми PNG-изображениями. Контуры строятся через Layer Auto Trace, перенос формы выполняет плагин Reshape с масками Source Mask и Destination Mask, а смена содержимого идёт через параметр opacity.

• Вертикальная сторис на 10 секунд с печатным текстом и бликами 1 урок

  Сборка сторис в кадре 720 на 1280 пикселей с учётом рамки Titlesafe: гранж-элемент въезжает с торможением, текст печатается эффектом Typewriter, блики создаются через Light Sweep и Optical Flare, фон оживляют частицы, звук синхронизируется по волнам на таймлайне.

  • Стори для инстаграмма20:01

    Урок показывает сборку вертикальной сторис длительностью 10 секунд в After Effects: базовую анимацию, печатный текст эффектом Typewriter, блики Light Sweep и Optical Flare, фоновые частицы и синхронизацию звука. Кадр сторис задаётся 720 на 1280 пикселей с учётом рамки Titlesafe.

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

Об этом курсе

• Нужен ли курсу Illustrator, если я работаю только в After Effects?

  Курс построен на связке Illustrator и After Effects: векторный файл готовится в Illustrator, затем анимируется в After Effects. Для морфинга между изображениями используются PNG с чётким контуром, а для сторис — футажи.

• Можно ли загрузить на Shutterstock ролик с прозрачным фоном?

  Shutterstock альфа-канал не поддерживает. Курс показывает обходные приёмы: изолированный объект на зелёном фоне с эффектом Color Key или маска в градациях серого через Luma Matte.

• Какие требования Shutterstock разбирает курс?

  Длительность клипа от 5 до 60 секунд, размер файла до 4 гигабайт, контейнер MOV или MP4, кодек H.264 (для нестандартных случаев в списке есть и другие допустимые кодеки), частота 30 или 60 кадров в секунду, разрешение 4K. Shutterstock сам уменьшает ролик до HD, SD и веба.

• Курс только про стоковое видео?

  Нет. Требования Shutterstock — один из разделов. Курс также разбирает GIF, зацикленную анимацию по карте, HUD-элементы, морфинг, сторис и 3D-вращение слоёв в After Effects. Требований других стоковых площадок в курсе нет.

• Есть ли в курсе бесшовные текстуры в Illustrator и 3D-моделирование?

  Нет. Создание бесшовных текстур в Illustrator в курсе не разбирается, 3D-моделирования нет. Есть только 3D-вращение слоёв в After Effects.

• Можно ли брать чужие шрифты и футажи для роликов?

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

Доступ и материалы

• Когда и как я получу доступ к курсу?

  Сразу после оплаты, в ту же секунду и автоматически. Ждать подтверждения не нужно. Доступ приходит двумя путями сразу. Первый: на почту, указанную при оформлении заказа, приходит письмо со ссылкой на материалы. Второй: та же ссылка появляется в вашем аккаунте на сайте, в разделе «Загрузки», и остаётся там постоянно.

• Где хранятся материалы курса?

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

• Можно ли скачать материалы или только смотреть онлайн?

  Скачивать можно и нужно. Мы рекомендуем сохранить видео на компьютер и смотреть оттуда. Причина простая: облачное хранилище не рассчитано на просмотр видео. Иногда оно позволяет включить ролик прямо в браузере, но качество при этом заметно хуже исходного. На своём компьютере вы увидите курс таким, каким его записывали.

• Как долго действует доступ?

  Бессрочно. Курс остаётся вашим навсегда, возвращаться к нему можно сколько угодно раз. Если через год или два ссылка вдруг перестанет открываться по техническим причинам — напишите на info@siluette.com.ua, мы её восстановим.

• Письмо с доступом не пришло — что делать?

  Прежде всего: доступ у вас есть в любом случае. Войдите на сайт и откройте раздел «Загрузки» — ссылка на курс уже там, независимо от того, дошло письмо или нет. Чаще всего письмо теряется из-за опечатки в адресе при оформлении заказа. Ещё стоит заглянуть в папку «Спам». Не разбирается — не тратьте время: напишите на info@siluette.com.ua или в чат в правом нижнем углу сайта, мы поможем.

• На каких устройствах смотреть курс?

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

Оплата и возврат

• Какими способами можно оплатить?

  Банковской картой Visa, MasterCard или Prostir, через Google Pay, Apple Pay, Masterpass, Visa Checkout, платёжный QR-код, Botpay в Telegram или Privat24. Есть и оплата частями: Монобанк (3 или 4 платежа), А-Банк (2, 3 или 4 платежа и рассрочка), Банк Глобус (8 платежей), «Скибочка» от OTP Bank (3 платежа), мгновенная рассрочка и оплата частями от ПриватБанка.

• Примут ли карту, выпущенную не в Украине?

  Да. Платёжная система принимает карты из Евросоюза и любых других стран. Одна деталь, о которой часто забывают: банк может попросить подтвердить платёж — в мобильном приложении или кодом из СМС. Если оплата не проходит, проверьте приложение банка и сообщения.

• Как работает скидка 20% при покупке нескольких курсов?

  Добавьте в корзину два курса или больше — скидка применится автоматически ко всем товарам в корзине. Два курса: минус 20% на оба. Пять курсов: минус 20% на все пять. Скидка сочетается с любыми акционными ценами и действует на весь каталог без исключений.

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

  Цифровые товары возврату и обмену не подлежат. Это общее правило для всех электронных товаров в Украине — постановление Кабинета Министров № 172 от 19 марта 1994 года. При этом мы всегда на связи. Если доступ не открывается, ссылка перестала работать или файлы повреждены — напишите на info@siluette.com.ua, укажите дату и номер заказа. Восстановим. Если что-то непонятно в самом курсе, тоже пишите — подскажем.

• Можно ли оплатить от организации по счёту?

  Пока нет. Мы работаем только с частными покупателями — безналичной оплаты по счёту от юридических лиц сейчас нет.

Как проходит обучение

• Есть ли обратная связь с преподавателем и проверка заданий?

  Нет. Все курсы — это записи уроков для самостоятельного изучения: преподаватель не отвечает на вопросы и не проверяет домашние задания. Именно поэтому курсы стоят намного дешевле обучения с куратором. Вы получаете тот же материал, но занимаетесь сами и в своём темпе.

• Выдаётся ли сертификат?

  Да, цифровой сертификат — по запросу и бесплатно. Напишите на info@siluette.com.ua, укажите имя и фамилию ровно в том виде, в каком хотите видеть их в сертификате, и мы пришлём его в течение суток.

• Нужен ли опыт, чтобы начать?

  Для большинства курсов — нет. Они рассчитаны на начальный уровень и объясняют с азов. Если курс требует подготовки, это сказано в его описании.

• Есть ли сроки прохождения курса?

  Нет. Ни дедлайнов, ни расписания, ни сгорающего доступа. Скачали — смотрите когда удобно, с любыми перерывами.

• Можно ли поделиться курсом с другим человеком?

  Курс покупается для личного использования, и мы просим относиться к этому по-человечески: за каждым уроком стоит работа, а цена и так сильно снижена.

Поддержка

• Куда писать, если что-то не работает?

  Лучше всего на info@siluette.com.ua. Есть и чат в правом нижнем углу сайта, но почта надёжнее: там можно всё описать подробно и приложить скриншоты. Просьба: опишите, что именно вы делали и что пошло не так, и приложите снимок экрана с ошибкой. Так мы решим вопрос сразу, а не будем полдня выяснять, что произошло.

• Как быстро отвечает поддержка?

  В рабочее время, с 9:00 до 19:00, на почту обычно отвечаем в течение часа, в чате — за пару минут. После 19:00 тоже случается, но время ответа не обещаем.