Трейлер Про Adobe After Effects — сайт interfaceanimation.ru

Технологии

• analytics: Yandex Metrica, Yandex Webvisor
• architecture_signals: pwa_manifest
• javascript_libraries: jQuery
• seo_signals: open_graph

Соцсети

• Денис Абдуллин
• ░░░░░

О сайте

Title: Анимация интерфейсов с нуля – Авторский курс по UI-анимации

Description: Делать живой эмоциональный UI с микровзаимодействиями, презентовать решения заказчикам, разработчикам и пользователям, усилить своё портфолио: сильно выделить кейсы среди других дизайнеров.

---

Скидка 20% до конца сентября

Анимация интерфейсовс нуля

Авторский курс по UI-анимацииДениса Абдуллина

[Получить доступ со скидкой](https://interfaceanimation.ru/buy)

Привет! Буду рад ответить на твои вопросы по курсу, пиши мне в Telegram

[ Ваш браузер не поддерживает воспроизведение видео. ](trailer-mini.mp4)

Выбор коллег

Сотрудники ведущихкомпаний проходят курс

Работодатели оплачивают прохождениекурса своим сотрудникам

В чём делаетсяанимация интерфейсов

Adobe After Effects — признанный стандарт индустрии, инструмент, в котором работают лидеры рынка и топовые студии по всему миру.

Почему не Figma/Rive/Jitter/Principle? After Effects позволяет прорабатывать каждый кадр вглубь и накладывать эффекты поверх всей сцены — как слой «над всем», чего нет в интерфейсных инструментах вроде Figma или Rive.

Программа

After Effects

Figma

Rive

Principle

Lottie

Мой комментарий

After Effects — мой основной инструмент. Он дает максимальную свободу и подходит для сложной анимации, но требует больше времени на освоение.

Figma отлично подходит для дизайна и прототипирования. Для большинства задач этого достаточно.

Rive не лучше и не хуже — он решает другие задачи. Этот инструмент ориентирован на создание интерактивных компонентов, которые будут работать прямо внутри приложения или игры.

Я начинал с этого инструмента и делал в нем свои первые конкурсные работы. Principle очень простой и понятный, но сегодня многие его возможности уже появились в Figma.

Экспортирую из After Effects, есть в курсе. Формат для внедрения небольших анимированных элементов: иконок, иллюстраций, лоадеров и микроанимаций. Не предназначен для анимации целых экранов и сложных прототипов.

Сложные эффекты и композиции

Rive — это уже не просто анимация, а интерактивный компонент.

Внутри можно сделать:

- несколько состояний (Normal / Hover / Pressed); - переключение по переменным; - анимации по нажатию; - progress bar; - toggle; - лайк-кнопку; - анимированного персонажа; - игровые элементы.

Разработчик передает в Rive значения (isPressed = true, progress = 75) и анимация меняется сама.

3D и камера

Частицы и симуляции

Экспорт в приложение

Можно экспортировать небольшие анимированные элементы — иконки, ил…