Курс Моушн-дизайн в After Effects: От новичка до первого видеоролика

Что вы сможете делать в After Effects

• Анимировать объекты по ключевым кадрам и настраивать движение графиками скорости
• Разбивать макеты из Illustrator и Photoshop на отдельные слои и шейпы для анимации
• Ускорять рутинные операции скриптами (Duik, Motion 2, Stagger Selected Layers, Paste Keyframes) и выражениями на JavaScript
• Строить переходы между сценами — через эффекты, маски, масштаб и позицию слоёв
• Анимировать текст по буквам, через маски и по заданному пути
• Собирать объёмные объекты из плоских фигур и анимировать движение камеры вокруг них

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

Курс не учит рисованию и созданию иллюстраций — готовые макеты и векторные сцены нужно взять готовыми или найти художника.

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

• Почти каждая тема закрывается собственным практическим заданием — Приёмы закрепляются сразу, а не остаются в теории
• Работа ведётся в англоязычном интерфейсе After Effects — Меньше сбоев и пропавших эффектов, которыми страдает русская локализация
• Финальный проект курса — ролик из нескольких сюжетных сцен с переходами между ними — Готовая работа для портфолио, а не учебный пример
• Рутинные операции показаны через скрипты и выражения на JavaScript — Работа ускоряется без построчного программирования
• В курс встроена библиотека готовых футажей и звуковых эффектов — Не приходится искать исходники для собственных проектов отдельно

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

• Adobe After Effects — основная программа курса
• Adobe Photoshop и Adobe Media Encoder — подготовка макетов и финальный рендер
• Скрипты и плагины для After Effects: Duik, Motion 2, PtShiftLayers, Stagger Selected Layers, Paste Keyframes

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

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

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

Ещё одна частая причина застрять — русская локализация After Effects, в которой пропадает часть эффектов и чаще возникают сбои, из-за чего повторить обучающие примеры получается не всегда.

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

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

1. Основы After Effects Интерфейс программы, работа с шейпами, ключевые кадры, графики скорости, маски и прекомпозиции — на примерах простых сцен.
2. Морфинг, скрипты и выражения Эффекторы и превращение одной формы в другую, подготовка иллюстраторских файлов, ускорение работы скриптами и выражениями на JavaScript.
3. Переходы, текст, интерфейсы и 3D Сборка переходов между сценами, анимация текста по буквам, работа с макетами приложений в PSD, выдавливание объектов в 3D и движение камеры.
4. Финальный проект Продающий ролик из нескольких сюжетных сцен с переходами — курс завершается его сборкой от подготовки файлов до экспорта готового видео.

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

207 уроков · 9 модулей · плюс библиотека готовых футажей и звуковых эффектов для практики

