12 - Per1zat/Ae GitHub Wiki

🎓 Практическая работа №12: Анимация электронного устройства / гаджета в действии

🧩 Тема:
Анимация “Гаджет в действии” — как работает электронное устройство: экран включается, интерфейс оживает, кнопки нажимаются, сенсор реагирует.

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

📌 Задание:
Создай анимационный ролик 10–15 секунд, в котором:

Появляется стилизованный гаджет (смартфон, часы и т.д.)
Экран “включается” — подсветка, иконки оживают
Пользователь нажимает кнопку или делает свайп
Гаджет реагирует: анимация экрана, интерфейса или эффект

🛠 Требуется:
Adobe After Effects 2020+
Композиция: 1920×1080, 30 fps, 15 сек
Элементы: векторное изображение устройства (можно SVG/PNG), UI-иконки, Shape Layers

🚶 Пошаговая инструкция:
🔹 Шаг 1: Сцена 1 — Внешний вид устройства

Импортируй PNG или нарисуй сам: прямоугольник + рамка + кнопка (смартфон)
Применить анимацию Scale + Opacity: “гаджет появляется”

🔹 Шаг 2: Сцена 2 — Включение экрана

Затемнение исчезает → фон экрана появляется с glow
Добавь анимированные иконки (например, часы, погода, сообщение)
Иконки появляются с Fade-in + Pop (Scale 90 → 100%)

🔹 Шаг 3: Сцена 3 — Взаимодействие

Нарисуй палец или курсор
Симулируй нажатие: Scale у иконки → тень усиливается
Экран реагирует: открывается меню, появляется popup

🔹 Шаг 4: Сцена 4 — Завершение

Экран гаснет или появляется логотип бренда
Надпись: «SmartTouch X — просто, удобно, умно»

📦 Что сдавать:
.aep файл
.mp4 экспорт (15 сек)
Скриншоты: ключевые этапы — появление устройства, касание, реакция