Отзыв о курсе «Анимация интерфейсов в After Effects» от Skillbox

6 min readDec 27, 2019

2 года назад, когда я только начинал свою карьеру веб-дизайнера, курс анимации интерфейсов в After effects, был на очереди третьим по важности для меня, после Веб дизайна и UX, о которых я уже рассказал ранее. Необходимость его прохождения я тогда сильно недооценивал.

Автор статьи — Евгений Егоров.

Мой телеграм канал тут
Ответы на вопросы по обучению в этой статье

В конце статьи вас ждет крутой бонус лично от меня!

Техническая часть

Не буду много рассказывать о том, почему я выбрал именно Скиллбокс. Кратко — это был мой уже третий приобретенных курс, который я проходил параллельно с Веб дизайном и UX. Хочу выразить огромную благодарность своему преподавателю — Ровшену Еюбову, который помогал мне на протяжении всего курса, кормил дополнительным материалом и помогал в любое, даже нерабочее время.

Например, был случай, когда на работе в студии Actis мне дали графическое задание, которое я не знал как делать. С моим преподавателем мы общались не только на платформе Skillbox, но и в Messanger, где была возможность получить быструю обратную связь мгновенно. Именно благодаря таким обращениям у меня получалось сдавать проекты вовремя и не попадать в некрасивые ситуации, спасибо еше раз, Ровшен.

Почему анимация важна, почему анимация нужна?

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

Отличный пример — это Google Material Design, основанный на тактильной реальности

Курс Анимации был приобретен мною вместе с UX, ибо тогда я считал, что две этих части неразрывны и имея навыки в этих направлениях, найти работу в сфере дизайна не будет представлять проблем. Я не ошибался, ибо Hard скилы обращения с After Effects, полученные мною на курсе, очень сильно пригодились на работе в студии Actis.

Начало обучения

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

Прийдя на этот курс у меня не было абсолютно никаких навыков владения инструментами. В анонсе курса я видел, что есть возможность получить навыки владения After Effects, Adobe Premierre и Principle, что и привлекло меня, ведь я как раз искал работу веб-дизайнера.

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

Одним из первых заданий стало

«Сделайте презентацию с 12 принципами анимации от Walt Disney Studio. Найдите примеры анимаций UI-элементов, в которых принципы использованы правильно и в которых — неправильно.В результате должна получиться подборка с не менее чем 10 примерами анимаций. Указать, к какому из принципов относится пример.»

Обладая некоторыми навыками владения Readymag, получилось собрать первый анимированный лэндинг в рамках выполнения домашнего задания

Продолжая развиваться в Readymag, получилось сделать свой первый анимированный проект-портфолио

Уже после первого урока мне предоставилась великолепная возможность анимировать шаблонную ферму в After Effects, придав движение объектам.

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

От иконок к интерфейсам

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

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

Одна из домашних работ

Работа и применение навыков

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

Хорош тот инструмент, которым ты умеешь пользоваться

Говорил мне мой Арт-директор Смирнов Дима. А пользоваться на тот момент я уже умел Affter и Premierre, что мне очень помогло. Вспоминаю кейс, сделанный для заказчика Alcon

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

Задание было «Разработать брендированную дизайн концепцию для медицинского препарата». Я сделал:
1) Основную часть в PDF

2) Сделал анимационный ролик, чем несказанно порадовал работодателей и получил предложение о работе

Без анимации не едят

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

Анимация расширяет и обогащает ваш интерфейс
Используя микро-анимации в интерфейсе, вы делаете его более понятным
Функциональность интерфейса расширяется

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

Сейчас, курс еще не до конца пройден, но я чистенько зависаю в студенческих чатиках, где регулярно проводятся всякого рода батлы и конкурсы.

Кстати, по секрету, в процессе прохождения этой программы у меня получилось выпросить еще курс по анимации в Principle, ибо в рамках этой программы он получился какой-то слушком сжатый. Так что не бойтесь обращаться к ним с подобной просьбой.

Бонусы

Как и обещал. У меня , как у действующего студента, есть скидка 55% на все обучающие программы, которой я могу делиться с друзьями. В это непростое для всех время, хочу хоть как-то помочь, ибо иметь прибыльную работу и быть востребованным сейчас хочет каждый:

Ссылка на курсы со скидкой: https://sale.skillbox.ru/partners/

Там все просто, вводите промокод egorovdigital (действует до 30.04.2024) наверху и скидка применяется. Оставляете заявку, дальше вам все подсказывают что и куда)

Надеюсь, что теперь вопросов стало гораздо меньше и вы сможете успешно войти в digital. Все остальное вы найдете на моем личном телеграм канале — wellcome