54 урока по обучению моушн дизайну (полный курс по моушн графике)

Udemy

Среди видеокурсов, размещенных на образовательной платформе, — серия уроков на русском языке по дизайну и анимации персонажей в двух софтах — Adobe Иллюстраторе и After Effects. При этом упомянутые редакторы, а также Photoshop, на девайсе слушателя к началу обучения уже должны быть установлены. Преподаватель Oleh Stepanenko рассказывает о шагах моушн-дизайнеров в персонажной анимации и значимых составляющих качественного видеоролика, моделирует реальную ситуацию переговоров дизайнера с клиентом. На одной из лекций инструктор делится нюансами поиска вдохновения, без которого невозможно создание оригинальных анимированных персонажей. 
 

Бесплатные курсы

• «Моушн дизайн. Intro» от XYZ School. 16 лекций для новичков, чтобы познакомиться с основным софтом motion-дизайнера: Adobe After Effects, Photoshop, Illustrator и Cinema 4D. Кроме лекций, вы получаете доступ к закрытой «общалке» школы и подборке полезных материалов. Слабые места курса: отсутствие возможности задавать вопросы, получать фидбек на свою работу, вникнуть в суть профессии. Но он будет неплохой подготовкой перед любыми платными курсами, ведь вы познакомитесь с интерфейсом программ и научитесь делать базовые манипуляции.
• Серия бесплатных уроков по After Effects от студии «Соловей». 18 записанных уроков, более 12 часов информации. Базовый блок – как работать в программе, творческий блок – как развиваться в моушн-дизайне, коммерческий блок – как создавать коммерческие ролики различной длины. Курс без проверки домашних заданий, но можно получить сопровождение за 5000 руб. Хорошее качество записи, достойный объем материала, но этим записям уже два года.
• «Моушн-дизайн для новичков» от Sabatovskiy.com. 8 видео-лекций и более 60 минут практических заданий в After Effects. Вы не просто познакомитесь с интерфейсом After Effects, а научитесь анимировать текст, графические объекты, добавлять анимацию в видео. Хорошо, но мало. Кроме того, много маркетинга: нельзя просто взять и получить доступ к урокам или интро, чтобы оценить манеру преподавания, нужно оставить свои данные.

Skillbox

Онлайн-университет Skillbox.ru предлагает пользователям освоить motion-дизайн в двух форматах: в рамках специализированного обучения профессии с помощью в трудоустройстве и на 8-месячном курсе, где востребованное направление изучается с нуля до PRO. При выборе первого варианта студенты Skillbox могут рассчитывать на помощь вуза в трудоустройстве, заниматься в подобном случае придется 16 месяцев. Но длительность программы оправданна ее насыщенностью. За указанный период поступившие на онлайн-курс осваивают весь цикл создания рекламных роликов, оригинальные приемы анимирования объектов, принципы композиции, применение спецэффектов. Среди инструментов, с которыми работают будущие моушн-дизайнеры, — Adobe Illustrator, Фотошоп, Adobe After Effects, Cinema 4D, ZBrush. Независимо от выбора онлайн-программы, студенты занимаются в идентичном формате: изучают материал видеоуроков, выполняют домашние задания, исправляют с наставником недочеты и готовят дипломный проект.
 

Области применения моушн-дизайна в жизни

Кино

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

Титры в сериале «Настоящий детектив»
Титры в фильме «Шерлок Холмс»
Титры в мультфильме «Человек-паук: через вселенные»

Посмотреть коллекцию лучших кинотитров и прочитать о развитии жанра можно в этом материале.

Это отдельная категория моушн-дизайна, где идёт постоянный поиск новых визуальных приёмов и переосмысление старых.

Эффектные ролики с коротким, но ёмким сюжетом, рассчитанные на эмоциональное восприятие. Моушн используется здесь повсеместно.

Презентации

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

3D-mapping

