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

Полноценный курс по созданию анимаций для интерфейсов (web/mobile)
Оставить заявку

Сильная методология и гибкий процесс обучения

Начало обучения сразу после покупки с комфортной скоростью
Вам не нужно ждать старта потока. Оплачивайте курс, приступайте к обучению в этот же день и учитесь с комфортной скоростью. Оптимальный вариант — тратить на учёбу 2 часа в день. Если же вы сможете уделять курсу 4–8 часов, то закончите его в 2–4 раза быстрее.
Последовательность и время на адаптацию
Сложность заданий, которые вы делаете, возрастает от самых простых, длительностью до 30 минут, к более сложным и трудоемким. Таким образом вы постепенно вливаетесь в процесс обучения.
Емкие, но информативные видеоуроки
Сначала мы сделали сценарий на несколько сотен страниц, затем озвучили, смонтировали, наполнили графикой и сделали для вас короткие уроки «без воды», которые легко осваиваются и к которым комфортно возвращаться, чтобы что-то вспомнить.

Самая объемная и насыщенная программа

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

Практика
Сложная анимация состоящая из всех базовых анимаций
Разберемся с более сложной комбинацией, которая состоит из всех знакомых вам базовых анимаций. В этом уроке мы затронем тему создания эффекта имитации клика по картинке с помощью анимации масштабирования и исчезновения круга (инструмент Ellipse Tool). В результате вы изучите последовательность применения различных анимаций, что позволит вам создавать более сложную, впечатляющую анимацию.
Практика
Работа со сценами
Этот урок является циклом, который состоит из 3-х спринтов. Он посвящен альтернативным переходам между сценами. Сначала мы подробнее остановимся на понятии “сцена” и обсудим, какие бывают переходы между сценами. Вы научитесь применять 3 нестандартных варианта смены сцен: смена маской, смена шторкой и смена слайдом. Для создания перехода “смена маской” разберете и научитесь работать с новым параметром Track Matte – Alpha Inverted Matte или Инверсивная альфа-маска. И узнаете, как импортировать видео в композицию анимации.
Практика
Анимация изменения цвета
В этом уроке вы научитесь работать с анимацией цвета и свойством слоя Color. Простая анимация, которая может применяться для демонстрации ховера кнопок или ссылок. Но мы с вами разберем более интересный вариант, как можно красиво презентовать свой проект, используя анимацию изменения цвета.
Практика
Анимация контура (обрезка)
Вы освоите новый параметр Trim Path, с помощью которого создают очень классные эффекты движения контура, или другими словами можно сказать эффекты обрезки контура. Например, когда хотят показать прелоадер, прогресс-бар в видеоплеере и т.п
Практика
Комплексная анимация
В этом уроке вы снова поработаете с комплексной анимацией, закрепите ранее полученные навыки и создадите анимацию шота с новыми эффектами, используя все те же базовые свойства анимации: появление, движение, маска, масштабирование, переход между сценой 1 (смена маской), переход между сценой 2 (смена шторкой).
Практика
Декоративная анимация текста (глитч)
С этого урока начинается еще один небольшой цикл, состоящий из 3х уроков по декоративной анимации текста. В этом уроке вы изучите, как сделать такой неординарный эффект, как Glitch – эффект “битой” картинки или телевизионных помех. Такой эффект в анимациях выглядит достаточно модно и производит wow-эффект. При этом создается достаточно просто
Практика
Декоративная анимация текста (пропись)
На этом уроке вы научитесь создавать анимацию, которая имитирует прописной текст. Этот прием часто используют для расставления акцентов на сайте и выглядит он достаточно эстетично. Для такой анимации вы будете использовать новый инструмент Pen Tool. Будьте готовы к кропотливой работе и наберитесь терпения. В результате у вас получится красивая анимация, которую можно использовать для презентации своих проектов.
Практика
Креативная анимация текста
В этом уроке вас вновь ждет анимация текста, но более креативная и необычная. Ее интересный эффект включает комбинацию разных анимаций с использованием двух альфа-масок – простой и инверсивной. В результате вы создадите крутой шот, а этот способ сможете применять в своих проектах для эффектных презентаций.
Практика
Комплексная анимация
В этом уроке будем применять типы анимаций, с которыми вы уже знакомы, но некоторые из них мы будем использовать для создания более сложных и нестандартных эффектов. В результате получим сложную, комплексную анимацию, которая состоит из трех сцен с переходами, скроллом и сменой слайдом.

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

Самая оперативная и качественная обратная связь

Наши кураторы дают самые быстрые и подробные ответы. Есть строгий регламент: вы будете получать минимум 2 видеоразбора в сутки, в каждом ответе куратор отметит ваши ошибки и подскажет, как их исправить.
до 4ч.
время ожидания
ответа от куратора
15 минут
время ожидания ответа от поддержки на вопросы по курсу

Стоимость курса
«Анимация интерфейсов»

Рассрочка на 24 месяца — 1 661 ₽
Скидка 55% действует ещё
10
1 661 ₽ / мес
Рассрочка на 24 месяца
Без первого взноса
31 900 ₽ 40 000 ₽
3 322 ₽ / мес
Рассрочка на 12 месяцев
Без первого взноса
Суперскидка 20%
Заполните контактные данные
Спасибо, ваша заявка принята!
Мы свяжемся с вами в ближайшее время
Ой! Что-то пошло не так при отправке формы

Курсы, которые станут отличным дополнением к «Анимация интерфейсов»

И помогут вам быстрее повысить квалификацию и получить уровень middle+ и выше.
Сайты Pro
Курс по дизайну сайтов. Поможет освоиться в профессии и выйти на первый заработок.
Курс включает:
UX/UI дизайнер: Сайты Pro
Бессрочный доступ к урокам
Неограниченное количество проектов
Mobile Pro
Курс по дизайну мобильных приложений. Поможет углубиться в дизайн интерфейсов.
Курс включает:
UX/UI дизайнер: Mobile Pro
Бессрочный доступ к урокам
Проект в портфолио
Анимация интерфейсов
Полноценный курс по созданию анимаций для интерфейсов (web/mobile).
Курс включает:
24 шота в портфолио
Бессрочный доступ к урокам
4 месяца обучения
Создание 3D-иллюстраций
Курс по созданию 3D-иллюстраций и объектов для вашего дизайна.
Курс включает:
13 3D-моделей
Бессрочный доступ к урокам
2 месяца обучения
Создание сайтов на Webflow
Полноценный курс по разработке сайтов международного уровня в сервисе Webflow.
Курс включает:
1 проект в портфолио
Бессрочный доступ к урокам
2 месяца обучения

Частые вопросы

Какие есть варианты оплаты, есть ли рассрочка?

Вы можете оплатить полную сумму или воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: ОТП Банк, Почта Банк, Сбер, Халва и Тинькофф Банк.

Вы рисуете в Figma? Я её не знаю.

Да, мы рисуем проекты в Figma. Это наиболее удобный на сегодняшний день инструмент, который используют большинство студий.

Наши партнеры