Быстрый гайд по созданию моушен-дизайна для видео.

Сергей Алеев
4 min readMay 5, 2018

--

Привет!

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

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

Начнем!

Этап 1. Подбор идей и примеров(референсов)

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

Так-как мы с тобой только учимся, то давай начнем с самого простого и правильного правила — “Чтобы сделать что-то лучше — для начала нужно сделать хотя бы так же” и подберем наши первые примеры.

Мне понравились вот эти:

Я не буду делать 1 в 1, но возьму из них идеи и постараюсь их повторить.

Где искать? Для начала тут: vimeo.com — вбивай в поиск HUD animation, заваривай чай, и приступай к поиску.

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

Этап 2. Трекинг

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

Давай начнем с того, что поймем к чему мы прикрепим наш текст.

Нам понадобятся базовые навыки работы в АЕ. Я расскажу подробней где их взять на последнем этапе.

Выбираем точку куда будем прикреплять нашу графику и внимательно следим за ней!

Готово! Двигаемся дальше.

Этап 3. Создание объектов

Тут все просто, но если у тебя есть опыт работы в Иллюстраторе, то тебе будет немного легче.

Создаем пару новых слоев и делаем на них наши будущие элементы.

Начнем с сетки где разместим объекты.

К ней добавим текст и графические элементы для будущей анимации. Для начала этого достаточно.

Этап 4. Анимация и плюшечки

Теперь приступим к самой анимации. Анимация, как таковая, это движение и изменение объекта во времени. Именно эти параметры мы и будем менять. Время у нас отображается в таймлайне афтер эфектс.

Давайте попробуем изменить параметры объектов и заставим их двигаться расставляя точки в нужных местах во времени:

Вроде бы неплохо!

Теперь добавим всему этому немного свечения и объема докинув такой слой:

Посмотрим на результат:

Отлично!

А вот и автор в процессе работы:

Этап 5. Что делать если ничего не понял

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

Вот ссылка на инсту его курсов instagram.com/isaevworkshop и на группу в ВК vk.com/isaevworkshop

Оставайтесь на связи и увидимся в следующих публикациях!

Бонус: крутой сайт по подборке цветовой гаммы для вашей графики https://coolors.co

--

--