• Библиотека футажей и звука для готовых проектов 136 уроков

  Раздел собирает материалы Daruma Audio (лицензия CC BY) — клики, свисты, монеты, часы, бумагу, иконки, данные и музыку — для использования в собственных анимациях, отдельно от пошаговых уроков.

  • Звуки будильника 2 урока

    Готовые звуковые эффекты будильника для сцен с сигналом или тревогой.

    • alarm_1

      Урок посвящён звуковому эффекту «alarm_1» — сигналу тревоги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • alarm_2

      Урок посвящён звуковому эффекту «alarm_2» — ещё одному варианту сигнала тревоги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки колокольчиков 2 урока

    Звуковые эффекты колокольчиков для оповещений и переходов.

    • bells_01

      Урок посвящён звуковому эффекту «bells_01» — звуку колокольчиков из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • bells_02

      Урок посвящён звуковому эффекту «bells_02» — ещё одному варианту звука колокольчиков из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звук падения книги 2 урока

    Звуковые эффекты падения и удара книги для сцен с предметами.

    • book_drop_01

      Урок посвящён звуковому эффекту «book_drop_01» — звуку падения книги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • book_drop_02

      Урок посвящён звуковому эффекту «book_drop_02» — ещё одному варианту звука падения книги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки курантов 2 урока

    Звуковые эффекты курантов и перезвона для сцен с часами и оповещениями.

    • chimes_01

      Урок посвящён звуковому эффекту «chimes_01» — звуку перезвона из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • chimes_02

      Урок посвящён звуковому эффекту «chimes_02» — ещё одному варианту звука перезвона из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Барабанные клики 8 уроков

    Звуковые эффекты кликов в стиле бит-бокса для ритмичных переходов и появлений элементов.

    • bb_click_01

      Урок посвящён звуковому эффекту «bb_click_01» — барабанному клику из группы BeatBox библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • bb_click_02

      Урок посвящён звуковому эффекту «bb_click_02» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

    • bb_click_03

      Урок посвящён звуковому эффекту «bb_click_03» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

    • bb_click_04

      Урок посвящён звуковому эффекту «bb_click_04» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

    • bb_click_05

      Урок посвящён звуковому эффекту «bb_click_05» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

    • bb_click_06

      Урок посвящён звуковому эффекту «bb_click_06» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

    • bb_click_07

      Урок посвящён звуковому эффекту «bb_click_07» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

    • bb_click_08

      Урок посвящён звуковому эффекту «bb_click_08» — ещё одному варианту барабанного клика из той же группы BeatBox, который применяется для озвучивания анимации в After Effects.

  • Цифровые клики 17 уроков

    Набор звуков нажатия для анимации интерфейсов, кнопок и цифровых экранов.

    • dig_click_01

      Урок посвящён звуковому эффекту «dig_click_01» — цифровому клику из группы Digital библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • dig_click_02

      Урок посвящён звуковому эффекту «dig_click_02» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_03

      Урок посвящён звуковому эффекту «dig_click_03» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_04

      Урок посвящён звуковому эффекту «dig_click_04» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_05

      Урок посвящён звуковому эффекту «dig_click_05» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_06

      Урок посвящён звуковому эффекту «dig_click_06» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_07

      Урок посвящён звуковому эффекту «dig_click_07» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_08

      Урок посвящён звуковому эффекту «dig_click_08» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_09

      Урок посвящён звуковому эффекту «dig_click_09» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_10

      Урок посвящён звуковому эффекту «dig_click_10» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_11

      Урок посвящён звуковому эффекту «dig_click_11» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_12

      Урок посвящён звуковому эффекту «dig_click_12» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_13

      Урок посвящён звуковому эффекту «dig_click_13» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_14

      Урок посвящён звуковому эффекту «dig_click_14» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_15

      Урок посвящён звуковому эффекту «dig_click_15» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_16

      Урок посвящён звуковому эффекту «dig_click_16» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_click_17

      Урок посвящён звуковому эффекту «dig_click_17» — ещё одному варианту цифрового клика из той же группы Digital, который применяется для озвучивания анимации в After Effects.

  • Клики мышью 8 уроков

    Звуковые эффекты щелчка мыши для сцен с курсором и интерфейсами.

    • mouse_click_01

      Урок посвящён звуковому эффекту «mouse_click_01» — клику компьютерной мыши из группы Mouse библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • mouse_click_02

      Урок посвящён звуковому эффекту «mouse_click_02» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

    • mouse_click_03

      Урок посвящён звуковому эффекту «mouse_click_03» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

    • mouse_click_04

      Урок посвящён звуковому эффекту «mouse_click_04» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

    • mouse_click_05

      Урок посвящён звуковому эффекту «mouse_click_05» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

    • mouse_click_06

      Урок посвящён звуковому эффекту «mouse_click_06» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

    • mouse_click_07

      Урок посвящён звуковому эффекту «mouse_click_07» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

    • mouse_click_08

      Урок посвящён звуковому эффекту «mouse_click_08» — ещё одному варианту клика компьютерной мыши из той же группы Mouse, который применяется для озвучивания анимации в After Effects.

  • Хлопки и щелчки 2 урока

    Звуковые эффекты хлопка и щелчка для акцентов в анимации.

    • clop

      Урок посвящён звуковому эффекту «clop» — хлопку из группы Pop библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • pop

      Урок посвящён звуковому эффекту «pop» — ещё одному хлопку из той же группы Pop, который применяется для озвучивания анимации в After Effects.

  • Звук тиканья часов 1 урок

    Звуковой эффект тиканья часов для сцен с ожиданием или отсчётом времени.

    • clock_01

      Урок посвящён звуковому эффекту «clock_01» — тиканью часов из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

  • Звуки монет 6 уроков

    Звуковые эффекты падения и звона монет для сцен с оплатой или наградой.

    • coin_01

      Урок посвящён звуковому эффекту «coin_01» — звуку монеты из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • coin_02

      Урок посвящён звуковому эффекту «coin_02» — ещё одному варианту звука монеты из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • coin_03

      Урок посвящён звуковому эффекту «coin_03» — ещё одному варианту звука монеты из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • coin_04

      Урок посвящён звуковому эффекту «coin_04» — ещё одному варианту звука монеты из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • coins_drops_01

      Урок посвящён звуковому эффекту «coins_drops_01» — звуку падения монет из той же библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • coins_drops_02

      Урок посвящён звуковому эффекту «coins_drops_02» — ещё одному варианту звука падения монет из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки передачи данных 8 уроков

    Звуковые эффекты для сцен с загрузкой, обработкой и передачей данных.

    • data_01

      Урок посвящён звуковому эффекту «data_01» — звуку передачи данных из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • data_02

      Урок посвящён звуковому эффекту «data_02» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • data_03

      Урок посвящён звуковому эффекту «data_03» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • data_04

      Урок посвящён звуковому эффекту «data_04» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • data_05

      Урок посвящён звуковому эффекту «data_05» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • data_06

      Урок посвящён звуковому эффекту «data_06» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • data_07

      Урок посвящён звуковому эффекту «data_07» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • data_08

      Урок посвящён звуковому эффекту «data_08» — ещё одному варианту звука передачи данных из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки для иконок, часть 1 7 уроков

    Звуковые эффекты появления и нажатия иконок интерфейса.

    • icon_01

      Урок посвящён звуковому эффекту «icon_01» — звуку появления иконки из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • icon_02

      Урок посвящён звуковому эффекту «icon_02» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_03

      Урок посвящён звуковому эффекту «icon_03» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_04

      Урок посвящён звуковому эффекту «icon_04» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_05

      Урок посвящён звуковому эффекту «icon_05» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_06

      Урок посвящён звуковому эффекту «icon_06» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_07

      Урок посвящён звуковому эффекту «icon_07» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки для иконок, часть 2 7 уроков

    Продолжение набора звуковых эффектов для иконок интерфейса.

    • icon_08

      Урок посвящён звуковому эффекту «icon_08» — ещё одному варианту звука появления иконки из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • icon_09

      Урок посвящён звуковому эффекту «icon_09» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_10

      Урок посвящён звуковому эффекту «icon_10» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_11

      Урок посвящён звуковому эффекту «icon_11» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_13

      Урок посвящён звуковому эффекту «icon_13» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_14

      Урок посвящён звуковому эффекту «icon_14» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • icon_15

      Урок посвящён звуковому эффекту «icon_15» — ещё одному варианту звука появления иконки из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки клавиатуры 2 урока

    Звуковые эффекты нажатия клавиш для сцен с набором текста.

    • keyboard_01

      Урок посвящён звуковому эффекту «keyboard_01» — звуку нажатия клавиши из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • keyboard_02

      Урок посвящён звуковому эффекту «keyboard_02» — ещё одному варианту звука нажатия клавиши из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Фоновая музыка 6 уроков

    Готовые музыкальные треки разного настроения — от корпоративного до игривого — для фоновой дорожки ролика.

    • Daruma Audio – Corporate Motivation

      Урок посвящён аудиотреку «Daruma Audio – Corporate Motivation» из библиотеки Daruma Audio (CC BY), который используется как музыкальное сопровождение анимационного проекта в After Effects.

    • Daruma Audio – Corporate Rock

      Урок посвящён аудиотреку «Daruma Audio – Corporate Rock» из той же библиотеки Daruma Audio (CC BY), который используется как музыкальное сопровождение анимационного проекта в After Effects.

    • Daruma Audio – Fun Story

      Урок посвящён аудиотреку «Daruma Audio – Fun Story» из той же библиотеки Daruma Audio (CC BY), который используется как музыкальное сопровождение анимационного проекта в After Effects.

    • Daruma Audio – Fun

      Урок посвящён аудиотреку «Daruma Audio – Fun» из той же библиотеки Daruma Audio (CC BY), который используется как музыкальное сопровождение анимационного проекта в After Effects.

    • Daruma Audio – Inspiration

      Урок посвящён аудиотреку «Daruma Audio – Inspiration» из той же библиотеки Daruma Audio (CC BY), который используется как музыкальное сопровождение анимационного проекта в After Effects.

    • Daruma Audio – Upbeat

      Урок посвящён аудиотреку «Daruma Audio – Upbeat» из той же библиотеки Daruma Audio (CC BY), который используется как музыкальное сопровождение анимационного проекта в After Effects.

  • Звуки сминания и разрыва бумаги 4 урока

    Звуковые эффекты сминания и разрыва бумаги для сцен с документами и упаковкой.

    • crumple_paper_01

      Урок посвящён звуковому эффекту «crumple_paper_01» — сминанию бумаги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • crumple_paper_02

      Урок посвящён звуковому эффекту «crumple_paper_02» — ещё одному варианту сминания бумаги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • crumple_paper_03

      Урок посвящён звуковому эффекту «crumple_paper_03» — ещё одному варианту сминания бумаги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • tear_paper_01

      Урок посвящён звуковому эффекту «tear_paper_01» — разрыву бумаги из той же библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

  • Звук переворота листа 2 урока

    Звуковой эффект переворота одиночного листа бумаги.

    • flip_paper_01

      Урок посвящён звуковому эффекту «flip_paper_01» — перевороту листа бумаги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • flip_paper_02

      Урок посвящён звуковому эффекту «flip_paper_02» — ещё одному варианту переворота листа бумаги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки перелистывания книг и журналов 16 уроков

    Набор звуковых эффектов перелистывания страниц книг и журналов разного темпа.

    • turn.paper.album.01

      Урок посвящён звуковому эффекту «turn.paper.album.01» — перелистыванию страниц альбома из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.album.02

      Урок посвящён звуковому эффекту «turn.paper.album.02» — ещё одному варианту перелистывания страниц альбома из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.album.fast.03

      Урок посвящён звуковому эффекту «turn.paper.album.fast.03» — быстрому перелистыванию страниц альбома из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.album.fast.04

      Урок посвящён звуковому эффекту «turn.paper.album.fast.04» — ещё одному варианту быстрого перелистывания страниц альбома из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.album.fast.05

      Урок посвящён звуковому эффекту «turn.paper.album.fast.05» — ещё одному варианту быстрого перелистывания страниц альбома из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.big.01

      Урок посвящён звуковому эффекту «turn.paper.big.01» — перелистыванию крупного листа бумаги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.big.02

      Урок посвящён звуковому эффекту «turn.paper.big.02» — ещё одному варианту перелистывания крупного листа бумаги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.big.book.01

      Урок посвящён звуковому эффекту «turn.paper.big.book.01» — перелистыванию крупной книги из той же библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.journal.creak.01

      Урок посвящён звуковому эффекту «turn.paper.journal.creak.01» — перелистыванию журнала со скрипом из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.journal.creak.02

      Урок посвящён звуковому эффекту «turn.paper.journal.creak.02» — ещё одному варианту перелистывания журнала со скрипом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.journal.creak.03

      Урок посвящён звуковому эффекту «turn.paper.journal.creak.03» — ещё одному варианту перелистывания журнала со скрипом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.journal.fast.01

      Урок посвящён звуковому эффекту «turn.paper.journal.fast.01» — быстрому перелистыванию журнала из той же библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.medium.book.02

      Урок посвящён звуковому эффекту «turn.paper.medium.book.02» — перелистыванию книги среднего формата из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.small.01

      Урок посвящён звуковому эффекту «turn.paper.small.01» — перелистыванию небольшого листа бумаги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn.paper.small.02

      Урок посвящён звуковому эффекту «turn.paper.small.02» — ещё одному варианту перелистывания небольшого листа бумаги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn.paper.small.03

      Урок посвящён звуковому эффекту «turn.paper.small.03» — ещё одному варианту перелистывания небольшого листа бумаги из той же библиотеки, который применяется для озвучивания анимации в After Effects.

  • Звуки разворота бумаги крупным планом 7 уроков

    Звуковые эффекты разворота листа бумаги для сцен крупным планом.

    • turn_big_paper_01

      Урок посвящён звуковому эффекту «turn_big_paper_01» — развороту крупного листа бумаги крупным планом из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn_big_paper_02

      Урок посвящён звуковому эффекту «turn_big_paper_02» — ещё одному варианту разворота крупного листа бумаги крупным планом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn_big_paper_03

      Урок посвящён звуковому эффекту «turn_big_paper_03» — ещё одному варианту разворота крупного листа бумаги крупным планом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn_fast_paper_01

      Урок посвящён звуковому эффекту «turn_fast_paper_01» — быстрому развороту листа бумаги крупным планом из той же библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • turn_fast_paper_02

      Урок посвящён звуковому эффекту «turn_fast_paper_02» — ещё одному варианту быстрого разворота листа бумаги крупным планом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn_fast_paper_03

      Урок посвящён звуковому эффекту «turn_fast_paper_03» — ещё одному варианту быстрого разворота листа бумаги крупным планом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

    • turn_small_paper_01

      Урок посвящён звуковому эффекту «turn_small_paper_01» — развороту небольшого листа бумаги крупным планом из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

  • Свист бумаги 1 урок

    Звуковой эффект свиста от быстрого движения листа бумаги.

    • whoosh_paper_01

      Урок посвящён звуковому эффекту «whoosh_paper_01» — свисту бумаги из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

  • Свист крупным планом 7 уроков

    Звуковые эффекты свиста для крупных и резких движений в кадре.

    • big_whoosh_01

      Урок посвящён звуковому эффекту «big_whoosh_01» — крупному свисту из группы Big библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • big_whoosh_02

      Урок посвящён звуковому эффекту «big_whoosh_02» — ещё одному варианту крупного свиста из той же группы Big, который применяется для озвучивания анимации в After Effects.

    • big_whoosh_03

      Урок посвящён звуковому эффекту «big_whoosh_03» — ещё одному варианту крупного свиста из той же группы Big, который применяется для озвучивания анимации в After Effects.

    • big_whoosh_04

      Урок посвящён звуковому эффекту «big_whoosh_04» — ещё одному варианту крупного свиста из той же группы Big, который применяется для озвучивания анимации в After Effects.

    • big_whoosh_05

      Урок посвящён звуковому эффекту «big_whoosh_05» — ещё одному варианту крупного свиста из той же группы Big, который применяется для озвучивания анимации в After Effects.

    • big_whoosh_06

      Урок посвящён звуковому эффекту «big_whoosh_06» — ещё одному варианту крупного свиста из той же группы Big, который применяется для озвучивания анимации в After Effects.

    • big_whoosh_07

      Урок посвящён звуковому эффекту «big_whoosh_07» — ещё одному варианту крупного свиста из той же группы Big, который применяется для озвучивания анимации в After Effects.

  • Цифровой свист 11 уроков

    Звуковые эффекты свиста для сцен с интерфейсами и цифровыми переходами.

    • dig_whoosh_01

      Урок посвящён звуковому эффекту «dig_whoosh_01» — цифровому свисту из группы Digital библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_02

      Урок посвящён звуковому эффекту «dig_whoosh_02» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_03

      Урок посвящён звуковому эффекту «dig_whoosh_03» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_04

      Урок посвящён звуковому эффекту «dig_whoosh_04» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_05

      Урок посвящён звуковому эффекту «dig_whoosh_05» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_06

      Урок посвящён звуковому эффекту «dig_whoosh_06» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_07

      Урок посвящён звуковому эффекту «dig_whoosh_07» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_08

      Урок посвящён звуковому эффекту «dig_whoosh_08» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_09

      Урок посвящён звуковому эффекту «dig_whoosh_09» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_10

      Урок посвящён звуковому эффекту «dig_whoosh_10» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

    • dig_whoosh_11

      Урок посвящён звуковому эффекту «dig_whoosh_11» — ещё одному варианту цифрового свиста из той же группы Digital, который применяется для озвучивания анимации в After Effects.

  • Быстрый свист 5 уроков

    Звуковые эффекты короткого резкого свиста для быстрых движений.

    • fast_whoosh_01

      Урок посвящён звуковому эффекту «fast_whoosh_01» — быстрому свисту из группы Fast библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • fast_whoosh_02

      Урок посвящён звуковому эффекту «fast_whoosh_02» — ещё одному варианту быстрого свиста из той же группы Fast, который применяется для озвучивания анимации в After Effects.

    • fast_whoosh_03

      Урок посвящён звуковому эффекту «fast_whoosh_03» — ещё одному варианту быстрого свиста из той же группы Fast, который применяется для озвучивания анимации в After Effects.

    • fast_whoosh_04

      Урок посвящён звуковому эффекту «fast_whoosh_04» — ещё одному варианту быстрого свиста из той же группы Fast, который применяется для озвучивания анимации в After Effects.

    • fast_whoosh_05

      Урок посвящён звуковому эффекту «fast_whoosh_05» — ещё одному варианту быстрого свиста из той же группы Fast, который применяется для озвучивания анимации в After Effects.

  • Звуки письма 3 урока

    Звуковые эффекты письма маркером и карандашом для сцен с текстом и рисованием.

    • marker_write_01

      Урок посвящён звуковому эффекту «marker_write_01» — письму маркером из библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • pencil_write_01

      Урок посвящён звуковому эффекту «pencil_write_01» — письму карандашом из той же библиотеки Daruma Audio SFX Library (CC BY), который применяется для озвучивания анимации в After Effects.

    • pencil_write_02

      Урок посвящён звуковому эффекту «pencil_write_02» — ещё одному варианту письма карандашом из той же библиотеки, который применяется для озвучивания анимации в After Effects.

