Волшебство в движении: что такое моушн-дизайн

Оглавление

Где работать Моушн-дизайнеру

Телевидение — создание титров, заставок, субтитров, оформление заставок программ.

Кино — создание опенингов, трейлеров, тизеров, титров, заставок.

Маркетинговые компании — рекламная деятельность в СМИ, разработка промоматериалов, создание нативной рекламы.

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

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

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

Развлекательная индустрия.

Какие направления включает в себя Motion Design

Моушн дизайн включает в себя множество направлений. Давайте рассмотрим несколько из них с примерами: 

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

Этот метод оживления пришел из мультипликации, здесь каждый кадр прорисовывается отдельно  как при создании старых мультфильмов (например “Ну, погоди”).Это непростая и долгая работа, но иногда результат стоит того:

2. Стоп-моушн

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

Buhito from Maria T. Domenech on Vimeo.

McDonald’s Made of Love — Beef (DC) from EMENES GmbH on Vimeo.

Starbucks Coffee Perfection from Rogier Wieland on Vimeo.

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

3. Шейповая анимация (shape motion)

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

What is Branding? from David Brier on Vimeo.

Фигуры можно преобразовывать и так:

KST — Factory from Homeboy on Vimeo.

Ну а это уже использование векторных изображений (они же тоже их фигур))

Explainer / Optimized Checkout from Artemii Pogodin on Vimeo.

В дополнение к шейпам добавился такой тренд, как liquid motion — движение жидкости. Этот стиль подразумевает «перетекание» одного элемента в другой, сопровождается брызгами, каплями или волнами.

Autentica Cuba from Daniel Mikhailov on Vimeo.

4. Трехмерная анимация

Все можно сделать объемным и конечно же анимировать. Смотрится очень эффектно:

Isometric motion graphics from Gennady Dobrynin on Vimeo.

Ликвид

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

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

Motion Graphics Trend: Liquid Motion

Вам так же могут быть интересны статьи:

Профессия графический дизайнер

Фотореалистичный рендер

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

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

Virtual Production in Mandalorian

Versus от ManvsMachine

Xiomi Readmi 5 от Yambo Studio

11.

Этапы создания online-курса «Супер Моушн»

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

Этап 1

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

Этап 2

Во время этого этапа больше всего внимания уделялось техническим аспектам создания обучения. Команда Videosmile позаботилась о наличии профессионального оборудования, из-за чего качество картинки и звука вплотную приблизилось к идеалу.

Этап 3

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

И вот свершилось! После целого года работы команда VideoSmile представляет полный онлайн видеокурс по созданию 2D-графики!

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

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

1825

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


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

1832

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

1833

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


Зоотроп

1876

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


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

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

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

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

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

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

Кино

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


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

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

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

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

Презентации

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

3D-mapping

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

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

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

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

Навыки, необходимые для будущего моушн-дизайнера

Моушн-дизайнер совмещает знания из нескольких сфер, это универсальные специалисты:

  • Понимание базовых принципов анимации.
  • Знание основ изобразительного искусства, иллюстрации – наличие вкуса, насмотренности, знание композции, умение максимально использовать текстуры, линии, контраст и цвет.
  • Графический дизайн – знание правил дизайна пригодится вам даже когда вы нарушаете эти правила, чтобы рассказать историю. 
  • 3D дизайн – знание моделирования, такелажа, рендеринга помогут вам в работе.
  • Специальное программное обеспечение: Cinema 4D, After Effects, Adobe Creative Suite вплоть до Maya, Houdini и Nuke должны быть в вашем арсенале.

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

Если вы стремитесь стать экспертом и руководить собственными проектами, то лучше получить не только практические навыки, но и профильное образование.

Где может работать и сколько зарабатывает моушн-дизайнер?

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

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

  • рекламные агентства;
  • дизайн студии;
  • кинопроизводство и телевиденье;
  • геймдев;
  • продуктовые компании.