Это лазерное шоу, где «экраном» для 3D-проекции выступают фасады зданий — при этом обыгрывается геометрия постройки, её архитектура и местоположение.

Интерактивный дизайн

Это достаточно новое направление, симбиоз дизайна, программирования и шоу. Интерактивность помогает сделать пользовательские интерфейсы выразительными и простыми в использовании. Моушн-дизайн — одно из самых востребованных направлений на сегодняшний день. Применяется в таких областях:

• создание иконок,
• прелоадеров,
• микровзаимодействия,
• видеобэкграундов,
• прототипов,
• оформления кейсов,
• презентаций.

Советы начинающим

• Не пытайтесь применять советы и хитрости от профессионалов, по крайней мере, первые 3 месяца. Они работают только в определенных ситуациях, но прежде всего вам необходимо изучить основы. Вы должны иметь представление о том, что на самом деле стоит за советом, и тогда вы дойдете до того, что сможете давать собственные.
• Не берите заказы сразу после изучения основ: легко почувствовать себя профессионалом, собрав несколько симпатичных анимаций. На начальном этапе вы получите заказы только низкого качества, проекты от клиентов, которые хотят сэкономить на оплате. Вы всегда будете в поиске клиентов, встретите много заказчиков, обещающих рекомендации или возможность получить хороший опыт в обмен на вашу работу. Но обычно действительно интересные заказы бывают у компаний, готовых платить за работу даже начинающим.
• Не переоценивайте себя – не пытайтесь учиться на уроках для продвинутых аниматоров. Вы захотите бросить обучение, потому что оно покажется слишком сложным. Дайте себе время и наберитесь терпения.
• Многие новички думают, что плагины и скрипты помогут выполнить работу быстро и качественно. Но правда в том, что нет никакой замены для знания основ: это не означает, что вы должны их избегать, но лучше сначала отточить знание базы.

Разбитый текст

Еще одним трендом в 2021 году, касающимся типографики, будет разбитый текст. Это не новая тенденция, но мы сможем видеть ее новые применения, которые выводят ее на совершенно другой уровень. Слова воспроизводятся по-разному – появляются постепенно, одно за другим, располагаются на разных уровнях, или сами буквы разбросаны по экрану.

Такой тренд представлен на следующем видео. Оно иллюстрирует
цитату шеф-повара Фрэнсиса Малманна о взрослении. Слова отображаются на экране
в соответствии с голосом рассказчика. Они анимированы в поэтической манере, и визуально
демонстрируют значений слов. Например, слово «выбор» разбросано, а слово
«взросление» поднимается, становясь выше.

Francis Mallmann on Growing Up от Daniel Luna

Типографика в следующем видео от Enle Li и Liz Xiong также соответствует
значениям самих слов

Обратите внимание, как четыре буквы слова «rain» взрываются в тонкие
капли дождя, под эффект чудесного трека от The Green Kingdom

Words от Enle Li

17.

Другие интересные учебные программы

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

А сейчас давайте рассмотрим еще несколько стоящих курсов для будущих моушн-дизайнеров.

Полноценный видеокурс по After Effects – Creativetuts

Полноценный видеокурс по After Effects поможет быстро освоить необходимую теорию и отработать ее на практике.

В программе:

• работа со слоями;
• принципы анимации и применения кривых;
• стили и эффекты;
• создание масок;
• шейповая графика;
• типографика и анимация текста;
• цветокоррекция;
• изменение фона и перенос объектов в другую среду;
• 3D-анимация;
• трекинг и др.

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

2D/3D Animation + Motion Design – Mobios School

2D/3D Animation + Motion Design – 38 занятий от практикующих дизайнеров, домашние задания с проверкой и чат с куратором, которому можно задавать вопросы по урокам, заданиям и работе в целом.

В программе:

• графика и анимация в After Effects;
• написание сценария;
• простая анимация;
• рендеринг;
• основные правила хорошего анимационного ролика;
• импорт изображений из Photoshop и Illustrator;
• работа с графиками и ключами анимации.