• Первая анимация в After Effects 11 уроков

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

  • Интерфейс программы

    Обзор интерфейса After Effects: создание композиции и её настройки (имя, пресет, разрешение, частота кадров, качество, длительность), окно проекта и импорт файлов, инструменты Selection, Hand, Zoom, фигуры (Rectangle, Ellipse, Polygon, Star), Pen Tool и Horizontal Type Tool с их сочетаниями клавиш. Отдельно объясняется, почему для работы рекомендуют англоязычную версию программы.

  • Базовая анимация

    Работа с базовыми параметрами Transform: Position, Scale, Rotation, Opacity и Anchor Point, включая разницу между якорной точкой и остальными параметрами и способы её быстрого центрирования. Показано создание первой анимации через ключевые кадры и вызов параметров по горячим клавишам P, R, S, A, T.

  • Графики скорости

    Настройка плавности движения через Easy Ease (F9) и график скорости (Speed Graph): изменение формы графика, работа с усиками ключей, диалог Keyframe Velocity. Также показаны приёмы Time Reverse Keyframes для разворота анимации и Toggle Hold Keyframe для ступенчатого движения, и обрезка рабочей области таймлайна.

  • Создание шейпов

    Создание фигур с нуля через панель Add у Shape Layer: формы (Rectangle, Ellipse, Polystar, Path), заливка и обводка, разница между параметрами Size и Scale. Разобрано, как порядок элементов внутри контура влияет на то, к каким фигурам применяются заливка и обводка, а также настройка окончаний линий и штрихового узора Dashes.

  • Маски

    Построение масок тем же инструментом, что и для рисования фигур: параметры Mask Path, Mask Feather, непрозрачность и растяжение маски, режим Invert. Показано использование нескольких масок на одном слое и режимы их сочетания (None, Add и другие).

  • Перекомпозиции

    Объединение слоёв в отдельные вложенные композиции через Precompose (Ctrl+Shift+C) для упрощения таймлайна при большом числе объектов. Показано, как анимировать содержимое прекомпозиции как единое целое и работать с её элементами внутри отдельно.

  • Анимация квадрата

    Первая практическая работа: анимация квадрата, который катится по нарисованной линии и падает, с переносом якорной точки на угол фигуры для правильного вращения. Разобраны разрезание слоя (Ctrl+Shift+D) без потери уже сделанной анимации, дублирование слоя (Ctrl+D), обрезка длины слоя клавишами квадратных скобок и настройка скорости движения через ключи.

  • Анимация городской сцены

    Импорт подготовленного в Illustrator файла со сценой (дорога, дома, деревья, облака, машина) и разница в качестве при масштабировании векторных и растровых объектов. Каждая группа объектов вынесена в отдельную прекомпозицию с масками, анимации появления сделаны со смещением по времени, добавлено покачивание деревьев, движение машины с дымом и наезд камеры в конце сцены.

  • Экспорт видео и GIF

    Экспорт готовой анимации: рендер через Ctrl+M и Render Queue, форматы QuickTime (в том числе с альфа-каналом) и вывод в MP4/H.264 через Adobe Media Encoder, включая пакетный рендер нескольких участков. Показано сохранение GIF через Photoshop или сторонний скрипт, сохранение отдельного кадра как картинки и настройка автосохранения проекта.

  • Исходники к первой анимации 2 урока

    Файлы для практических заданий первого урока — городская сцена и квадрат.

    • 01 город

      Файл-заготовка с рисунком города, используемый как исходный материал для практической анимации городской сцены на этом уроке.

    • 01 квадрат

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