Вилка заработной платы очень широкая. Например, по данным Trud Russia среднемесячная з/п моушн-дизайнера около 40 000 руб., если обратиться к вакансиям на hh.ru, то предложения колеблются в диапазоне 70-150 тыс./руб. в месяц. О заработках на фрилансе можно судить по разным интервью: можно зарабатывать и 200 тыс.руб/мес., и даже $1000 в день.

Зернистая текстура

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

Использование зернистой текстуры на следующем видео от Allen Laseter добавляет ощущение грубости, которая дополняет звуковую часть ролика.

Mumblephone от Allen Laseter

На следующем примере от Space Valley зерно используется для преобразования простых 2D-фигур в формы с текстурой и чувством глубины. Это создает ретро атмосферу, которая дополняет ностальгический стиль анимации.

Spave Valley Opening от Osc Lorenzo Florissi

20.

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

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

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

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

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

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

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

Ретро-графика

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

Drink & Sport от Jambo

MyDFS platform от Lemon Digital

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

SweeTARTS Endless Variety Gummies от VelveSpectrum

13.

Тонкие линии

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

Они играют заметную роль в «Канадском эксперименте» (режиссер Clement Virgo), где тонкие линии используются в качестве контуров фигур, для формирования узоров и украшений на одежде персонажей. В какой-то момент линии становятся фокусом – остаются только контуры фигур без цвета заливки, что создает ощущение векторной графики.

Tiff: The Canadian Experiment от Polyester Studio

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

Build Connections от Pedro Allevato

19.

Оплата труда

Компании, где можно работать моушн-дизайнером

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

Ступеньки карьеры и перспективы

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

Интересные факты о профессии

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

Нетология

Интернет-университет Netology.ru анонсирует курс «Моушн-дизайн, 3D и основы VFX», на прохождение которого отводится 8 месяцев. Он ориентирован на три категории пользователей. Начинающие специалисты получат возможность превратить скромный базовый багаж знаний во внушительный набор профессиональных навыков. Иллюстраторы и графические дизайнеры будут оттачивать мастерство для работы с 3D-графикой и прокачивать навыки создания разноплановых визуальных эффектов. Видеомонтажеры и операторы смогут разнообразить портфолио продуктами с VFX и 3D-графикой, что откроет путь к их карьерному продвижению в киноиндустрии и рекламном бизнесе. Эксперты передают знания своим подопечным на живых вебинарах, при этом записи последних всегда доступны в личных кабинетах слушателей. За каждым онлайн-занятием следует работа над «домашкой», которую тщательно проверяет наставник. Среди софтов, посредством которых студенты создают видеоролики, — востребованные моушн-дизайнерами программы Adobe After Effects и Cinema 4D. Выпускникам Нетологии гарантирована поддержка Центра развития карьеры, функционирующего при вузе.  
 

Где можно обучиться профессии

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

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

Моушн в Web & Apps

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

Анимация в UI

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

Анимация в UI 2Анимация в UI 3

15.

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

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

Искусственный интеллект плотно закрепился в анимационном дизайне, например, та же технология Deep Fake. Компании понимают это и активно развивают инструменты: Adobe Sensei, StyleGAN от NVIDIA Research, Adobe Character Animator

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

Будущее за 3D графикой в реальном времени

Если вы хотите развиваться в этом направлении стоит обратить внимание на Unreal Engine и Unity. Они будут так же полезны, если вы хотите углубиться в геймдев

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

Самостоятельное обучение, онлайн-ресурсов, книг для начинающих

Дизайн-моушн – новая отрасль: она постоянно развивается, поэтому саморазвитие является основой успеха

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

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

Книги:

  • «Анимация Диснея: иллюзия жизни». Эта книга была создана аниматорами Диснея Олли Джонстоном и Фрэнком Томасом. Книга охватывает 12 основ анимации и была написана задолго до появления анимационной графики, но это одна из самых важных книг, когда-либо написанных для любого аниматора, включая анимационную графику.
  • «Аниматор. Набор для выживания. Секреты и методы создания анимации, 3D-графики и компьютерных игр» от Ричарда Уильямса – одна из самых важных книг по анимации, которую вы можете прочитать. Он подробно описывает основы анимации и демонстрирует ее шаг за шагом.

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

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

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

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

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