UX/UI Animation в After Effects
Старт 14 июня. Длительность курса 2,5 месяца.
Лекции и мастер-клаcсы длительностью от 1 часа.
Разбор практических заданий ментором курса.
Статические интерфейсы скучные. Сайт, либо приложение, без интересной и качественной анимации уже мало кому интересны. Тем более, Awwwards считает динамические второстепенные элементы на страницах одним из главных трендов веб-дизайна 2019 года.

Поэтому веб-дизайнер, как и дизайнер мобильных приложений, должен уметь красиво анимировать, использовать как простые, так и сложные техники в своей работе.

Возможности программы After Effects в плане анимации безграничны, поэтому Антон Пинкевич (руководитель и арт-директор международной motion-студии Untime) научит студентов делать самые часто требуемые типы анимации: лоадер, анимация иконок, переходы между экранами, появление/исчезание модальных окон и другое.

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

Хотите, чтобы ваши анимации собирали по несколько миллионов просмотров? Тогда вэлкам к нам на курс!
Научим тебя
делать такие анимации
Как мы учим
Потоковые live-занятия
В формате мастер-классов. После урока у вас сохраняются все видеозаписи и материалы. Обучение проходит на русском языке.

Практические задания и фидбэк
90% курса — практические занятия. Вы можете получать фидбэк от других студентов в Telegram. А также от ментора на платформе курса.

Платформа с материалами и комьюнити в Telegram
Ваши задания и все материалы хранятся на платформе академии. Помимо, у вас еще будет доступ к комьюнити дизайнеров со всего мира и свой чат курса.

Дополнительные материалы
Менеджер курса будет регулярно высылать вам ссылки на интересные видео, книги, статьи, которые помогут в вашем обучении.
Для кого
Для практикующих специалистов в сфере UX/UI, графического либо моушн-дизайна
углублённый курс по анимации в After Effects для людей, которые работают в этих сферах
Курс по UX/UI анимации даст вам возможность
Повысить
квалификацию
Давно ждёте повышения и хотите стать еще более крутым моушен-дизайнером? Вот знак свыше. Самое время начинать.
Увеличить свою зарплату в 1,5 раза
Приобретение дополнительных навыков даст возможность занимать позиции выше и работать в топовых компаниях.
Разнообразить свое портфолио
Вы сможете с гордостью публиковать свои новые работы, получать восторженные отзывы и набирать сотни тысяч просмотров и лайков.
Ваш ментор
Антон Пинкевич.
Director & Animator в Untime - animation studio
Антон в моушн-дизайне с 2009 года (да-да, аж 10 лет!).
Работал совместно с My Duck's Vision, одна из его гифок собрала 3 млн просмотров на 9gag и imgur, создал крутые видео для Cluster. Его анимация для Rocketgraph — одна из самых популярных на Dribble.

Анимационная студия Untime (в которой Антон СЕО) была основана в октябре 2015 года. За всё это время Антон вместе с командой участвовали в большом количестве проектов, в том числе делали анимацию для клипа Макса Барских «Сделай громче».

В последние 2 года им пишут много дизайн агенств с просьбой сделать сложные и не очень UI анимации для веба и приложений. За это время Untime работали над абсолютно разными проектами и накопили большой опыт, которым хотят и готовы делиться с дизайнерами по всему миру.
Работы ментора
Команда курса
Яна Стратонова.
Менеджер курса
Яна любит порядок и общение. Именно поэтому, со всеми вопросами, просьбами и предложениями можно обращаться напрямую к ней.