• Морфинг и превращение форм 9 уроков

  Эффекторы шейпов, параметры слоёв и часто используемые эффекты, а также превращение одной формы в другую через путь и trim path — на двух практических сценах: механической и медицинской.

  • Эффекторы

    Урок разбирает эффекторы шейп-слоёв в After Effects: Offset Path, Pucker & Bloat, Repeater, Round Corners, Trim Paths, Wiggle Paths и Zigzag, их параметры и применение на примере фигуры-звезды. На примерах показано, как с помощью Trim Paths строится круговая диаграмма и анимация расходящихся линий вокруг круга.

  • Параметры слоёв

    Урок описывает панель параметров слоя на таймлайне After Effects: видимость, блокировку, соло-режим, Continuously Rasterize, переключение эффектов, motion blur, 3D-слой и привязку слоёв к другому слою через инструмент Lasso. Также разбираются солиды, нулевые объекты, Adjustment Layer, матовые режимы Alpha Matte и Alpha Inverted Matte, режимы наложения и настройки вида композиции — сетка, направляющие, разрешение.

  • Эффекты

    Урок показывает применение эффектов на Adjustment Layer и на отдельных объектах: Curves для цветокоррекции, Snowfall и Rainfall для имитации снега и дождя, Pixel Polly для разлёта объекта на фрагменты, Fill для перекраски, Gradient Ramp для линейного и радиального градиента, Fast Blur, Drop Shadow и Glow, а также Bend для изгиба формы.

  • Задание1.отдельные элементы

    Практический урок повторяет анимацию появления отдельных элементов сцены — лампочки, карандаша, ноутбука и шестерни — с помощью эффектора Trim Path и его параметров Start и End. Для шестерни, нарисованной заливкой без обводки, вместо прямого применения Trim Path использованы маска и режим Alpha Matte.

  • Задание1.собираем сцену

    Урок продолжает практическое задание: анимируются появление и движение лампочки, рисование линии карандашом через Trim Path, выезд и вращение шестерни, привязка объектов к нулевому объекту и уменьшение сцены при переходе внутрь компьютера через прекомпозицию.

  • Задание2.часть1

    Урок объясняет морфинг как превращение одного объекта в другой через параметр Path — в том числе на примере квадрата, превращённого в круг после конвертации формы в Bezier Path, — и начинает практическую сцену «пульс → шприц → сердце», где превращение строится через эффектор Trim Path, а не через параметр Path.

  • Здание2.часть2

    Урок завершает сцену морфинга: дорисовывается переход шприца в сердце, анимируются впрыскивание микстуры через Trim Path и Opacity, заполнение сердца, добавляются расходящиеся линии вокруг сердца и лёгкое покачивание сцены через параметр Scale.

  • Исходники к морфингу 2 урока

    Файлы для практических заданий по trim path и морфингу.

    • trim path

      Материал раздела «Задание 1» — дополнительные материалы по эффектору Trim Path, применённому в практическом задании урока.

    • морфинг

      Материал раздела «Задание 2» — дополнительные материалы по морфингу, приёму, отрабатываемому во втором практическом задании урока.