Учиться можно самостоятельно, в группе и индивидуально. Стоимость соответственно равна 27 642 руб., 29 901 руб. и 54 057 руб. Длительность курса – 4,5 месяца.

Супер Сила 1 – Школа Моушн Дизайна

Супер Сила 1 – 40 интересных и динамичных уроков с практическими заданиями от трех преподавателей-практиков.

В программе:

• инструменты After Effects;
• выразительная анимация и правильные акценты;
• монтаж;
• нестандартные приемы;
• типографика;
• стилистика;
• работа с плагинами;
• анимация персонажа;
• динамичный логотип;
• портфолио и поиск первых заказов.

Для тех, кто уже не считает себя новичком, разработан курс Супер Сила 2.

Мастер After Effects – Шошин Иван

Мастер After Effects – это 10 индивидуальных уроков по Skype в удобное время в индивидуальном темпе.

В программе:

• шейповая анимация;
• композиция;
• анимация текста;
• спецэффекты;
• слои и маски;
• цветокоррекция.

В конце обучения вас ждет курсовой проект. Стоит одно двухчасовое занятие с преподавателем 1 750 руб., есть скидки при полной и частичной предоплате.

Design Bootcamp – Mike Frederick

Design Bootcamp – курс на английском языке, около 25 часов видеоуроков + упражнения и дополнительные материалы, а также поддержка и общение в групповом чате.

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

Стоимость при оплате одним платежом составляет 997 $. Можно оплатить в 3 этапа по 349 $, но общая переплата в таком случае составит 50 $.

Рекламный motion-дизайн – Smmagnat team

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

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

Стоимость курса – 10 000 руб., продолжительность – 1 месяц.

Motion design – Саша Сердюкова

Motion design – 1 месяц занятий по анимации 2D и 3D, практические задания, обучение на удобной платформе, 9 готовых роликов в портфолио. Для успешного прохождения нужны навыки работы в Photoshop и Illustrator.

В программе:

• генерация идей, составление сценария;
• инструменты After Effects;
• поиск материалов;
• цвет, свет, стиль и музыка;
• законы анимации;
• персонаж;
• Cinema 4D;
• анимация текста и многое другое.

Чтобы уточнить стоимость, оставьте заявку на сайте.

Моушн-дизайнер – Профессиональный стандарт

Моушн-дизайнер – профессиональная переподготовка продолжительностью 3 месяца, 520 академических часов. Для поступления требуется высшее или среднее профессиональное образование.

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

Стоит курс 15 000 руб. Подойдет тем, кто хочет получить официальный документ.

GeekUniversity

Для обучения моушн-дизайну на платформе GeekBrains был создан отдельный факультет, который является подразделением online-университета от Mail.Ru Group. Поступающим желательно хотя бы минимально ориентироваться в двух графических редакторах Adobe (Photoshop и Illustrator) — так выход на профессиональный уровень будет проще и оперативнее. Программа курса разбита на четверти. На первую запланировано введение в профессию, ознакомление с основным инструментарием моушн-дизайнеров, лекции по анимации, уроки композиции и типографики. Во втором квартале работа с 3D продолжается, при этом часть занятий отводится под знакомство со смежными направлениями, включая моделирование и look development. Третья четверть отведена под углубленное изучение софтов для motion design и приемов совмещенной работы в различных графических редакторах. К финишу учебы студенты формируют шоурил (полноценный видеоролик для портфолио) из выполняемых в процессе занятий проектов. Пользователям, успешно освоившим факультетскую программу, гарантировано трудоустройство.
 

Особенности профессии

Для создания эффективной анимации кроме таланта и вдохновения необходимо выполнение следующих действий:

• определить целевую аудиторию, для которой создаётся моушн-графика — анимационные изображения будут абсолютно разными для учебного центра, например, и для крупного производственного холдинга;
• четко определить цели и стиль проекта, представить конечный результат анимации и в соответствии с этим выбрать технологии, средства и инструменты для создания моушн-графики;
• разработать техническое задание, где четко прописаны требования к проекту: главная идея, сведения о продукте, продолжительность ролика и заставки, сроки исполнения, способы оплаты и т. п.;
• для продуктивной работы перед началом анимации в Adobe After Effects необходимо заранее создать набросок, так называемый сториборд каждой сцены;
• в процессе создания анимации необходимо соблюдать правильную организационную структуру для слоёв, фотографий и прочих элементов;
• не увлекаться визуальными возможностями After Effects, засоряя анимацию избыточными эффектами, которые мешают восприятию основной идеи ролика. Моушн-графика предназначена для передачи ключевой идеи и главной концепции, и это должно быть сделано максимально ясно, просто и понятно.

Дополнительно важно знать

Помимо трех основ важно знать и другие важные вещи. Я рекомендую изучить 12 принципов анимации

Это поможет вам создавать более динамичные и запоминающееся видео ролики:

Также важно знать основы драматургии, так как моушн дизайн максимально приближенный к видео и кино, и необходимо знать, из каких частей строится рассказ, и как воздействовать на зрителя. Рекомендую несколько книг:. Митта “Кино Между Адом и Раем” История на Миллион Долларов

Митта “Кино Между Адом и Раем” История на Миллион Долларов

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

Не забывайте посещать выставки, галереи. Смотреть и видеть, что и как работает в искусстве.
Я надеюсь эта статья будет вам полезной и станет отправной точкой в загадочный мир моушена. Далее я расскажу, какое ПО нужно знать для моушн дизайна и с чего начать, но уже на практике.

История возникновения

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

1825

Тауматроп — игрушка, основанная на оптической иллюзии: при быстром вращении кружка́ с двумя рисунками с разных сторон они воспринимаются как один. Была особо популярна в Викторианскую эпоху.

Пример тауматропа. Игрушка Икабода Крейна из фильма Тима Бертона «Сонная лощина»

1832

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

1833

Зоотроп — устройство для демонстрации движущихся рисунков, конструкция которого основана на инерции человеческого зрения. Изобретателем зоотропа считается Уильям Джордж Горнер.

Зоотроп

1876

Эмиль Рейно усовершенствовал эти и похожие устройства, соединив их с «волшебным фонарём», что позволило просматривать движущиеся картинки не одному человеку, а одновременно нескольким.

В честь первого показа «светящихся пантомим» Рейно в 1892 году 28 октября отмечается как Международный день анимации.

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

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

Где и как обучаться моушн-дизайну?

• Самостоятельно и по бесплатным урокам. Плюс: дешево. Минусов больше. Вы не методист, а придется разрабатывать учебный план. Нужно отбирать материал, а среди бесплатного будет много повторений и просто «воды». Без высокого уровня самоорганизации и способности заставлять себя, лучше даже не пробовать.
• Найти личного наставника. Плюсы: индивидуальный подход к материалу, работа над вашими слабыми местами, отзывы и обратная связь. Возможно, наставник возьмет вас в подмастерье и будет делиться работой. Минусы: дорого, сложно найти хорошего наставника, нужны как минимум базовые знания.
• ВУЗ. Дорого и долго. Нет отдельных программ, которые специализируются на motion-дизайне. Это либо общий дизайн, графический дизайн, либо режиссер мультимедиа. Программы в ВУЗах часто оторваны от практики, а ценность диплома о высшем образовании в современном IT-мире – не высока. Этот вариант подойдет в том случае, если вы выпускник и в любом случае собираетесь куда-то поступать, уж лучше учиться по профилю. Но будьте готовы, что придется брать дополнительные курсы.
• Курсы. Учебная программа разрабатывается так, чтобы материал усваивался легко. Есть возможность получить доступ к практике в топовых компаниях и учиться у лучших моушн-дизайнеров. Вам сразу дают то, что понадобится на практике. Минусы: это платно.
• Отдельно затронем онлайн/офлайн. Поскольку motion-дизайнеру часто приходиться общаться с заказчиками удаленно и повышать квалификацию в дистанционном формате, то лучше сразу приучаться работать онлайн. Кроме того, если вы не живете в мегаполисе, вряд ли у вас будет доступ к крутым преподавателям офлайн.

