Что такое моушн-дизайн И как стать моушн-дизайнером

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

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

В 1876 году было усовершенствовано устройство “волшебный фонарь”, разработанное в XVII веке. Оно состояло из фонаря, пластин с картинками, корпуса и ремней. Это устройство воспроизводило изображения с пластин на стену. А в 1895 году братья Люмьер показали первый киносеанс.

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

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

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

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

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

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

Телевидение

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

Кинематограф

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

Маркетинг и бизнес

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

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

Интерфейсы

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

Яркий пример моушн-дизайна - анимированный переход между разделами меню в мобильных приложениях и меню ОС.

Образование

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

Брендинг

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

Лазерные шоу

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

Создание компьютерных игр

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

История моушн-дизайна

Первые работы, которые можно считать моушн-дизайном, были сделаны в 1920-е - 1940-е гг. режиссерами экспериментального кино. Ключевые фигуры в этом направлении - Оскар Фишингер и Норман МакЛарен.

В 1955 году американский дизайнер Сол Басс создал анимированную заставку к фильму “Человек с золотой рукой”. Это были вертикальные линии, которые затем складывались сначала в одну линию, потом в руку. Широкое использование анимации в заставках и титрах к фильмам началось в середине 1960-х гг.

1980-е гг. ознаменовались активным использованием моушн-дизайна в самих кинокартинах. В 1982 году аниматор Роберт Абель создал анимированный трейлер к фильму “Трон”. В это десятилетие, а также в 1990-е гг. для создания моушн-дизайна стали использоваться компьютеры. Это расширило возможности анимированного дизайна.

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

Кто занимается моушн-дизайном?

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

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

Что нужно знать и уметь моушн-дизайнеру?

Анимация

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

Композиция

Для создания качественного дизайна нужно правильно сочетать его элементы. Моушн-дизайнеру нужно учитывать правила расположения объектов и значения при принятии ими определенной позиции.

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

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

Драматургия

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

Коммуникативные навыки

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

Знание трендов

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

Английский язык

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

Инстрмуенты моушн-дизайнера

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

Программы для обработки видео

1. Adobe After Effects. Программа для создания анимации, в том числе из изображений, созданных в Adobe Photoshop и Illustrator. Полезные функции этого инструмента: коррекция цвета, яркости, контрастности и других компонентов у отснятого материала; работа с аудио.

2. Adobe Premier Pro. Приложение, позволяющее делать монтаж видео, а также добавлять титры, комбинировать элементы графики, видео и фото.

3. Foundry Nuke. Инструмент для редактирования, рендеринга, финальной обработки и добавления спецэффектов в видеоролики.

Программы для работы с графикой

1. Adobe Photoshop. Знаменитая программа со множеством функций обработки изображений. Из возможностей - коррекция текстур, создание простой GIF-анимации.

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

3. CorelDRAW. Программа для работы с растровой и векторной графикой.

Новый способ создания деталей и предметов - аддитивные технологии. Мы рассказывали о них в нашей статье.

Программы для работы с 3D

1. Autodesk 3ds Max. Известная программа для работы с трехмерной графикой. Функции: создание 3D-пространства, добавление и редактирование объектов, работа с текстурами, создание анимированных сцен. Рабочая конструкция, созданная на редакторе, переводится в готовое статичное изображение с помощью функции рендеринга.

2. Cinema 4D. Инструмент, позволяющий создавать 3D-фигуры, в том числе методом скульптинга (высекания из куска виртуальной глины), моделировать надписи и другие объекты. С созданными объектами затем можно создавать анимацию. Cinema 4D поддерживает интеграцию с продуктами Adobe.

3. Blender. Программа с функциями создания 3D-моделей, редактирования текстур, риггинга, скелетной анимации.

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

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

Создание мошун-ролика проходит несколько обязательных этапов, которые мы раскроем ниже.

1. Моушн-дизайнер получает техническое задание от руководителя или заказчика. В этом документе фиксируются цели и содержание будущего ролика.

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

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

4. Дизайнер собирает векторные изображения по каждому рисунку раскадровки. Затем он делает 3D-анимацию с их участием, добавляет эффекты, создавая тем самым нужный видеоролик.

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

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

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

1. Курс “Профессия моушн-дизайнер” от Skillbox. Предусматривает освоение создания 3D-моделей, 2D- и 3D-анимации, монтажа роликов в Adobe Premiere. Другие навыки, которым учит курс - разработка концепций к проектам, настройка рендера и освещения. Продолжительность обучения - 6 месяцев.

2. Курс “Моушн-дизайнер в 2D и 3D” от платформы Нетология. 10-месячная учебная программа предусматривает освоение технической базы - обучение работе в программах Adobe Photoshop и Illustrator, созданию анимации в Adobe After Effects, 3D-моделированию и анимации объектов в Cinema 4D, интеграции этих программ. Специалисты платформы также обучат теоретическим основам - расскажут об истории моушн-дизайна и его стилях, основах и правилах создания анимации, обучат основам делового английского языка и проинструктируют, как правильно искать работу.

3. Курс “Моушн-дизайн: от простого к сложному” от Bang Bang Education. Срок его прохождения - всего 2,5 месяца, в его рамках проводится обучение работе в основном с программой Adobe After Effects, Adobe Illustrator, Photoshop и другими. План курса предусматривает и теоретическую базу - основы дизайна, анимации и композиции.

Знания, необходимые моушн-дизайнеру, можно получить и в обычных учебных заведениях - учреждениях среднего и высшего профессионального образования. В вузах реализуются бакалаврские программы, которые могут носить название “Графический дизайн”, “Компьютерная графика” и др.

В НИУ МЭИ и РГСУ реализуются программы бакалавриата 54.03.01 “Дизайн” сроком 5 лет. Но названия направлений, предполагающих получение знаний для моушн-дизайна, разные. В первом вузе оно звучит “Графический дизайн”, во втором - “Анимация”.

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

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

Мы изучили вакансии моушн-дизайнера и предложения работодателей по зарплате на сайте hh.ru. В Москве работодатели предлагают специалисту с опытом более 1 года зарплату от 45000 до 160000 рублей в месяц. Вакансии моушн-дизайнера в регионах обещают специалисту с тем же опытом зарплату от 35000 до 100000 рублей и более (с учетом Санкт-Петербурга).

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

Заключение

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

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

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

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

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

Ранее мы рассказывали о работе в сфере Digital.