• Скрипты и выражения для ускорения работы 7 уроков

  Подготовка иллюстраторских файлов к анимации, полезные скрипты (Duik, Motion 2, Stagger Selected Layers, Paste Keyframes, разбивка текста на буквы) и выражения на JavaScript — на практике анимируется сцена мойки автомобиля с диагностическим прибором и счётчиком.

  • Подготовка иллюстраций к анимации

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

  • Полезные скрипты

    Продолжаем знакомство со скриптами: Duik для настройки скорости движения через Keyframe Velocity, Motion2 для быстрой расстановки якорных точек, а также PtShiftLayers и Stagger Selected Layers для сдвига и распределения ключей по слоям. Также показан скрипт Past Keyframes для вставки ключей вместо слоёв и Decompose Text для разбивки текста на буквы.

  • Выражения

    Разбираем выражения (expressions) на JavaScript в After Effects: активацию выражения через Alt и клик по часикам параметра, выражения continue и pingpong для продолжения и зацикливания движения между ключами. Отдельно показано выравнивание кривой движения через Keyframe Interpolation в режим linear.

  • Практика.машина.часть1

    Практическое занятие: сборка сцены мойки машины — прекомпозиции, разбивка элементов на шейпы, анимация подъезда машины по позиции и скейлу с выражением bounce. Также анимируются щётки с эффектом Bend и выражением loopOut pingpong и пузырьки пены с выражением wiggle и сдвигом по времени через Stagger Selected Layers.

  • Практика.машина.часть2

    Продолжение практики: анимация струи воды через Trim Paths и параметр offset у Dashes, появление и исчезновение брызг и пузырьков через Reverse Keyframes. Далее собирается прибор диагностики — провод по Trim Paths, экран и кнопки с появлением по скейлу и выражением bounce, со сдвигом по времени между элементами.

  • Практика.машина.часть3

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

  • Исходники к сцене мойки 1 урок

    Файлы для практического задания с автомобилем.

    • moyka

      Дополнительный материал к уроку, относящийся к сцене мойки машины, разбираемой в практических занятиях раздела.