Что делать, чтобы расти профессионально?

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

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

Работать в команде. Хотя инструменты эволюционируют до такой степени, что один дизайнер может выдавать уровень работ, который еще 10 лет назад был доступен только студиям, сами проекты усложняются. По-настоящему крутые задачи требуют командной работы, поэтому motion-дизайнеру необходимо прокачивать soft-skills.

Что такое моушен дизайн

Давайте начнем с основного вопроса, по названию статьи: что такое моушн дизайн? Если в двух словах, то это графический дизайн, приведённый в движение. Графический дизайн использует визуальные образы для передачи сообщения, а умело встроенные движения могут подчеркнуть это сообщение, добавив энергии и визуального интереса. Кроме того, моушн дизайн не только помогает передать сообщение, но и сам может быть этим сообщением.

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

Приёмы моушен графики:

1. Тайминг: графические элементы должны двигаться, встряхивать, покачиваться и скользить в нужные моменты. Зрители замечают, когда действие происходит поздно или рано, поэтому старайтесь сделать это правильно.
2. Продолжительность. Как и в видеопроизводстве, слишком быстрое мигание изображения на экране может вызвать раздражение и не передать сообщение. И наоборот, если оставить изображение на экране слишком долго, аудитория может потерять интерес.
3. Темп: скорость повторяющихся движений и музыки. Любой ритм создает эмоциональный эффект, и должен вписываться в сценарий видеоролика и постановку.
4. Переходы: то, как автор переходит от одной сцены или изображения к другому, влияет на то, как зрители интерпретируют сообщение. Переходы должны соответствовать тематике, чтобы аудитория оставалась погруженной в историю. Для плавных переходов вручную или в программах — редакторах.
5. Естественное движение: старайтесь, чтобы движения были органичными и естественными. Пример моушн дизайна — движение автомобиля. Он не сразу переходит от остановки к полной скорости — между ними есть много шагов. То же самое относится и к приёмам motion graphics. Чем естественней движения, тем убедительней они будут для зрителей.

Анимационный дизайн

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

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

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

Почему моушн дизайн работает

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

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

Вот каналы, где моушен дизайнеры применяют анимационный дизайн:

По исследованию Tubular Insights, 64% зрителей мотивируют к покупке просмотры видео в соцсетях.

Как моушн дизайн влияет на взаимодействие со зрителями

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

По опросу WyzOwl, 81% бизнесменов добавляют видео на сайт в качестве маркетингового инструмента, потому что это стимулирует вовлеченность.

Как мы писали в блоге.

Вот 4 атрибута моушен дизайна для продвижения продуктов:

Motion дизайн создаёт эмоциональный материал

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

Благодаря феномену эмоционального заражения зрители сопереживают тем чувствам, которые изображены на экране.
Помогает понять сложные процедуры. Моушн графика подаёт информацию так, что её легко понять обычному зрителю. Данные легче усваиваются и запоминаются, когда они отображаются визуальным способом. Вот почему моушен графику добавляют в видео о сложных процессах, визуализации абстрактных идей.
Отражает индивидуальность бренда. Motion design показывает индивидуальность бренда. Если бренд игрив или серьезен, анимация должна показывать то же самое. Хотя рисованные персонажи в брендинге не новая деталь, сегодня моушн анимация и становится обычным явлением.
Анимация лаконична. Длина моушн видео в диапазоне от 30 секунд до 3 минут, что очень полезно, когда моушн дизайнеру нужно быстро произвести впечатление на зрителя.

Графика использует способности среднего человека к обработке информации и воздействует на зрителей меньшим количеством информации.

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