Image
Онлайн-курс Партнёр:
aic
−30% до 12 июля

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

Вы научитесь создавать анимации в After Effects и Atomic и превращать статичный дизайн в динамичные креативные интерфейсы. Сможете работать над более дорогими проектами в веб-студии или создавать сложные анимированные интерфейсы на заказ.

Трейлер

В этом видео дизайнер Сергей Кондык и основатель агентства AIC Сергей Попков  рассказывают, как анимация делает любой интерфейс круче и почему уметь анимировать должен каждый дизайнер, который работает с онлайн-продуктами.

Кому подойдёт этот курс

Чему вы научитесь

  1. Работать в After Effects, Principle и Atomic

    Познакомитесь с интерфейсом этих программ, научитесь работать со слоями, ключами и экшнами и сможете делать сложные анимации.
  2. Анимировать интерфейсы

    Изучите примеры качественной анимации и сможете дополнять свой дизайн креативными прелоадерами, анимированными иконками и другими элементами.
  3. Анимировать статичные концепции

    Узнаете, как разработать сценарий для движения статичного элемента, сможете «оживить» персонажа или предмет и добавить его в готовый дизайн.
  4. Создавать видеобаннеры

    Поймёте, в чём преимущество видеобаннеров, научитесь создавать их с помощью 3D-пространства After Effects и дополнять ими свои веб-интерфейсы.
  5. Презентовать проекты

    Научитесь оформлять свои проекты в эффектные кейсы с помощью динамичных мокапов и шоурилов. Узнаете, как грамотно оформить портфолио на Behance.

Как проходит обучение

  1. Изучаете тему

    В курсе — практические видеоуроки.

  2. Выполняете задания

    В том темпе, в котором вам удобно.

  3. Работаете с наставником

    Закрепляете знания и исправляете ошибки.

  4. Защищаете дипломную работу

    И дополняете ею своё портфолио.

Программа

Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.

  • 19 тематических модулей
  • 50 онлайн-уроков
  1. Узнаете, что такое motion-дизайн и где он применяется. Изучите разновидности и тренды.

  2. Изучите принципы построения анимации, тайминги и изинги, разберётесь в растяжении и управлении вниманием пользователя. Узнаете, как правила классической анимации работают в UX.

  3. Поймёте роль анимации в интерфейсах и разберётесь в области применения анимаций: например, для создания прототипов с обратной связью, микровзаимодействий, прелоадеров, видеобэкграундов, презентаций и шоурилов.

  4. Познакомитесь с интерфейсом, инструментами и возможностями Adobe After Effects. Научитесь работать с ключевыми кадрами и создадите простую анимацию.

  5. Узнаете, как придумать идею для анимации иконок. Подготовите вектор, проработаете анимацию и конвертируете готовую иконку в GIF.

  6. Вместе с преподавателями разберёте использование анимации на примере реального проекта.

  7. Узнаете, что такое прелоадеры для сайта, и посмотрите примеры интересных решений. Научитесь придумывать и анимировать прелоадеры.

  8. Познакомитесь с дизайном материалов, его концепцией и основными принципами. Изучите основные фишки анимации material design, репозитории и готовые пресеты.

  9. Узнаете, как и зачем добавлять звук в интерфейсы.

  10. Познакомитесь с интерфейсом и возможностями программы Principle. Научитесь импортировать макеты, работать со слоями, делать вертикальный скролл, привязку анимации, горизонтальный слайдер и сложные переходы.

  11. Познакомитесь с инструментами программы, научитесь превращать PSD в HTML и добавите анимацию на скролл и блоки в готовом лендинге.

  12. Изучите возможности программы Atomic, научитесь работать с компонентами и экшнами и создавать анимации сценария.

  13. Научитесь подбирать референсы, писать сценарии и расставлять акценты в будущей анимации. Узнаете, как подготовить PSD/AI-файлы к анимации и сделать концепцию динамичной с помощью правильного тайминга, кликов и скроллов.

  14. Узнаете, в чём преимущество видеобаннеров и как они влияют на восприятие дизайна. Научитесь создавать видеобаннеры с помощью 3D-пространства After Effects.

  15. Научитесь создавать динамичные мокапы, добавлять к ним звук и делать переходы между сценами.

  16. Научитесь делать анимацию в вёрстке веб-проекта.

  17. Узнаете, как создать продающий шоурил и сделать презентацию вашего проекта максимально эффектной.

  18. Поймёте, как оптимизировать рабочее пространство и время, научитесь грамотно сочетать программы и репозитории и разберётесь,что входит в зону ответственности motion-дизайнера.

  19. Узнаете секреты успеха дизайнеров на Behance и получите полезные советы по оформлению портфолио.

  20. Создадите сложные анимации интерфейсов для OKKO, «Ренессанс страхования», «Пятёрочки» и Lanit. Презентуете их с помощью шоурила.

Заявка не отправлена!

Похоже произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

Спасибо!

Ваша заявка успешно отправлена

Преподаватели

Сергей
Кондык

Моушн-дизайнер

11 лет опыта в моушн-дизайне. Моушн-дизайнер в Skillbox, ранее работал в AIC. Клиенты: RedBull, LeroyMerlin, Oriflame, FIFA, РЖД, МОС.РУ, ВТБ.

Сергей
Киреев

Арт-директор AIC

Николай
Иванов

Арт-директор AIC

Ваше резюме после обучения

Аделина Ветрова
  • Должность Motion-дизайнер
  • Зарплата от: 60 000 ₽

Профессиональные навыки:

  • Работа в After Effects, Principle, Webflow и Atomic
  • Настройка микровзаимодействий
  • Поиск креативных дизайн-решений
  • Анимация интерфейсов
  • Создание видеобаннеров
  • Дополнение интерфейсов звуками
  • Анимация статичных концепций
  • Анимация иконок
  • Презентация анимации с помощью шоурилов
  • Разработка прелоадеров

Диплом Skillbox

Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Image

Стоимость обучения

−30% до 12 июля
  • Рассрочка на 12 месяцев 2 917 ₽
  • Стоимость
    со скидкой 35 000 ₽
  • Первоначальная
    стоимость 50 000 ₽

Часто задаваемые вопросы