• Переходы между сценами 6 уроков

  Переходы с помощью встроенных эффектов и собственные варианты — по масштабу и позиции, по столбцам и радиально, с изменением количества и цвета слоёв.

  • Переходы с помощью эффектов

    Урок посвящён созданию переходов между сценами с помощью встроенных эффектов After Effects из папки Transitions: Dissolve, Grid Wipe, Radial Scale Wipe, Jaws и Rectangular. Показано, как настраивать параметры Transition Completion, Block Width/Height, Border, Rotation и Feather для получения разных вариантов перехода на примере слоёв-солидов с градиентами и текстом.

  • Переходы по масштабу и позиции

    Урок посвящён созданию собственных переходов через слои-солиды и Alpha Matte без готовых эффектов. Показано, как анимировать параметры Scale и Position, менять якорную точку для смены направления перехода, а также дублировать и красить слой для получения цветной полосы или круга под переходом.

  • Переходы по столбцам

    Урок посвящён созданию перехода по столбцам с помощью инструмента Proportional Grid и панели Align для выравнивания плашек. Показано, как анимировать параметр Scale по ключевым кадрам, менять якорные точки, скорость и порядок смещения столбцов, а также добавлять цветной фоновый слой под переход.

  • Радиальные переходы

    Урок посвящён созданию радиальных переходов с помощью Ellipse Tool, обводки (Stroke) и эффекта Trim Paths. Показано, как настраивать толщину и размер обводки, добавлять несколько концентрических кругов и цветной фон, а также менять направление перехода через параметры Start/End и Time Reverse Keyframes.

  • Переходы по Path

    Урок повторяет приём создания переходов между сценами через слои-солиды с градиентами и встроенные эффекты After Effects из папки Transitions — Dissolve, Grid Wipe, Jaws и другие. Разбираются параметры Transition Completion, Block Width/Height, Border и Rotation, показывающие разные варианты перехода.

  • Исходники к переходам 1 урок

    Файлы для практических заданий по переходам.

    • 04 переходы

      Материал относится к теме переходов и сопровождает соответствующий урок дополнительными файлами.

