От данных к движению: создание анимированного дата-арта в After Effects с помощью Expressions, кода и процедурных систем.
О чем этот курс?
Курс посвящен созданию анимированного дата-арта — визуальных систем, в которых данные становятся основой для формы, композиции и движения.Слушатели учатся выбирать и интерпретировать данные, переводить числовые и структурированные значения в визуальные параметры и выстраивать на их основе единую графическую систему. В практической части курса изучаются Expressions в After Effects, их базовый синтаксис, математические функции, взаимосвязи между параметрами и способы управления большим количеством объектов.

Отдельное внимание уделяется использованию ChatGPT для написания и модификации Expressions: от формулировки задачи и генерации кода до его проверки, отладки и адаптации под конкретную композицию. Слушатели также учатся работать с данными в форматах JSON, CSV и TSV и связывать их с параметрами визуальных объектов.Итогом курса становится небольшое абстрактное анимированное видео, построенное на системе преобразования данных в визуальные параметры. Слушатель выбирает набор данных, разрабатывает визуальную концепцию и правила их визуализации, создает взаимосвязанную систему анимации в After Effects с использованием Expressions и, при необходимости, внешних данных. Финальная работа объединяет серию связанных состояний или сцен в единое визуальное произведение, демонстрирующее работу созданной системы.
Кому подойдет этот курс?
— графическим и моушен-дизайнерам, которые хотят освоить процедурную анимацию;
— дизайнерам, заинтересованным в работе с данными и дата-артом;
— моушен-дизайнерам, которые хотят автоматизировать повторяющиеся анимационные задачи;
— слушателям, знакомым с After Effects и желающим перейти от ручной к системной анимации;
— дизайнерам без опыта программирования, которые хотят использовать код как инструмент в визуальной работе.
Длительность курса 8 недель
Количество контактных часов:
72 академических часа.
Очные и онлайн занятия и предзаписанные видео лекции по технической составляющей программы, закрепляемые воркшопами.
Пререквизиты курсаСредний и выше среднего уровень владения Adobe After Effects. Уверенное понимание принципов анимации, работы со слоями, композициями, ключевыми кадрами и основными свойствами объектов. Базовые навыки работы с графическими и текстовыми слоями, масками и эффектами. Опыт программирования и написания кода не требуется.
Чему научатся слушатели курса?
В процессе обучения на курсе слушатели научатся:● Определять возможности использования данных в графическом и моушен-дизайне● Выбирать и интерпретировать данные для визуального проекта● Переводить числовые и структурированные данные в визуальные параметры● Разрабатывать визуальную систему на основе структуры данных● Выстраивать композицию с учетом взаимосвязи данных, формы и движения● Применять принципы анимации для передачи изменений данных во времени● Понимать принцип работы Expressions и их отличие от ключевой анимации● Использовать базовый синтаксис Expressions в After Effects● Работать с переменными, значениями, математическими операциями и функциями● Связывать свойства и параметры различных слоев
● Создавать зависимости между параметрами и управлять диапазоном значений● Создавать циклические, повторяющиеся и вариативные движения с помощью Expressions● Управлять группами объектов с помощью Expressions● Использовать ChatGPT для генерации и модификации Expressions● Проверять, отлаживать и адаптировать сгенерированный код под собственную задачу● Импортировать и использовать данные в форматах JSON, CSV и TSV в After Effects● Связывать данные с параметрами масштаба, положения, цвета, размера и других визуальных характеристик● Создавать взаимосвязанные анимационные системы для большого количества объектов● Сочетать вариативность, случайность и контролируемость движения● Развивать единый визуальный язык в серии анимированных сцен● Создавать анимированный дата-арт средствами After Effects и Expressions
Какие практические задания будут выполнять слушатели курса?
В процессе обучения на курсе слушатели будут выполнять следующие задания:● Выполнение практических заданий по анализу и интерпретации данных для визуального проекта● Выполнение практических заданий по переводу данных в визуальные параметры● Выполнение практических заданий по композиционной организации данных● Выполнение практических заданий в After Effects на применение принципов анимации● Выполнение практических заданий на работу с таймингом, ритмом, скоростью и характером движения● Выполнение практических заданий на создание зависимостей между параметрами с помощью Expressions● Выполнение практических заданий на использование математических функций и преобразование значений
● Выполнение практических заданий на создание циклической, повторяющейся и вариативной анимации● Выполнение практических заданий на управление группами объектов с помощью Expressions● Выполнение практических заданий на генерацию, проверку и адаптацию Expressions с помощью ChatGPT● Выполнение практических заданий на импорт и использование данных в форматах JSON, CSV и TSV● Выполнение практических заданий на связывание данных с параметрами визуальных объектов● Выполнение практических заданий на создание системной анимации для большого количества объектов● Разработка и презентация визуальной концепции итогового дата-арта● Презентация и обсуждение промежуточных результатов● Презентация итогового анимированного дата-арта
Тематический план занятий
ДАННЫЕ КАК ОСНОВА ВИЗУАЛЬНОЙ СИСТЕМЫ
● Понятие дата-арта и визуализации данных
● Взаимосвязь данных, визуальной формы и движения
● Выбор и интерпретация данных для визуального проекта
● Способы перевода числовых и структурированных данных в визуальные параметры
● Примеры использования данных в графическом и моушен-дизайнеКОМПОЗИЦИЯ И ВИЗУАЛЬНАЯ ОРГАНИЗАЦИЯ ДАННЫХ
● Иерархия, масштаб и контраст
● Баланс, дисбаланс и композиционное равновесие
● Ритм, повтор и вариативность
● Работа с пространством, формой и направлением движения
● Взаимосвязь визуальной системы и структуры данныхАНИМАЦИЯ КАК СПОСОБ ПЕРЕДАЧИ ДАННЫХ
● Основные принципы анимации для группы объектов
● Тайминг, ритм и скорость
● Ускорение и замедление
● Инерция и характер движения
● Последовательность, трансформация и взаимодействие объектов
● Изменение визуальных параметров во времениСОЗДАНИЕ АНИМИРОВАННОГО ДАТА-АРТА
● Форматы и принципы построения анимированного дата-арта
● Разработка визуальной концепции на основе выбранных данных
● Создание системы визуальных параметров, связанных с данными
● Построение серии связанных состояний и сцен
● Согласование данных, композиции и движения в едином визуальном языке
ОСНОВЫ EXPRESSIONS В AFTER EFFECTS
● Принцип работы Expressions и их отличие от ключевой анимации
● Основные элементы языка Expressions и синтаксис
● Переменные, значения и математические операции
● Связь свойств и параметров слоёв
● Использование Pick Whip и Expression Language Menu
● Создание простых Expressions для управления анимациейФУНДАМЕНТАЛЬНЫЕ ФУНКЦИИ И ВЗАИМОСВЯЗИ
● Работа со временем и значением свойства
● Математические функции и преобразование значений
● Создание зависимостей между параметрами
● Управление диапазоном и интерполяцией значений
● Создание повторяющихся, циклических и вариативных движений
● Управление группами объектов с помощью ExpressionsCHATGPT И НАПИСАНИЕ EXPRESSIONS
● Постановка задачи и формулирование запроса для генерации кода
● Использование ChatGPT для создания и модификации Expressions
● Проверка и отладка сгенерированного кода
● Поиск и исправление ошибок в Expressions
● Адаптация готового кода под структуру композиции и собственную задачу
● Ограничения и особенности использования генеративных моделей при работе с кодом
РАБОТА С ДАННЫМИ В AFTER EFFECTS
● Структура и типы данных, необходимые для анимации
● Импорт данных в After Effects
● Работа с JSON, CSV и TSV
● Обращение к данным через Expressions
● Связывание данных с параметрами визуальных объектов
● Преобразование значений данных в масштаб, положение, цвет, размер и другие параметрыСИСТЕМНАЯ АНИМАЦИЯ И СОЗДАНИЕ ВИЗУАЛЬНОЙ СЕРИИ
● Построение взаимосвязанных анимационных систем
● Создание вариативности на основе одного набора правил
● Управление большим количеством объектов
● Согласование случайности и контролируемости движения
● Развитие единого визуального языка в серии сцен
● Синхронизация визуальных изменений с ритмом и структурой видеоИТОГОВЫЙ ПРОЕКТ
● Разработка визуальной концепции и системы преобразования данных
● Создание анимированного дата-арта средствами After Effects и Expressions
● Финальная сборка и презентация небольшого абстрактного видео




