Найти в Дзене
moonoon

Motion-дизайн. Что такое моушн-дизайн, где и как его применяют.

Motion-дизайнеры создают анимационную графику для телевидения, YouTube, медиа, рекламы, фильмов, презентаций и IT-продуктов.
Готовые ролики длятся несколько минут, но приносят бизнесу большую пользу. Они повышают узнаваемость бренда, мотивируют покупать, помогают понять, как устроен продукт. Бизнес это осознаёт, поэтому хорошие motion-дизайнеры очень востребованы. Что такое моушн-дизайн Как только статический кадр начинает двигаться, он становится графической анимацией или анимированной картинкой, но это ещё не моушн-дизайн. А вот когда изображение оживает и появляется дополнительный смысл, — тогда мы говорим о моушн-дизайне. Продукт моушн-дизайна — ролик-история, рассказанная во времени. Создание такого, даже очень короткого ролика — занятие трудоёмкое и затратное. Профессия моушн-дизайнера объединяет в себе огромное количество навыков, знаний и умений. Это дизайнер-оркестр: сценарист, художник, режиссёр, оператор, монтажёр, продюсер, саунд-дизайнер и даже программист. Области примен
Оглавление
Motion-дизайнеры создают анимационную графику для телевидения, YouTube, медиа, рекламы, фильмов, презентаций и IT-продуктов.

Готовые ролики длятся несколько минут, но приносят бизнесу большую пользу. Они повышают узнаваемость бренда, мотивируют покупать, помогают понять, как устроен продукт. Бизнес это осознаёт, поэтому хорошие motion-дизайнеры очень востребованы.
  • 500 компаний сейчас ищут motion-дизайнеров
  • 90 000 рублей зарплата начинающего специалиста, по данным hh.ru

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

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

Продукт моушн-дизайна — ролик-история, рассказанная во времени. Создание такого, даже очень короткого ролика — занятие трудоёмкое и затратное.

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

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

Кино

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

Видеоклипы

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

Реклама

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

Видео

Презентации

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

3D-mapping

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

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

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

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

Профессиональный софт

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

Adobe Photoshop

-4

Популярный и мощный инструмент, который входит в линейку Adobe-продуктов Creative Cloud и отлично с ними интегрирован.

Для чего может пригодиться:

  • создание Matte Painting,
  • редактирование текстур,
  • объединение изображений,
  • создание GIF,
  • наложение покадровой анимации,
  • ротоскопинг (обрисовка кадр за кадром

Adobe Illustrator

-5

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

After Effects

-6

Пожалуй, одна из самых главных программ для освоения моушн-дизайна. After Effects — это 2,5D-программа для анимации.

Возможности After Effects:

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

Premiere Pro

-7

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

Cinema 4D

-8

Это редактор 3D-моделирования с очень дружественным интерфейсом и низким порогом входа по сравнению с Maya, 3ds Max или Blender.

Cinema 4D широко используется в моушн-графике для моделирования, анимации и эффектов симуляции.

Adobe Animate и Moho

ИНСТРУМЕНТЫ ПОКАДРОВОЙ АНИМАЦИИ

-9

Animate — по сути, тот же Flash, который сыграл немалую роль в становлении моушн-графики.

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

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

Начало

1825

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

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

1832

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

1833

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

-12

1876

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

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

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

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

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

Немой кинематограф

1895

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

Звуковой кинематограф

1927

Первым в истории полнометражным фильмом с синхронной речевой фонограммой в 1927 году стал музыкальный фильм «Певец джаза» по технологии «Вайтафон» со звуком на грампластинке.

Последние тенденции

Кинематограф стал средой, в которой зародился моушн-дизайн, он получил значительное развитие в пятидесятых годах в США благодаря таким дизайнерам, как Сол Басс, Морис Биндер и Пабло Ферро. В то время на телевидении стали появляться анимированные титры и логотипы. Так произошёл переломный момент: анимация перестала быть исключительно инструментом развлечения и получила новые функциональные задачи.

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

Плюсы

Удаленная работа

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

Возможность развиваться

Чтобы оставаться востребованным, нужно постоянно держать руку на пульсе. Следить за трендами, работами конкурентов, сферами специализации — все это неотъемлемая часть работы дизайнера. Работа держит в тонусе, и это способствует продвижению по карьерной лестнице.

Минусы

Дорогой софт и техника

Тот же Adobe After Effects стоит от $20,99 в месяц, при этом часто одного редактора недостаточно для полноценной работы. Чтобы редакторы на «зависали», понадобится достаточно мощный компьютер. Поэтому придется вложиться в технику, которая потянет работу в этих приложениях.

Заключение

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

Надеюсь эта статья Вам оказалась полезной, не забывайте подписываться на меня в Дзен. <3

Так же подпишитесь на меня в соц.сетях:

🍃 Vk-те: https://vk.com/moonrise_9

🍃 Другие соц.сети: https://linktr.ee/mooonoon