• Анимация текста 5 уроков

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

  • Работа с текстом

    Настройки текстового слоя в After Effects: шрифт, начертание, цвет и обводка, размер, межбуквенный и межстрочный интервал, а также размещение текста по маске-траектории. Разбор параметров вкладки Animate (range selector, advanced) для покадровой анимации отдельных букв и работа с готовыми пресетами из Animation Presets.

  • Анимация масками

    Анимация появления текста с помощью масок: через прекомпозицию с обрезающей маской или через adjustment layer с альфа-мат, в том числе для нескольких слов и появления по отдельным буквам. Отдельно разобрано появление текста из-за плашки с использованием alpha inverted и движущейся линии.

  • Bounce-анимация

    Построение перехода из набора прямоугольных плашек: расстановка и выравнивание элементов инструментом Align, анимация по scale и offset с разными якорными точками для разных вариантов появления. Показано, как менять цвет и направление плашек, получая разные варианты перехода из одной заготовки.

  • Анимация отдельных букв

    Покадровая анимация текста по отдельным буквам: разбиение слова на фигуры (shapes from text) и индивидуальная анимация каждой буквы — обводка по trim paths, вращение и смещение по позиции, выражения для синхронных частей буквы. Появления букв сдвинуты по времени друг относительно друга для последовательного появления слова.

  • Исходники к анимации текста 1 урок

    Файлы для практических заданий по анимации текста.

    • текст

      Материалы к разделу «Урок 5. Анимация текста», дополняющие практические уроки по работе с текстом в After Effects.

• Анимация интерфейса приложения 8 уроков

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

  • Работа с PSD файлами

    Импорт PSD-файла в After Effects с сохранением папок, слоёв и режимов наложения; изменения в Photoshop подхватываются в реальном времени. Текстовые слои переводятся в редактируемый текст через Create Editable Text с переустановкой якорной точки в центр. Тяжёлые PSD-файлы для практики заменены разбитыми по частям PNG-картинками.

  • Анимация начального экрана

    Импорт PNG-изображений интерфейса приложения по частям и сборка композиции экрана из фона, логотипа, значков и текстовых полей. Появление элементов выстроено масками и ключами по позиции, масштабу и прозрачности, текст пароля анимирован по буквам скриптом Decompose Text. Готовая сцена помещена на экран телефона через маску и alpha-mate.

  • Анимация второго экрана

    Импорт изображений второго экрана и сборка композиции из фона, значка и текстовых блоков. Текст анимирован вылетом снизу по маскам, а цифры — бегущим счётчиком через Slider Control и выражение, привязанное к текстовым слоям. Сцена соединена со сменой предыдущего экрана переходом текста и пароля.

  • Анимация меню

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

  • Анимация ленты новостей

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

  • Анимация сообщений

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

  • Анимация маркера

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

  • Исходники к анимации приложения 1 урок

    PSD-макеты и файлы для практического проекта с интерфейсом приложения.

    • Приложение

      Дополнительный файл к разделу «Урок 6. Анимация интерфейсов» — материалы, приложенные к уроку.

