Школа
Журнал
Бесплатно
Дизайн-библиотека
Все курсы
Выгода до 130 000 ₽ на дизайн-профессии с нейросетями
Подробнее
До
25.10
Константин Новиков и Дарья Абатурова
Преподаватели
Освоить навык

Анимационный дизайн: от простого к сложному

Научитесь создавать анимацию для рекламы, интерфейсов и видео в программе для векторной графики Adobe After Effects.
Длительность
2.5 месяца
Опыт
С нуля
Всему научим на курсе — опыт в профессии не требуется

О курсе

Курс позволит быстро освоить навык анимационного дизайна в программе Adobe After Effects и войти в мир анимации. Мы рассмотрим инструментарий программы, анимируем эскизы, внедрим иллюстрации в билборды города, сделаем собственные титры или оформление канала. Разберемся в основах профессии дизайнера анимации, изучим 12 правил анимации студии Disney и основы анимации интерфейсов — и поймем, в чем разница между ними.

Кому подойдет

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

Дизайнерам и арт-директорам, которым нужна новая профессиональная компетенция

Дизайнерам интерфейсов, которые хотят анимировать элементы интерфейса и выйти за пределы стандартных анимационных ходов

Тем, кто ведет видеоблог и хочет поднять уровень графики в контенте

Тем, кто создает корпоративные видеопрезентации или отчетные видео

Константин Новиков

Преподавал в Преподавал в Британской Высшей Школе Дизайна
Дизайнер анимации (моушн) и саунд-дизайнер. Работает на «Первом канале». Делал проекты для известных компаний ВГТРК, «Яндекса», Sulliwan Studio, UtterDesign, Третьяковской галереи. Лауреат премий D&AD New Blood Awards, MPC.

Дарья Абатурова

Продуктовый дизайнер в Альфа-Банк
Художник, дизайнер. Работает продуктовым дизайнером в Альфа-Банке.

Кто будет преподавать

Работы преподавателей

Программа обучения

10 недель
62 видеоурока
8 вебинаров
17 заданий

Введение

  1. интерфейс программы для анимации (Adobe After Effects)
  2. первое задание
  3. рендеринг фото и видео в форматах MP4 и GIF

Основы анимации

  1. ключи анимации, кривые анимации
  2. 12 принципов анимации студии Disney

Дизайн. Основы анализа и построения композиции (Дарья Абатурова)

Анимация иллюстрации

  1. подготовка файлов в программе для векторной графики Adobe Illustrator)
  2. основные скрипты для работы с векторными слоями (шейпами)
  3. установка скриптов
  4. работа с файлами формата .ai
  5. циклическая анимация

Работа с векторными слоями (шейп-контейнер)

  1. основные примитивы и репитер
  2. параметрическая анимация
  3. эффект случайных колебаний (Wiggle Transform)
  4. модификатор для создания хаотичных искажений (Wiggle Path)
  5. циклическая анимация

Дизайн. Основы работы с цветом (Дарья Абатурова)

Анимация текста

  1. основы анимации текстовых слоев и предустановки (пресеты) анимации
  2. кинетическая типографика
  3. создание композиции, подготовка файлов векторной графики формата .ai и анимация текста под голос
  4. создание титров: нижняя треть, заголовок и цитата

Инструмент «Марионетка» (Puppet Pin)

  1. основы работы с булавками и костями
  2. подготовка цифрового скелета (риггинг) персонажа
  3. персонажная анимация с использованием скрипта для персонажной анимации (Duik)
  4. анимация цикла походки

Программирование языка выражений (expressions)

  1. базовая часть: пружинка, циклы и счетчики. управление выражениями (expression controls)
  2. продвинутая часть: случайные колебания (wiggle), возврат значения в текущем времени (valueAtTime), реакция на звук

Анимация интерфейса

  1. обзор принципов анимации для дизайн-системы компании Google (Material Design)n
  2. анимация интерфейса приложения для iPhone
  3. подмена экрана в макете и фото на анимированный интерфейс

