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

ЧТО ДОЛЖЕН ЗНАТЬ MOTION-ДИЗАЙНЕР?

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

Навыки и инструменты, которыми должен владеть motion-дизайнер:

• Основы написания сценариев;
• Знание графических редакторов Adobe Photoshop и IIIustrator;
• Принципы и основные шаги создания моушн-графики;
• Обработка видео в Adobe Premiere и Adobe After Effects;
• Создание трехмерных объектов в Autodesk 3DS Max, 2D и 3D Animation и LightWave 3D;
• Владение технологией раскадровки;
• Использование Cinema 4D, Blender и Graphic Design;
• Умение быстро искать материалы и необходимую информацию;
• Создание простых скриптов;
• Умение кратко, емко и увлекательно излагать суть вопроса;
• Навыки самопрезентации;
• Основы звукомонтажа;
• Английский язык для изучения программ и документации.

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

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

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

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

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

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

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

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

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

«Полноценный видеокурс по After Effects и моушн дизайну» от Creativetuts

Продолжительность: 100+ видеоуроковСтоимость: 3 900 руб.Преподаватель: Айдар АбильдинКому подходит курс: всем, кто желает познакомиться с моушн или улучшить навыки After Effects

«Полноценный видеокурс по After Effects и моушн дизайну» –
это огромное количество обучающего материала. В процессе обучения вам предстоит
изучать видеоуроки и выполнять практические задания, которые не проверяются
автором курса. Курс приведет вас в сферу моушн-дизайна, анимации и 3D дизайна.

Это одна из самых полных программ по обучению After Effects.
На уроках вы рассмотрите особенности создания моушн-графики для разного типа
контента. После обучения вы сможете создать эффектную анимацию с нуля.

Программа состоит из 14 блоков, из которых вы усвоите:

1. Основные принципы работы и интерфейс Adobe After Effects.
2. Работу со слоями и Timeline в After Effects.
3. Принципы создания динамичной, живой анимации.
4. Группы эффектов и настройку стилей анимации.
5. Создание масок и их анимацию.
6. Шейповую графику и модификаторы для создания
   анимации.
7. Создание и приведение в движение типографики.
8. Цветокоррекцию и тонирование.
9. Кеинг и создание реалистичного фона.
10. 3D
    графику и анимацию.
11. Трекинг и стабилизацию кадра.
12. Выражения для автоматического создания анимации.
13. Вывод композиции из After Effects в
    финишное видео.
14. Дополнительные возможности и инструменты в After Effects.

Каждый блок теории и практики проводится в Adobe After Effects, без использования
других программ. Автор курса по motion-дизайну оказывает поддержку студентам в
случае трудностей с обучением.

07.

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

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

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

Компания Kaprion Vision подготовила интерактивное видео с наглядным объяснением:

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

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

Где учиться

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

Онлайн-курсы по motion-дизайну:
С самыми качественными курсами можно ознакомиться в нашей подборке – ТОП-9 курсов по Моушн-дизайну для начинающих.

Где сейчас используют моушн-дизайн?

Анимационный
дизайн в наши дни широко востребован во многих сферах, включая:

• Киноиндустрию  – создание анимационной графики для вступительных
  заставок (опенингов) и титров к фильмам, а также тизеров, трейлеров и
  другого сопутствующего видеоконтента.
• Телевидение –
  оформление заставок и прочих анимационных элементов телепрограмм (титры,
  субтитры и т.д.).
• Рекламу и маркетинг
  – motion design
  повсеместно используется в рекламном видеоконтенте, включая традиционные
  рекламные ролики, промо-ролики, вирусные видео, нативную рекламу и т.д.
• Видеопродакшн в
  целом – начиная от музыкальных клипов и роликов для YouTube-блогеров,
  заканчивая информационными и образовательными проектами (обзоры, инструкции,
  учебные пособия и т.д.).
• Медиа – помимо
  телевидения, моушн-дизайн широко представлен в контенте новостных и развлекательных
  интернет-порталов.
• Развлечения –
  анимационная графика крайне актуальна для компьютерных игр и других видов
  развлекательного видеоконтента (стриминг и т.д.).
• Бизнес – motion
  design позволяет создавать интересные и оригинальные презентации,
  презентационные видеоролики, инфографику и другой подобный контент для
  представления товаров или услуг.
• Интерактивный
  веб-дизайн – очень актуальное и востребованное направление, помогающее
  «оживить» статичный дизайн сайтов за счет анимационных элементов: иконок,
  прелоадеров, прототипов, видеобэкграундов и т.д.

Морфинг

Видеоэффект плавного преобразования одного элемента в другой называется морфинг. Данный эффект используется уже давно, и в 2021 году мы не ожидаем потери его популярности

Если вы ищете привлекательный способ соединить идеи или сделать плавный переход от одной концепции к другой, обратите внимание на морфинг

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

Пример морфинга 1Пример морфинга 2Пример морфинга 3

