Практический курс от дизайн-студии №1

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

Скидка
20%
первым 20 студентам
или получить консультацию
Формат
Онлайн-обучение
Длительность
16 недель
Обратная связь
Наставники
По завершении
Диплом
После диплома
Стажировка

Курс идеально подойдёт

Курс разработан совместно с дизайн агентством №1 AIC

Признанный лидер российского веб-дизайна по версии Тэглайна и Рейтинга Рунета.
200 +
успешно реализованных проектов
76
наград на престижных премиях
25
дизайнеров, самый большой UI/UX дизайн-отдел

Научим на реальных кейсах

В основе курса — реальный опыт. Мы покажем принципы motion-дизайна на примерах проектов компаний ВТБ24, Мираторг, Росатом, Уралсиб и других.
Специальный проект для Третьяковской галереи
Интерактивный проект о творчестве художника Архипа Куинджи. Эффект 3D, скелетная анимация и риггинг, партикуляр.
Russia Calling! для VTB Capital Events
Motion-дизайн для инвестиционного форума ВТБ Капитал. Анимация частиц, составной 3D-объект, взаимодействие с окружением.
скидка 20% первым 20 студентам

Программа курса

Курс состоит из семнадцати основных модулей и четырех бонусных.
1. Введение в motion design. Тренды, разновидности, применение 3 урока

Вы узнаете:

  • История возникновения motion-дизайна, основные этапы становления и развития
  • Разбор трендов на примере работ известных студий
  • Популярные редакторы анимации из семейства Adobe (Photoshop / AfterEffects / Premier)

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
2. 12 принципов анимации Walt Disney Studios 4 урока

Вы узнаете:

  • Принципы построения анимации, тайминги и изинги
  • Предвкушения и растяжение
  • Управление вниманием
  • Как правила классической анимации работают в UI

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
3. Motion Design в интерфейсах 3 урока

Вы узнаете:

  • Роль анимации в интерфейсах сайтов и приложений
  • Разбор области применения: создание прототипов с обратной связью, микровзаимодействия, анимация иконок, прелоадеров, видеобэкграундов, презентаций и шоурилов.WebGL
  • Основные инструменты и форматы

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
4. After Effects 7 уроков

Вы узнаете:

  • Возможности программы
  • Знакомство с интерфейсом и инструментами
  • Composition и Precompose
  • Маски
  • Ключи
  • Первые шаги в AfterEffects
  • Учимся на кошках — анимация примитивов и ключевых параметров

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
5. Иконки — погружение в мир микроанимации 4 урока

Вы узнаете:

  • Как придумать анимацию иконок
  • Подготовка вектора
  • Анимация
  • Конвертация в GIF

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
Бонус-модуль Практика: разбор кейса Уралсиб 1 урок

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
7. Прелоадеры 3 урока

Вы узнаете:

  • Интересные примеры
  • Природа прелоадера
  • Придумываем, рисуем, анимируем

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
8. Material Design 6 уроков

Вы узнаете:

  • Материал как метафора
  • Философия концепции
  • Суть и основные принципы
  • Рассмотрим примеры и поймем почему это важно
  • Основные фишки анимации Material Design
  • Репозитории и готовые пресеты

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
Бонус-модуль Звуки в интерфейсе 1 урок

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
10. Principle 6 уроков

Вы узнаете:

  • Введение и обзор самого перспективного редактора для быстрой анимации интерфейсных элементов и прототипов
  • Возможности программы
  • Знакомство с интерфейсом и принципами работы
  • Работа со слоями
  • Панель анимации и драйверы
  • Анимация сценария

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
11. Webflow — инструмент прототипирования веб-интерфейсов 3 урока

Вы узнаете:

  • Знакомство с веб-интерфейсом, позволяющим создавать адаптивные анимированные прототипы сайтов
  • Обзор интерфейса программы, инструментария, примеров
  • Превратим лендинг из PSD в html и накрутим разной анимации на скролл и появление блоков

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
12. ATOMIC 4 урока

Вы узнаете:

  • Возможности программы
  • Знакомство с интерфейсом и принципами работы
  • Компоненты, экшены и анимация
  • Импорт из скетча и создание анимации сценария

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
13. Анимация статичной концепции 5 уроков

Вы узнаете:

  • Поиск референсов
  • Написание сценария. Расстановка акцентов
  • Ключевые фишки в анимации
  • Подготовка PSD/AI файлов к анимации
  • Тайминг, правильные клики и скроллы

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
14. Видеобаннеры. Тренд, который заслуживает внимания 2 урока

Вы узнаете:

  • Работа с 3D в пространстве After Effects
  • Секвенции и параллаксы

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
15. Анимация концепции для презентации клиенту 5 уроков

Вы узнаете:

  • Статичные и динамичные мокапы
  • Монтаж
  • Звук
  • Переходы между сценами
  • Видеохостинги

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
Бонус-модуль Анимация в верстке 1 урок

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
17. Чистая магия — cоздание продающего шоурила 1 урок