• 3D внутри After Effects 6 уроков

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

  • Работа с 3D

    Включение 3D на слоях, работа с параметрами Position, Rotation и Orientation, настройка Active Camera и типов камеры (One Node, Two Node), а также Camera Option — Zoom, Depth of Field, Aperture. Показано выдавливание объектов через рендер Cinema 4D (Geometry Option, Extrude Depth), добавление обводки Stroke и источника света.

  • Практика 3D.создание 3D из шейпов

    Практическая работа по превращению плоских слоёв пульта и телевизора в объёмные модели через рендер Cinema 4D: включение 3D, зеркалирование изображения, настройка Extrude Depth и добавление обводок Stroke кнопкам и рамке.

  • Практика 3D.Анимация появления

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

  • Практика 3D.Анимация камеры

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

  • Исходники к 3D-сцене 2 урока

    Файлы для практических заданий по 3D.

    • moyka

      Вспомогательный файл «moyka» из блока «Материалы седьмого урока» к практике по 3D-анимации.

    • 3d

      Вспомогательный файл «3d» из блока «Материалы седьмого урока» к практике по 3D-анимации.

• Финальный проект: продающий ролик 19 уроков

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

  • Алгоритм работы

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

  • Подготовка файлов и анимация 1 сцены

    В уроке файлы Illustrator импортируются в After Effects и разбиваются на слои для создания прекомпозиций каждого объекта первой сцены — вазонов с листьями, лампы, стола и спящего кота. Для объектов расставляются якорные точки, копируется анимация масштабирования, добавляется offset для последовательного появления частей. Кот анимируется через покачивание тела, вращение головы и хвоста с помощью выражений Wiggle и Ping-Pong.

  • Сцена1.часть2

    Продолжается анимация объектов первой сцены: часов со стрелками, лампы, стола с тумбами и штор, а также окна, кружки с пакетиком чая и пузырьков в стакане. Для часов используется выражение loopOut Continue для непрерывного хода стрелок, для остальных объектов — анимация по масштабу с offset между элементами.

  • Заканчиваем 1 сцену

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

  • Сцена1.часть1

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

  • Сцена2.часть2

    Анимируется появление карточек товара и прокрутка страницы интернет-магазина, увеличение выбранного товара и переход к выбору цвета кроссовок. Далее показано добавление товара в корзину, оформление заказа и помещение кроссовок сначала в сумку, а затем в подарочную коробку.

  • Сцена2.часть3

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

  • Сцена2.переход на сцену3

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

  • Заканчиваем сцену2

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

  • Сцена3.часть1

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

  • Сцена3.часть2

    На закрытую коробку добавляется наклейка, а переход от предыдущей сцены с часами к сцене завода делается через совмещение цвета фона и колонн здания. Далее анимируется постановка коробки на конвейер и её движение с последующим падением на ленту.

  • Заканчиваем сцену 3

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

  • Сцена4.часть1

    Колесо машины анимируется один раз через нуль-объект с вращением и покачиванием по масштабу, а затем копируется на остальные автомобили и автобус на заднем плане. Дополнительно анимируются выхлопной дым, движение транспорта в разные стороны и лёгкое покачивание неба и деревьев через выражение Wiggle.

  • Сцена4.часть2

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

  • Заканчиваем работу над видео

    В завершающем уроке исправляются недочёты ролика — обрезанный вазон, скорость движения пузырьков и конвейера, добавляются шарики-наполнитель из коробки. Показано, как через File → Dependencies собрать все файлы проекта в одну папку, и как добавить музыкальное сопровождение на композицию.

  • Музыка для финального ролика 1 урок

    Аудиофайл для озвучивания финального проекта.

    • Commercial 4

      Материал урока — аудиофайл Commercial 4 из папки Footage с материалами к уроку.

  • Примеры готовых коммерческих роликов 3 урока

    Референсы стиля коммерческой анимации для ориентира при работе над финальным проектом.

    • 2D Animation – Marketing 2.0

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

    • autoDNA AFILIO – Animation 2D by Fromsquare

      Пример — анимационный ролик autoDNA AFILIO студии Fromsquare, добавленный в раздел примеров урока.

    • Flat 2D Apple Animation

      Пример — анимационный ролик в плоском 2D-стиле на тему Apple, добавленный в раздел примеров урока.

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

Об этом курсе

• На каком языке идёт работа в After Effects — на русском или английском?

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

• Нужно ли уметь рисовать, чтобы пройти курс?

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

• Какая программа нужна кроме After Effects?

  Photoshop — для подготовки макетов и экспорта слоёв в PNG, и Adobe Media Encoder — для финального рендера ролика в MP4.

• Что получится в конце курса?

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

• Разбирается ли работа с 3D-программами вроде Cinema 4D или Blender?

  Нет, 3D в курсе разбирается только средствами самого After Effects: 3D-слои, ось Z, одно- и двухузловая камера и выдавливание плоских фигур в объёмные объекты.

• Пригодятся ли материалы курса, если я уже работаю моушн-дизайнером?

  Да, в курс встроена библиотека готовых футажей и звуковых эффектов Daruma Audio (лицензия CC BY) — она может использоваться отдельно от пошаговых уроков как набор исходников под руку.

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

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

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

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

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

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

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

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

  Бессрочно. Курс остаётся вашим навсегда, возвращаться к нему можно сколько угодно раз. Если через год или два ссылка вдруг перестанет открываться по техническим причинам — напишите на 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 тоже случается, но время ответа не обещаем.