14.

С чего начать изучение?

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

Основы графического дизайна:

Цвет

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

Кроме того, необходимо ознакомиться с психологическим влиянием определённых оттенков на настроение и эмоции человека.

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

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

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

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

Технологии для motion design

В зависимости от поставленных задач специалист может взять на вооружение самые разные технологии. Иногда их приходится совмещать и как-то комбинировать для достижения максимального результата. Хороший Motion-дизайнер может работать сразу в нескольких направлениях.

Плоский дизайн

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

Плоский дизайн широко применяют в роликах на YouTube, где требуется пояснить какую-то сложную для рядового пользователя информацию. Данное направление также прослеживается в операционной системе iOS, начиная с 7 версии.

Строковый стиль

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

Основная идея этого направления всё та же – заострить внимание зрителя на ключевых элементах и тезисах

Курс “Моушн дизайн”

Научись привлекать и удерживать внимание любого зрителя, под руководством профессионала с 14-летним опытом в CG-индустрии

Изометрия

Зрителю представляется трёхсторонняя картина в одном ракурсе, где линии расположены под углом с параллелью в 30° без сокращений по перспективе. Яркий пример изометрической анимации можно увидеть в играх формата RPG: Fallot 1 и 2, серия X-COM, Diablo и другие.

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

Низкополигональный стиль

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

Современные сверхпроизводительные ПК легко перемалывают подобные модели, поэтому необходимости в данном направлении нет. Это скорее дань моде, вошедшая в тренды.

Пиксельная графика

Ещё один вариант формата «хорошо забытое старое». Направление стало популярным благодаря платёжеспособности поколения 90-х, которые выросли на пиксельных играх от Dendy и Sega. Стиль также взяли на вооружение Motion-дизайнеры, занимающиеся оформлением игровых фестивалей, веб-семинаров и конференций.

Комиксы

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

Стиль широко используют в оформлении компаний. Комиксы в этом случае становятся неотъемлемым элементом корпоративной культуры. На них опираются не только сотрудники компании, но и клиенты с партнёрами.

Покадровая анимация

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

«Жидкий» дизайн

Направление Liquid motion уверенно держится в трендах последние 2-3 года и не собирается сбавлять обороты. Стиль примечателен тем, что отходит от реалистичного отображения элементов. Вместо привычных фигур для визуализации смены объектов используется эффект перетекания. Чаще всего последний сопровождается характерными каплями, разводами и брызгами.

«Жидкий» дизайн – это насыщенные цвета, привлекающие внимание зрителя к ключевым моментам, а неожиданная трансформация объектов вызывает вау-эффект. Для реализации подобных проектов от дизайнера требуется нестандартное мышление и видение

T-shape как философия развития

Однажды каждый моушен-дизайнер сталкивается с необходимостью выбора. Невозможно быть высококлассным специалистом одновременно во всём. Даже косвенно затронутые ранее CG-дженералисты, или «люди-оркестры», всегда будут проигрывать узкопрофильным специалистам. Поэтому у каждого серьёзного профи в нашей сфере есть понимание своих сильных и слабых сторон, так называемые major/minor skills:

• Major-cкилы — это то, что специалист умеет лучше всего, его узкая специализация;
• Minor-скилы — это побочные навыки: «умею и могу, но не в совершенстве».

Сперва (в идеале) моушен-дизайнер получает базовые знания — осваивает работу с анимацией, основы работы в 2D и 3D, навыки монтажа, фундаментальные знания композиции, типографики и работы с цветом. Такой фундамент позволит легко уйти в любую специализацию, оставаясь командным игроком. Используя базовые знания в нескольких программах и дисциплинах, можно выполнять простые задачи, не обращаясь лишний раз к коллегам. Например, ко мне пришла 3D-модель, которую нужно вставить в сцену и анимировать. В процессе я понимаю, что при моделировании какую-то часть надо было сделать иначе — так будет логично в соответствии с финальной задачей по анимации. Благодаря широкому набору скилов я могу сделать это сам.

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

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

• Хочется в софт-скилы и организацию рабочих процессов — развитие в продюсера. 
• Есть желание руководить дизайнерской группой и отвечать за художественную составляющую проекта — развитие в арт-директора.
• Хочется всего и сразу, да ещё чтобы можно было что угодно самому запилить — развитие в CG-дженералиста.
• Есть любовь к сложным техническим штукам, математике, программированию и прочим прелестям technical art — развитие в Technical Artist, а в дальнейшем — в Technical Director.

И это далеко не все возможные варианты.

Напоследок ещё один важный момент: учиться надо будет ВСЕГДА.

Да, именно так. Видеотуториалы в метро, статьи перед сном, десятки часов личной практики. Моушен-дизайн развивается со скоростью гоночного болида, рынок меняется каждый год. Новый софт, новые инструменты, новые запросы. Остаётся неизменным лишь одно: чем дальше, тем интереснее.

