«Смысл в движении: анимация для выражения фактов и данных»
DESIGN OF PAULA SCHER. Арюна Щеглаева
О чем курс?
Язык движения давно используется современными медиа в качестве языка коммуникаций, а последние тенденции показывают насколько активно зритель воспринимает информацию через короткие видео-ролики, анимацию и другие форматы, которые так или иначе объединяет принцип движения. Умение создавать такие форматы расширяет возможности медиаспециалиста, позволяет ему охватывать больше аудитории, создавая не только статичный контент (посты, афиши, иллюстрации и тд), но и динамичный, который в том числе увеличивает количество платформ для продвижения медиа-продукта.
Ребрендинг фестиваля «Волгафест». София Гранжева
Курс ориентирован на то, чтобы научить студентов мыслить движением и использовать After Effects как инструмент визуальной коммуникации. В течение обучения студенты познакомятся с основами анимации, научатся превращать статичный материал в динамичный и отбирать данные и факты для последующей визуализации.
Итоговой работой 1 части курса станет серия gif изображений, которые визуально включены в общий стиль основного проекта модуля (многочастный лонгрид об истории места) и раскрывают факты, которые приводятся в нем.
Для кого курс:
• Для тех кто создает медиа-контент и хочет научится применять его на новых платформах
• Для тех кто уже умеет создавать статичную графику, но хочет расширить свой функционал до анимации
Длительность курса — 7 недель Количество часов — 28 академических часов
Занятия проходят очно, 1 раз в неделю в компьютерном классе
Необходимые знания
• понимание правил композиции, контраста, цвета и типографики • желательно, владение векторной (Illustrator/Figma) и растровой программой (Photoshop/Procreate)
Планируемые результаты обучения
После прохождения курса студент:
• умеет анализировать массив информации и отбирать контент, который выгодно визуализируется;
• умеет подбирать визуальные метафоры для сложной информации;
• умеет создавать анимации с помощью базовых инструментов After Effects, Illustrator и Photoshop;
• использует анимацию серийно для визуализации идей и фактов внутри одной темы;
Итоговый проект 1 части курса — 5-15 анимированных гиф изображений, которые дополняют/иллюстрируют контент основного проекта модуля (Многочастный лонгрид -исследование места)
Эксплейнер «Построение и пропорции». Арюна Щеглаева
Тематический план
1 неделя. Введение в интерфейс и основы анимации • Ознакомление с рабочей средой After Effects, ключевыми кадрами и базовыми инструментами. • Практика: анимация DVD-иконки, отскакивающей от краёв экрана. • Практика: анимация плаката с простым движением текста.
Пример выполненного задания
2 неделя. Принципы анимации и работа с Illustrator • Обзор 12 принципов анимации и их применение на практике. • Практика: анимация падающего мячика. • Практика: Создание персонажа в Adobe Illustrator и послойная анимация в After Effects. • Домашнее задание: разработка собственного персонажа и создание 5-секундной зацикленной анимации.
3 неделя. Принципы анимации и работа с Photoshop • Имитация покадровой анимации в After Effects: ключевые кадры и Puppet Tool. • Коллажная анимация: создание сцены из объектов выбранного города и её оживление с помощью перекладки (toggle). • Домашнее задание: создать иллюстрацию факта о своём городе (на основе Википедии) и сделать 5-секундную зацикленную анимацию.
Примеры выполненного задания
4 неделя. Визуальная метафора • Разбор примеров, где видео используется как средство усиления и дополнения контента. • Обсуждение понятия визуальной метафоры и способов её выражения через движение. • Практика: разработка и эскизирование собственных визуальных метафор для будущего проекта.
Пример выполненного задания. Эскиз иллюстрации двух реальных фактов выбранного города
Предпросмотр: • 10 фактов о месте и идеи по их визуализации • мудборд визуального стиля • 4 эскиза гифок
5 неделя. Предпросмотр
• Предпросмотр • Консультации по идеям и раскадровкам лонгридов • Начало работы над чистовой анимацией на паре
6 неделя. 3д слои
• 3д слои в After Effects. Настройка камеры • Практика: анимация пролета камеры через объекты (тексты, картинки, видео) • Индивидуальные консультации
Пример выполненного задания
7 неделя. Финализация и ротоскоп • Если успеваем: ротоскоп видео из готового футажа • Консультации и финализация индивидуальных проектов.
Пример выполненного задания
Примеры итоговой работы
«Аудиовизуальный монтаж: как создать инфографический ролик»
О чем курс:
Современному медиаспециалисту приходится работать не только с иллюстрацией или фотографией, но и с готовым видеорядом: интервью, документальными съёмками и др. Без знания монтажа невозможно собрать материал в связный рассказ, а без работы со звуком — сделать его выразительным и удобным для восприятия. Правильно срежессированный и смонтированный контент будет лучше воспринят аудиторией, для которой формат коротких видео стал максимально привычным.
Медиа о творческой Москве — tesnomag, Лилит Бирюкова, Мария Брянцева, Юля Митряйкина
Вторая часть курса расширяет базовые знания о моушн-дизайне и переносит внимание на работу с видео и звуком. Студенты познакомятся с теорией видеомонтажа и видами склеек, освоят основы работы в Adobe Audition. На второй части курса студенты также учатся создавать аниматики и раскадровки, используя их как инструменты для планирования аудиовизуального проекта, а также продолжают изучение After Effects для более сложных и комплексных анимаций.
Итоговым проектом модуля становится серия коротких (до 1 минуты) видео-презентаций о фактах или явлениях, которые можно транслировать в музее, над которым студенты работают на кураторских занятиях.
Для кого курс:
• для тех, кто уже познакомился с анимационным форматом и хочет расширить свои возможности до работы со звуком и видео • для тех, кто хочет создавать не только короткометражную анимацию, но и более полнометражные проекты с более сложной режиссерской планировкой
Необходимые знания
• владение программами Illistrator, Photoshop; • владение After Effects, навыки анимации, тайминга • основы визуального сторителлинга (в статике и в динамике) • базовые принципы типографики, контраста и композиции
Длительность курса — 7 недель Количество часов — 28 академических часов
Занятия проходят очно, 1 раз в неделю в компьютерном классе
Планируемые результаты обучения:
После прохождения курса студенты научатся: • разрабатывать сценарий и раскадровку для видео-эксплейнера • объяснять сложную информацию с помощью наглядных визуальных образов • применять принципы видео и звукомонтажа для создания связного визуального нарратива • создавать серии видео-роликов, объединенных одним визуальным стилем
Итоговый проект 2 части курса — серия видео-презентаций для музея, которые рассказывают о явлениях или предметах
Практическое наполнение курса
1 неделя. Теория монтажа • теория монтажа, виды склеек с примерами • практика: анализ видео и создание раскадровки на его основе (работа с контрастом)
2 неделя. Сценарий, визуальная метафора • анализируем инфоролики и разные приемы, которые использованы для разной информации • практика: придумываем визуальные метафоры для своей темы
3 неделя. Основы Audition.1 • ознакомление с инструментами и интерфейсом программы • Практика: импорт видео, наложение скачанных звуков • Практика: базовая очистка голоса от шумов
Предпросмотр: 1. 3 факта/явления 3. мудборд 4. сценарий (текст) 5. ключевые концепт-кадры (3–4 штуки) 6. раскадровка
4 неделя. Предпросмотр • Предпросмотр • Консультации по раскадровкам и темам
5 неделя. Работа с текстом • Анимации текста в After Effects • Практика: анимируем хокку или музыкальный отрывок, по смыслу текста
Пример выполнения задания
6 неделя. Консультации по темам. Эффекты для инфографики • Индивидуальные консультации по проектам • Если успеваем: TripPath, Аниматоры, метки в Audition и экспорт в After Effects
7 неделя. Финальные консультации. Морфинг • индивидуальные консультации по инфороликам и презентациям • если успеваем: морфинг объектов с одинаковым количеством точек, склейки
Пример итогового проекта
Видео-презентация для Шарыпово. Василиса Раб https://drive.google.com/file/d/1wAsikjxjrUlE5mKkvwCiT2G5M3SxAos6/view?usp=sharing
Соцсети yasno.live