Она поможет вести коммуникацию с ментором, а еще будет высылать вам полезные материалы и следить за дэдлайнами.
Программа курса
14 июня
старт
4 недели
длительность
ВТ,ПТ
расписание
19:00-20:00
время
Модуль 1.
Интро
Теория по анимации интерфейсов (material design, apple user interface guideline
Подробно обсудим и посмотрим гайдлайны, которые были написаны монстрами индустрии. Посмотрим какие гайдлайны полезные, а какие не очень.
Подготовка файлов с помощью Figma и Sketch (установка AEUX)
Всегда хочется сократить время работы с рутинными задачами. Поэтому мы, в первую очередь, изучим с помощью каких средств мы и будем сокращать рутину.
Универсальный процесс подготовки файлов любой сложности с помощью иллюстратора и фотошопа
Пройдём весь процесс подготовки файлов, чтобы понять, что же именно происходит когда работает скрипт.
Основы интерфейса АЕ
Изучим общее устройство интерфейса АЕ, разберём какие панели есть, зачем они используются и какими именно инструментами мы будем пользоваться
Графики velocity для аниматора и разработчика
Как работать с графиками velocity в АЕ и чем они отличаются от того, что видит перед собой разработчик.
Планирование анимации
Научимся самому ВАЖНОМУ в анимации – её планированию.
Полезные скрипты для работы
  • Motion 2
  • Untime toolbox
  • Rift
Модуль 2.
Анимация
элементов
Анимация иконок
  • Работа с parenting
  • Shape effectors
  • Anchor point
  • Покадровые техники для создания интересных анимаций
Анимация форм (input поля и нажатие кнопок)
  • Masks
  • Alpha matte
  • Drop shadow
  • Shape path animation
Microinteractions
Переходы между экранами (unfold transition, morphing transition)
  • Keyframe offset animation
  • Вввод в 3д в After Effects
Экспериментальные анимации (с блюрами и другими эффектами)
Поэкспериментируем с анимациями, которые выглядят очень круто, но редко применяются
3D page turn (как в iBooks)
Как создавать анимационные пресеты
Экспорт файлов в mov
Модуль 3.
Материалы для разработчика
О библиотеке Lottie
Lottie – такой себе новый стандарт в анимации интерфейсов, потому что позволяет экспортировать векторные данные из АЕ и использовать их в коде. Мы же разберём на составляющие весь процесс работы с этой библиотекой
Установка Lottie
Вытягивание данных о velocity, которые может использовать разработчик
Разработчик и аниматор видят мир по-разному. Исправим это недоразумение и приведём всё к общему знаменателю
Подготовка и экспорт некоторых компонентов с помощью lottie
Теги ID и классы для дальнейшего использования в коде
Установка aw_previewGenerator
Рендер в GIF
Модуль 4.
Экспрешены и работа с кодом
Основа по javascript
В наше время дизайнер и аниматор должны знать код
Как устроен движок АЕ, более глубокое понимание программы
Эти знания помогут более глубоко понимать разработчиков АЕ, следовательно не нужно будет «заучивать» как и что работает
Основные экспрешены, которые используются чаще всего
Анимация цифр
Углублённые знания по экспрешенам, которые подходят индивидуально под определённую задачу
Изучим более сложные экспрешены для кастомизации и облегчения анимации
Модуль 5.
Дополнительная реальность (AR)
Введение в трекинг, работа с камерой и доф
Введение в ротоскопинг
Введение в композитинг
Замена экрана телефона на графику
Финальная композиция и простая цвето-коррекция
Модуль 6.
Портфолио
Интерфейс Cinema 4D
Использование библиотеки материалов и объектов
Настройка рендера
Интеграция интерфейса в 3д объекты
Микс графики и интерфейсов
* параллельно на платформе курса будут практические задания по каждой теме.
Собственная дизайн-лаборатория MEAT Agency
c офисами в Киеве и Сан-Франциско. С 2016-го мы создаем дизайн для технологичных стартапов и большого бизнеса из США, Европы и Украины.
Всё, чему мы учим, мы сформировали на основе реальных проектов по всему миру.
Награды агентства MEAT
3 Honorable
Awwwards
2016-2018
2 CSS
Site Of The Day
2016-2018
8 Behance
features
2016-2018
5 The Very
Best Of
2016-2018
Клиенты MEAT Agency
С 2016-го мы провели 100+ интенсивов, лекций и конференций
Мы уже выпустили 600+ специалистов
Обучили сотрудников для
Что вы получите от курса
Углубленные навыки и знания в UI анимации
Научитесь делать анимации интерфейсов для прототипов и презентаций клиентам. А также освоите сложные анимационные техники.
Мы научим мыслить как моушен-дизайнер
Чтобы делать любые анимации, нужно думать как моушен-дизайнер.
Скидка на дальнейшее обучение в академии
Хороший специалист всегда в процессе обучения. Чтоб не тратить на это целое состояние, нашим студентам мы делаем крутые скидки.
Диплом
специалиста
Свидетельством вашего успешного окончания обучения будет диплом о прохождении курса.
Выбери свой формат обучения
120$
Live
10 live-лекций
и мастер-классов
с возможностью задавать вопросы и записью

Обучение программе Adobe After Effects

Дополнительные материалы от ментора (статьи, видео, коллекции)

Задания от ментора для самостоятельной работы

Осталось 3 места
250$
Praktik
10 live-лекций
и мастер-классов
с возможностью задавать вопросы и записью

Обучение программе Adobe After Effects

Дополнительные материалы от ментора (статьи, видео, коллекции)

Практика с индивидуальным письменным фидбэком ментора на платформе курса

Постоянный доступ к внутренней бирже с реальными проектами и вакансиями
Осталось 1 место
400$
Praktik+
10 live-лекций
и мастер-классов
с возможностью задавать вопросы и записью

Обучение программе Adobe After Effects

Дополнительные материалы от ментора (статьи, видео, коллекции)

Практика с индивидуальным письменным фидбэком ментора на платформе курса

Постоянный доступ к внутренней бирже с реальными проектами и вакансиями

4 индивидуальных онлайн-сессий с ментором курса
Всего 5 мест
в два платежа
или 190$ за раз
в два платежа
или 450$ за раз
в два платежа
или 750$ за раз
Live
10 live-лекций
и мастер-классов
с возможностью задавать вопросы и записью

Задания от ментора
для самостоятельной работы
Больше ↓
Обучение программе Adobe After Effects

Дополнительные материалы от ментора (статьи, видео, коллекции)

120$
Осталось 3 места
в два платежа
или 190$ за раз
Praktik
10 live-лекций
и мастер-классов
с возможностью задавать вопросы и записью

Практика с индивидуальным письменным фидбэком ментора на платформе курса
Больше ↓
Обучение программе Adobe After Effects

Дополнительные материалы от ментора (статьи, видео, коллекции)

Постоянный доступ к внутренней бирже с реальными проектами и вакансиями
250$
Осталось 1 мест
помесячно
или 450$ за раз
Praktik+
10 live-лекций
и мастер-классов
с возможностью задавать вопросы и записью

Практика с индивидуальным письменным фидбэком ментора на платформе курса

4 индивидуальных онлайн-сессий с ментором курса
Больше ↓
Обучение программе Adobe After Effects

Дополнительные материалы от ментора (статьи, видео, коллекции)

Постоянный доступ к внутренней бирже с реальными проектами и вакансиями
400$
Осталось 1 место
помесячно
или 750$ за раз
Нужна помощь в выборе формата обучения?
Оставьте свой номер телефона и наш специалист свяжется с вами, и ответит на все вопросы.
Часто задаваемые вопросы по курсу
Если студент новичок
и/или не связан с дизайном, может ли он учиться на курсе?
Если студент не связан с UX/UI, графическим, либо моушн-дизайном, то курс для него, к сожалению, не подходит.
Это углублённая программа для ребят, которые работают в сферах, описанных выше.
Кем студент сможет работать после курса?
Это не обучение профессии с нуля. Это углубление знаний в UX/UI и моушн-дизайне. Курс сделает вас более ценным специалистом для компании.
К примеру, для позиции senior UX/UI дизайнер, либо middle моушн-дизайнер, базовое знание анимации интерфейсов необходимо.
Будут ли на курсе домашние задания и/или курсовой проект?
Домашние задания будут базироваться на основе практических заданий курса.
На курсовой студенты будут делать достаточно сложную анимацию, которую смогут показывать при собеседовании на более высокую зарплату, либо устройстве на работу.

В каких программах и сервисах будет проходить обучение?
Adobe After Effects + некоторые плагины и расширения. А также Photoshop и Illustrator.
Нужны теоретические знания UX и UI. Базовые знания Sketch, либо Figma.
Знание интерфейса After Effects будет плюсом.
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
Заявка на Live-курс
«Веб-дизайн с нуля»
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
Заявка на Praktik-курс «Веб-дизайн с нуля»
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
Заявка на Praktik+-курс «Веб-дизайн с нуля»