Визуализация фактов инструментами моушн-дизайна
от исследования данных до создания анимационного сторителлинга в Adobe After Effects
Кадры из анимационного ролика «Spot 01 — Clear your brain» / Художники: Kyle Strope, Johan Eriksson. Студия: BUCK
О чем курс?
Движение — это один из главных языков современных медиа. Последние тенденции показывают, насколько активно зритель воспринимает информацию через короткие видео, анимацию и другие динамические форматы. Ленты социальных сетей, новостные порталы и рекламные интеграции сегодня немыслимы без динамического контента — он привлекает внимание, удерживает его и доносит сложные смыслы быстрее и эффективнее статики.
Этот курс позволит расширить свой профессиональный инструментарий, научиться доносить информацию через динамику, визуализировать факты и данные, оживлять готовую графику и работать с движением текста. К привычным статичным форматам — постам, иллюстрациям, афишам — добавится анимация, которая откроет новые возможности для охвата аудитории.
Для кого курс:
■ Для медиаспециалистов, которые хотят расширить форматы подачи контента и добавить в свою работу анимацию, динамическую инфографику или короткие видео.
■ Для дизайнеров и иллюстраторов, которые стремятся освоить моушн-дизайн и научиться оживлять свои статичные работы.
Длительность курса — 14 недель Количество часов — 28 академических часов Занятия проходят очно, 1 раз в неделю в компьютерном классе
Кадры из видео-эксплейнера «Построение и пропорции» / Авторка: Арюна Щеглаева
Кадр из видео-эксплейнера «Как заварить чай?» / Авторка: Валерия Вербицкая
Необходимые знания:
Обязательно: ■ Владеть компьютером на уровне уверенного пользователя; ■ Иметь на компьютере установленные программы Adobe After Effects, Adobe Illustrator, Adobe Photoshop и Adobe Premier Pro; ■ Иметь базовое понимание принципов композиции, работы с цветом, контрастом, ритмом.
Желательно: ■ Владеть растровым (Adobe Photoshop/Procreate) и/или векторным (Adobe Illustrator/Figma) графическим редактором; ■ Иметь опыт работы с любой программой обработки видео (Например, СapCut).
Чему вы научитесь:
■ Анализировать массив информации и отбирать контент, который выгодно визуализируется;
■ Подбирать визуальные метафоры для сложной информации;
■ Создавать анимации с помощью инструментов Adobe After Effects, Adobe Illustrator и Adobe Photoshop;
■ Использовать анимацию серийно для визуализации идей и фактов внутри одной темы;
■ Монтировать видео в Adobe Premier Pro на базовом уровне, а также соединять работу в Adobe Premier Pro и в Adobe After Effects;
■ Разрабатывать сценарий и раскадровку для видео-эксплейнера;
■ Применять принципы видео и звукомонтажа для создания связного визуального нарратива.
Что вы будете делать:
■ Создавать шейповые, персонажные, типографические и другие анимации в After Effects;
■ Анимировать сцены, созданные в Adobe Illustrator или в Adobe Photoshop;
■ Подбирать визуальные метафоры для своего проекта, а также создавать динамические иллюстрации на их основе;
■ Разрабатывать сценарии для видео-эксплейнеров;
■ Применять принципы сторителлинга для своих текстов, видеороликов, презентаций;
■ Создавать видеоролики, объединяющие анимацию, видео и звук.
Темы блока: ■ Для чего нужен Adobe After Effects? ■ Знакомство с интерфейсом ■ Структура проекта: файл, слой, композиция ■ Первая анимация ■ Сохранение проекта и рендер
Практика: создание анимированного плаката
Темы блока: ■ Скорость анимации и ее распределение во времени ■ Graph Editor: что показываю графики ■ Виды ключевых кадров и их роль в анимации
Практика: анимация «прыгающий мячик»
Темы блока: ■ Подготовка сцены в Illustrator ■ Варианты импорта в After Effects + импорт из Photoshop ■ Свойства векторного слоя ■ Подготовка к анимации: anchor point и parenting
Практика: анимация персонажа, созданного в Adobe Illustrator
Темы блока: ■ Виды визуальной коммуникации ■ Что такое визуальная метафора? ■ Принцип создания визуальных метафор ■ Применение визуальных метафор
Практика: разработка 3-х эскизов, использующих метафору, для будущих иллюстраций внутри лонгрида об истории места.
Темы блока: ■ В чем разница между 2D и 3D? ■ Трехмерное пространство в After Effects ■ Возможности 3D слоев *Импорт 3D объектов в After Effects ■ Настройка 3D камеры ■ Ракурс и режим нескольких окон
Практика: создание сцены с использованием эффекта параллакса.
Дополнительный материал
Темы блока: ■ Что такое морфинг? ■ Обзор инструментов для морфинга в After Effects
Практика: анимация плавного превращения нескольких шейпов с одинаковым количеством опорных точек
Итоговый проект 1 части курса: 5 — 15 анимированных гиф изображений, которые дополняют/иллюстрируют контент основного проекта модуля (Многочастный лонгрид-исследование места)
Темы блока: ■ Особенности хронометража ■ Эксплейнер это? ■ Инструменты создания видеоэксплейнера.
Практика: анализ видеоэксплейнера по алгоритму (интонация, подача, визуальные решения, монтажные приемы, звуковое оформление).
Темы блока: ■ Для чего нужен сторителлинг? ■ Правила сторителлинга: способы удержать внимание зрителя
Практика: работа в парах — разработка и устная защита лонгрида. Создание материала на предложенную или самостоятельно выбранную тему с применением принципов сторителлинга, удержания внимания и объяснения сложных фактов.
Темы блока: ■ Интерфейс Adobe Premier Pro ■ Монтаж видео ■ Основы цветокоррекции ■ Совместная работа в Adobe Premier Pro и Adobe After Effects
Практика: создание атмосферного видеоролика под музыку из стокового видеоматериала.
Темы блока: ■ Кинетическая типографика ■ Ручная анимация. Понятие аниматора слоя ■ Готовые анимационные пресеты. ■ Анимация через эффекты
Темы блока: динамичная анимация отрывка текста (например, хокку). Отражение смысла написанного в характере анимации.
Темы блока: ■ Постобработка видео в After Effects ■ Keying: автоматическое удаление фона ■ Ротоскоп: ручное удаление фона ■ Трэккинг: привязка объектов к движению
Практика: создание анимированной сцены с летящей птицей — удаление фона из видеоряда, добавление типографики, наложение масок и применение эффекта эхо.
Дополнительный материал
Темы блока: ■ Из чего состоит озвучка? ■ Интерфейс Adobe Audition ■ Процесс записи и обработки голоса ■ Интеграция шумов, атмосферы и музыкального сопровождения
Практика: создание новой звуковой дорожки для готового рекламного ролика с использованием подобранных звуков.
Итоговый проект 2 части курса: видео-эксплейнер хронометражем 1 — 1.5 минуты, на тему, связанную с темой модуля (Комплексный проект для музея)
«Чивита-ди-Баньореджо: История на краю обрыва» / Авторка: Виталия Герасина
«Kite Museum. Нити счастья» / Авторка: Варвара Савельева
Примеры выполненных заданий к лекциям «Анимация текста. Кинетическая типографика» и «Keying, Ротоскоп, Трэкинг. Инструменты постобработки видео.»/ Авторы: Виталия Герасина, Лера Ленская
Примеры выполненного задания из лекции «Морфинг. Анимация превращений» / Авторы: Варвара Савельева, Лера Ленская, Виталия Герасина
Примеры выполненного задания из лекции «Импорт из Adobe Illustrator. Подготовка сцены и анимация»/ Авторы: Варвара Савельева, Виталия Герасина