Основа анимации трехмерной графики (3D) и параллакс-эффект.

  1. Подготовка файла в Adobe Photoshop
  2. основы анимации трехмерной графики (3D)
  3. создание параллакс-анимации

Маскирование

  1. базовые принципы работы с масками
  2. матовая дорожка для управления прозрачностью или видимостью другого слоя (Track Matte)
  3. работа с несколькими масками или с несколькими объектами под одной маской
  4. трекинг масок

Монтажные склейки и анимация

  1. основные принципы внутрикадрового монтажа
  2. создание современных анимационных переходов между кадрами
  3. создание переходов в инфографике/презентациях

Подготовка проекта для финального задания

  1. подбор музыки
  2. работа со звуком
  3. работа с исходниками
  4. настройки рендеринга

Покадровая обрисовка видео (ротоскопинг).

Дизайн. Визуальное повествование (Дарья Абатурова)

Удаление однотонного фона (кеинг)

  1. удаление однотонного фона (кеинг) с использованием встроенных плагинов
  2. простейшая цветокоррекция между разными исходниками
  3. использование трекинга камеры для внедрения вырезанного объекта

Трекинг

  1. трекинг точки на видео
  2. трекинг плоскости по четырем точкам
  3. простейшая цветокоррекция между исходниками
  4. трекинг + удаление однотонного фона (кеинг)
  5. замена экрана смартфона
  6. замена экрана, когда одного или нескольких углов не видно
  7. использование инструмента для создания виртуальной камеры (Camera Tracker) при бликах и отсутствии одной стороны объекта

Разбор платных плагинов/скриптов

Интеграция с Cinema 4D

  1. работа с плагином для интеграции трехмерных файлов (Cineware)
  2. работа с секвенциями и трехмерными данными из Cinema 4D

Интеграция с программой для монтажа от компании Adobe (Adobe Premiere Pro)

  1. основные моменты интеграции
  2. создание адаптируемых титров

Создание трехмерных параллаксов в Cinema 4D

Необходимые материалы и инструменты

  • Необходимы программы от компании Adobe: для создания анимации Adobe After Effects CC от версии 23 (2023) и для кодирования и рендеринга аудио- и видеофайлов Adobe Media Encoder соответствующей версии. Аудиоредактор Adobe Audition может потребоваться в зависимости от выбора финального проекта. Будем работать в англоязычных версиях программ, чтобы дальше вы успешно интегрировались в профессиональное сообщество.

Формат обучения

  • Вы смотрите видеолекции, участвуете в вебинарах, выполняете домашние задания в удобном для вас темпе и получаете письменный фидбэк от преподавателя.
  • Курс предполагает свободный, но организованный график. На протяжении всей учебы вас поддерживает координатор и помогает добиться образовательных целей, а преподаватель дает обратную связь на задания и делится своей экспертизой.
  • Программа доступна 6 месяцев после окончания курса.
Второй курс в подарок
Освещаем путь к новым знаниям
До окончания акции
24:00:00

Запишитесь на бесплатную консультацию с гидом по школе

Узнайте про преимущества курса, финальные проекты и формат обучения

Чему вы научитесь

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

Разберетесь с процессом выполнения работы: с чего начать, на какие этапы дробить процесс, как дойти до финального рендеринга

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

Начнете анимировать примитивы, векторные и растровые иллюстрации

Научитесь пользоваться эффектами и делать рендеринг в необходимом вам качестве при минимальном размере файла.

Работы студентов

Наши ценности

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

Запишитесь на бесплатную консультацию с гидом по школе

Узнайте про преимущества курса, финальные проекты и формат обучения
В рассрочку на 6 месяцев
- / мес
- / мес
Полная стоимость
-
- 
-61%
Онлайн-школа Bang Bang Education → Каталог курсов → Анимационный дизайн: от простого к сложному