11 - Per1zat/Ae GitHub Wiki

🎓 Практическая работа №11: Анимация данных (Data Visualization Motion Design)

🧩 Тема:
Анимированная визуализация статистики / чисел / прогресса

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

📌 Задание:
Создай анимированную сцену (10–12 секунд), в которой поочерёдно появляются:

Круговая диаграмма (Pie)
Прогресс-бар (Progress bar)
Анимированный счётчик (Number Counter)
Подписи и заголовки
🛠 Требуется:
Adobe After Effects 2020+
Композиция: 1920×1080, 30 fps, длительность: 12 сек
Элементы: Shape Layers, Text Layers, Expressions

🚶 Пошаговая инструкция:
🔹 Шаг 1: Круговая диаграмма (Pie Chart)

Нарисуй круг (Ellipse Tool → Stroke only)
Применить Trim Paths: End от 0% до 75% (или 180°)
Добавь подпись: «75% студентов успешно завершили курс»
Применить анимацию появления от 0% к 75% (1–3 сек)

🔹 Шаг 2: Прогресс-бар

Нарисуй прямоугольную рамку + внутреннюю заливку
Scale X от 0 до 100%
Подпись: «Загрузка модуля 3…»

🔹 Шаг 3: Счётчик чисел (Number Counter)

Создай текстовое поле: 0
Добавь expression:
// simple linear count-up
num = linear(time, startTime, endTime, 0, 100);
Math.round(num)
Пример: от 0 до 100 за 3 секунды (вставить в Source Text)

🔹 Шаг 4: Финал

Все три блока выстраиваются в один экран (Grid layout)
Появляется заголовок: «Данные по результатам опроса»
Логотип внизу / надпись «Создано в After Effects»

📦 Что сдавать:
.aep файл
.mp4 видео
Скриншоты Trim Paths, счётчика, и финальной сцены