Вы узнаете:

  • Как выгодно показать свои работы

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
18. Рабочие будни motion-дизайнера 5 уроков

Вы узнаете:

  • Рассказываем про штатный рабочий день моушн-дизайнера
  • Методы оптимизации рабочего времени и пространства
  • Правильный симбиоз программ и репозиториев
  • Территория ответственности
  • Инициатива и поиск идей

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
19. Дьявол в деталях 2 урока

Вы узнаете:

  • Секреты успеха на Behance (разбор удачных и не очень примеров)
  • Полезные советы

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
20. Дипломная работа 1 урок

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
Бонус-модуль Практика: разбор кейса ВТБ24 1 урок

Модуль проводит:

Сергей Кондык
Сергей Кондык
арт-директор AIC
скидка 20% первым 20 студентам

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

Все они — практикующие эксперты в motion и сервисном дизайне
Сложно себе представить в 2018 году работу хорошего веб-дизайнера без анимации. Загрузка главной страницы, эффекты слайдера, изинги, реакция кнопок, паралакс — все эти микровзаимодействия должен продумывать именно дизайнер. Анимация очередной важный скилл, которым должен обладать любой продвинутый веб-дизайнер.
Сергей Попков

управляющий партнёр, шеф‑дизайнер

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

    motion-дизайнер AIC

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

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

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

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

Станьте motion-дизайнером за 16 недель

Вас ждёт интенсивная программа из практических мастер-классов и плотная работа с наставником. Освойте весь процесс от начала до конца: от создание концепций, до анимации интерфейсов.
Учись у экспертов motion-дизайна

Занятия ведут лучшие практики и ведущие motion-дизайнеры AIC

Пройди стажировку в топ-агентстве

Попади в топовое агентство после защиты диплома, с последующим трудоустройством

скидка 20% первым 20 студентам

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

Курс — это чередование практики и закрепляющей теории. Ты выполняешь домашние задания и открываешь доступ к новому уникальному контенту по теме. Достаточно выделить 3–5 часов в неделю.
  • 1
    Самостоятельная работа

    Смотрите видеоурок с телефона, планшета или ноутбука, когда вам удобно

  • 2
    Проверяемые домашние задания

    Делаешь задание и отправляешь на проверку в любое время через личный кабинет

  • 3
    Общение с преподавателем

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

  • 4
    Дипломная
    работа

    Заканчиваешь курс и делаешь дипломный проект для реального клиента

Работы студентов курса. Вы научитесь делать так же

Посмотрите на то, как постепенно ученики осваивают новые инструменты. Сначала они делают задания попроще, а в финале – целый дипломный шоурил.

Онлайн-университет современных digital-профессий

Максимально практическое обучение от лидеров digital-рынка. Курсы от компаний, оттачивающих мастерство на реальных проектах. После обучения возможность получить работу
в этих компаниях или у партнеров университета.
82 %
выпускников довольны
курсом и результатом
89 %
студентов довольны
преподавателями
94 %
выпускников получают
карьерный рост
20 128
студентов проходят курсы

На курсы Skillbox уже записались сотрудники компаний

Компания 1
Компания 2
Компания 3
Компания 4
Компания 5
Компания 6
Компания 7
Компания 8
Компания 9
Компания 10
Компания 11
Компания 12
Компания 13
Компания 14
Компания 15
Компания 16
Компания 17
Компания 18

Где ещё пригодится анимация

После курса вы сможете легко найти применение своим новым навыкам
UI-интерфейсы
Эффектные сайты с моушном
Иконки
Живые и привлекающие внимание
Прелоадеры
Эффектные сайты с моушном
Микровзаимодействия
Анимация важных элементов интерфейса
Material Design
Интерфейсы, созданные в парадигме Google
Дизайн-концепции
Презентации, после которых клиенты говорят «да»
Анимированные прототипы
Подача идеи в 3 раза нагляднее
Видеобаннеры
Актуальный тренд последних лет
Шоурилы
Твое впечатляющее видеопортфолио

Остались вопросы?

1.Для анимации используется Adobe After Effects, это же очень сложный софт?

Мы коснемся только нужных возможностей After Effects, так что вам не нужно будет вслепую разбираться со всеми функциями. Также в программу входит изучение других актуальных инструментов для создания анимации: Principle, Webflow, Atomic.io.

2.На YouTube есть обучающие ролики на любую тему. Я могу научиться motion-дизайну по ним бесплатно, зачем мне курс?

У вас будет возможность обучаться у лучших специалистов в отрасли. За время обучения вы получите диплом и соберете собственное портфолио, которое поможет устроиться на работу в агентство мечты.

3.А что если у меня появится вопрос или понадобится помощь?

Вы всегда сможете задать вопрос куратору курса или спросить совет у однокурсников в закрытом чате студентов.