Моушен-дизайн — это удивительный и прекрасный мир. И даже десятки пережитых мною ночных кранчей (по собственной неопытности и глупости) не заставят меня пожалеть о том, что несколько лет назад я сделал ставку на моушен-дизайн, поставив крест на предыдущей карьере. Это нечто большее, чем просто работа с 10 до 18 на пятидневке, — это образ жизни. И он чертовски хорош, скажу я вам.

На факультете моушен-дизайна GeekUniversity вы сможете освоить все основные инструменты, собрать портфолио и спланировать своё профессиональное развитие.

Кинетическая типографика

Веб-дизайнеров учат не растягивать и не искажать буквы

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

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

Смотрите нашу подборку кинетической типографики.

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

Следующий пример с ребрендингом для медиа-сети Basketball
Forever ставит типографику на первый план. Весь моушн вращается вокруг слов:
«баскетбол» и «навсегда». С этими словами проводятся разные необычные
эксперименты, которые оказались чрезвычайно привлекательными.

Basketball Forever Rebrand от Not Real

16.

Когда и как он появился?

«Родителями»
современного моушн-дизайна считаются супруги-дизайнеры Сол и Элейн Басс. Они
разработали множество оригинальных заставок, титров и плакатов для культовых
голливудских фильмов 50-70-х годов ХХ века. Для кинематографа того времени это
был настоящий прорыв, который дал стимул к дальнейшему развитию и
совершенствованию анимационного дизайна. 

В
70-х годах motion design стал массово использоваться в кинематографе и на
телевидении, а в 80-х годах он получил «второе рождение», благодаря появлению
компьютерной графики. В 2000-х годах моушн-дизайн нашел свое применение в
видеопродакшне, а в наше время его можно встретить буквально везде, где есть
визуальный контент. 

Моушн-дизайн – это что такое простыми словами?

Графика продолжает развиваться. И если раньше всем нужны были только статические изображения, то теперь востребованы и motion-картинки.

Правда, последнее будет стоить в несколько раз дороже.

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

Без первого не обойдётся ни один дизайнер, так как в таких картинках важно креативить и проявлять творческие таланты. А второе – чтобы правильно передавать физику движения

А второе – чтобы правильно передавать физику движения.

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

Иногда нужно вручную прописывать координаты для каждого местоположения изображения или элемента.

Такие дизайнеры работают не только с картинкой, но и со звуком и текстом.

Формально, он и создают ещё одно видео. Только в этом случае речь о немного большем, чем простой монтаж. Особенно, если мы говорим уже о 3D.

Кто такой моушн-дизайнер?

«Motion» в дословном переводе с английского означает «движение». Поэтому моушн-дизайнер – это специалист, который занимается анимационным оформлением различных изображений в движении. С результатами работы такого специалиста мы сталкиваемся постоянно, на экранах телевизоров, в рекламных роликах, на страницах веб-сайтов и в различных клипах.

Несмотря на то, что профессия моушн-дизайнера малоизвестна широкому кругу аудитории, она не новая, а первые дизайнерские проекты в этой области были созданы еще в первой половине 20 века и связаны они с развитием кинематографа, когда начали появлятся первые анимированные картинки в движении (логотипы, титры).

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

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

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

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

Основные инструменты для создания шедевров моушн-дизайна – это Cinema 4D,  Adobe Photoshop, Adobe Illustrator, Adobe After Effects и другие.

Заведите библиотеку вдохновения

Очень важно собирать полезные и вдохновляющие материалы в едином месте. Это может быть отдельная папка на компьютере, альбом в pinterest или же блокнот в evernote

Преимущество последнего варианта в умной сортировке файлов – вы можете создавать блокноты, отдельные заметки и присваивать им определённые теги. И все это можно просматривать с телефона, браузера или ноутбука.

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

Заведите себе привычку, каждый день находить 1-2 вдохновляющих видео или изображения и добавлять их в свою библиотеку. Уже через 30 дней у вас будет 30-60 крутых работ, которые будут служить источником вдохновения.

Плюсы и минусы профессии

Преимущества:

1. профессия всегда актуальна на бирже труда;
2. относительно малая конкуренция по всему миру;
3. высокая заработная плата;
4. один из творческих, интересных, прикладных и перспективных видов деятельности;

Контрпреимущества:

1. есть вероятность несоответствия взглядов заказчика и исполнителя;
2. нужно самостоятельно заниматься организацией трудового процесса;
3. высокоинтенсивная нагрузка на глаза, из-за длительного контакта глаз с компьютером;
4. обучение недоступно в вузах;
5. постоянно нужны новые «свежие» идеи;
6. возможно эмоциональное выгорание;
7. быть широкопрофильным кадром (максимально освоить принципы работы с аудио, видео, текстом);
8. должность требует постоянного разностороннего развития, начиная от улучшения навыков в редакторах и заканчивая овладением трендовыми приемами, стилями, строениями шаблонов, цветовой гаммы и так далее.