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

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

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

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

4. Красочные цветовые палитры
Цвет очень сильно влияет на любое визуальное послание или сторителлинг. Он может удвоить эмоциональное воздействие, прояснить мотивацию или установить правильное настроение. Итак, как выбрать наиболее подходящий цвет? Ответ заключается в том, что ваш дизайн должен выделяться. А яркие смелые цвета правят миром цифрового дизайна прямо сейчас. Помните, что цвет также является формой выражения бренда. Цветовая палитра анимации на предстоящий год внушает позитив. Не бойтесь использовать визуальную силу цвета, чтобы ваша анимация выглядела свежей и пикантной.

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

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

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

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

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

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

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

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

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

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

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

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

Движение может объяснить то, что статика показать не в состоянии. Рассказываем о моушн-дизайне.

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

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

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

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

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

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

Начало

1825

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

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

1832

Фенакистископ - лабораторный прибор для демонстрации движущихся рисунков, конструкция которого основана на персистенции - инерции человеческого зрения. Изобретателем фенакистископа считается Жозеф Плато. Почти одновременно с Плато Симон фон Штампфер изобрел аппарат, очень похожий на фенакистископ, и назвал его стробоскопом.

Общий вид фенакистископа

1833

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

Зоотроп

1876

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

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

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

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

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

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

1895

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

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

1927

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

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

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

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

Кино

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

Видеоклипы

Реклама

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

Презентации

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

3D-mapping

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

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

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

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

Пример анимации интерфейса сайта от Sergey Gurov

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

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

Adobe Photoshop

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

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

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

Adobe Illustrator

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

After Effects

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

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

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

Моушн-дизайнер (motion — «движение») занимается созданием моушн-графики, которая представляет собой 2D-графику в движении, иными словами, анимационное оформление статических изображений. Профессия подходит тем, кого интересует рисование, черчение и информатика (см. выбор профессии по интересу к школьным предметам).

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

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

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

Преимущества моушн-дизайна:

1. Краткость изложения, быстрота доставки и понятное содержание — незаменимые факторы для бизнес-рекламы в условиях ограниченности времени.
2. Большая ёмкость и лёгкое усвоение — в коротком ролике содержится главная идея, определяющая концепция, большой объём информации.
3. Вместо скучного текста — эффектное и стильное видео. Преобладающее большинство пользователей предпочитает видеокартинку тексту, поэтому моушн-графика так востребована.

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

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

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

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

Плюсы

• Востребованность профессии
• Отсутствие конкуренции в профессии моушн-дизайна на данный момент. Через 2-3 года ситуация изменится ввиду популярности профессии.
• Высокая оплата труда
• Творческая, интересная работа

Минусы

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

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

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

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

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

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

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

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

Важные качества

Моушн-дизайнер — узкопрофильный специалист с широким спектром навыков.

Личные качества:

• Креативность
• Художественные способности
• Эстетический вкус
• Чувство стиля, гармонии и симметрии
• Умение работать с информацией: поиск, анализ, применение
• Способность работать в команде
• Умение находиться в тренде
• Стремление к постоянному изучению новых технологий, программ и инструментов
• Способность ясно и просто донести зрителям основную идею
• Аналитический ум в плане анализа собственных работ

Профессиональные навыки

Знание основ графического дизайна — колористики (теории цвета), композиции, типографики (художественное и выразительное оформление текста)

Знание основ сценарного искусства

Свободное владение графическими программами и видеоредакторами:

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

• Adobe Photoshop;
• Adobe Illustrator;
• Adobe Flash.

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

• Adobe After Effects;
• Autodesk Combustion;
• Adobe Premiere Pro;
• Nuke;
• Apple Motion.

Программы для разработки 3D-графики и анимации:

• Autodesk Maya;
• Autodesk 3ds Max;
• Blender;
• LightWave 3D;
• Cinema 4D.

Обучение на Моушн-дизайнера

Большое значение для совершенствования в профессии имеет самообразование.

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

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

Оплата труда

Зарплата на 20.01.2020

Россия 20000—150000 ₽

Москва 70000—130000 ₽

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

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

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

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

Видео: Что такое Моушн Дизайн?

12 классических стилей моушн дизайна — ультимативный гайд

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

1. Плоский дизайн (flat)

Плоский дизайн стал особенно популярен в 2013 году, когда Apple выпустили iOS 7. Его основная характеристика — минимализм, сознательное упрощение объектов. Во флэт-дизайне не используют эффекты текстур, тени, свет, 3D-элементы. При этом цветовая схема плоского дизайна включает многообразие ярких, насыщенных цветов и оттенков.

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

По тем же причинам ролики во флэт-дизайне так любят инновационные компании, связанные с IT. Кто же не хочет быть похожим на Apple?!

2. Строковый стиль (line art)

Еще одна вариация на тему минимализма в моушен дизайне, но совсем с другими акцентами. В строковом стиле все объекты прорисовываются тонкими или толстыми линиями без заливки. Это делает картинку максимально лаконичной. Иногда line art считают разновидностью flat-дизайна. Основная цель все та же — не отвлекать зрителя от главных элементов кадра и важных тезисов диктора.

Здесь мы используем классический строковый стиль:

А вот интересный вариант совмещения lineart с 3D-графикой:

3. Изометрия (isometric)

Изометрия  —  это ракурс с тремя видимыми сторонами фигуры/объекта, а все линии находятся под углом, параллельным 30° и нет перспективных сокращений.
Камера как бы смотрит из верхнего угла комнаты и четко зафиксирована в одной точке. Помните классические видеоигры в жанре RPG? Многие из них — классический пример изометрической проекции.

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

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

Имиджевое видео компании “COLUMBIA TECH” в изометрии:

А вот это уже наша работа, эксплейнер для ICO-проекта MilkCoin:

4. Низкополигональный стиль (low-poly)

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

Вот так выглядит классический низкополигональный стиль:

5. Пиксельная графика (8-16-bit)

Еще одна стилистика из серии “хорошо забытое старое”. Почему моушн-дизайн в стиле игр на Dendy и Sega стал таким популярным в 2019 году? Возможно, соль в том, что поколение 90-х выросло и стало наиболее платежеспособной аудиторией. А их ностальгия по юности никуда не делась. Посмотрите, какие полные залы собирают все эти “Супердискотеки 90-х”!

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

Наш кейс — моушн ролик для Фестиваля Масштабных Увлечений «Штука»:

6. Комиксный стиль (comics)

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

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

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

Вот наш комиксовый ролик для для новогодней акции бренда “CANYON”:

А вот пример познавательного, обучающего контента в стиле «comics»:

7. Каллиграфия и появление чернил в кадре

Стиль моушн дизайна, круто замешанный на художественной составляющей. В кадре появляются чернила краски, которые удачно дополняют рисованные иллюстрации. Впервые такое решение применили создатели фильма «Шерлок Холмс» Гая Ричи. В титрах использовалась смесь фотографии, текстур чернил, иллюстраций и каллиграфии:

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

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

8. Покадровая анимация (frame-by-frame)

Один из самых сложных и кропотливых стилей именно с точки зрения производства. Фактически это не столько стиль моушн дизайна, сколько отдельный жанр — классическая анимация. Каждый кадр отрисовывается вручную! Неудивительно, что такой ролик стоит немалых денег.

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

Пример с 10-15 кадрами в секунду:

Покадровую анимацию часто используют при создании проектов с юмористической составляющей с участием персонажей. Сфера применения — ТВ-реклама или прероллы, а еще — социальные ролики.

Как отдельный стиль покадровой анимации можно выделить stop motion, когда видеоряд состоит из быстрой смены статичных фотографических изображений.

9. Всплывающая анимация (pop-up)

Первая ассоциация при слове pop-up — всплывающие окна с рекламой в интернет-браузере. Позже термин ушел и в оффлайн. К примеру сезонные магазинчики, которые появляются буквально на ровном месте на несколько недель, а затем также стремительно исчезают, называют Pop-up Store. Часто pop-up стилистику используют в рекламе потребительских товаров:

А вот и наш кейс, моушн анимация в pop-up стилистике для редакции периодического издания «Президент»:

10. “Жидкий” дизайн (liquid motion)

Один из главных трендов моушен дизайна последних лет, который не сбавит обороты и в ближайшем будущем. Liquid motion — стиль анимации, который отходит от реалистичного движения объектов и персонажей в кадре. Вместо линий и геометрических фигур для перехода от одного движения к другому, используются “перетекания” с характерными брызгами и каплями.

В liquid motion часто “играют” насыщенными цветами, что делает картинку еще привлекательнее. У зрителей роликов в стиле liquid motion, из-за неожиданных, быстрых изменений, яркого цвета и морфинга (трансформаций объектов одного в другой) может развиваться психоделический эффект!

Один из самых интересных мировых кейсов в стилистике liquid motion:

11. Телевизионный дизайн (broadcast design)

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

Классический broadcast design — это динамичная камера, металл, стекло, потрясающая 3D графика с кучей мелких графических элементов (шурешек). Но иногда теледизайн бывает и таким:

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

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

Три основных критерия хорошего “телевизионного” дизайна — камера, композиция и цветовая гамма. В этой области нам есть, чем похвастаться. Заставка для международной выставки-форума «ЭКОТЕХ-2017»:

А это заставка для компании ПАО “СИБУР Холдинг”:

Нередко в стиле теледизайна делаются и полноценные видеопрезентации. Швейцарская компания «GFU SA» в прошлом году обратилась к нам как раз за моушн дизайном:

12. Гибрид 2D и 3D (2D/3D hybrid)

После оглушительного успеха фильма «Человек-паук: Через вселенные» (2018) мода на смешение двухмерной и трехмерной анимации стала the next big thing в мире моушн дизайна. Иногда не так-то просто выбрать между мультяшностью и ощущением чуда, как в детстве, которое дает 2D-анимация и яркой реалистичной 3D-картинкой. Что ж, больше не нужно выбирать.

Комбинирование 2D и 3D ворвется из большого кино в видеорекламу в самое ближайшее время. В этом единодушны все эксперты индустрии.

Вместо заключения

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

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

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

12 перечисленных стилей в ближайшие 3-5 лет будут считаться хорошим тоном в видеодизайне и будут приносить Заказчикам заметный отклик.

А какие стили, вы считаете, мы не учли? Пишите в комментарии!

Любите моушн дизайн вместе с нами! И подписывайтесь на нас 😉

Моушн-дизайнер (motion — «движение») занимается созданием моушн-графики, которая представляет собой 2D-графику в движении, иными словами, анимационное оформление статических изображений. Профессия подходит тем, кого интересует рисование, черчение и информатика (см. выбор профессии по интересу к школьным предметам).

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

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

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

Преимущества моушн-дизайна:

1. Краткость изложения, быстрота доставки и понятное содержание — незаменимые факторы для бизнес-рекламы в условиях ограниченности времени.
2. Большая ёмкость и лёгкое усвоение — в коротком ролике содержится главная идея, определяющая концепция, большой объём информации.
3. Вместо скучного текста — эффектное и стильное видео. Преобладающее большинство пользователей предпочитает видеокартинку тексту, поэтому моушн-графика так востребована.

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

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

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

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

Плюсы

• Востребованность профессии
• Отсутствие конкуренции в профессии моушн-дизайна на данный момент. Через 2-3 года ситуация изменится ввиду популярности профессии.
• Высокая оплата труда
• Творческая, интересная работа

Минусы

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

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

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

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

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

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

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

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

Важные качества

Моушн-дизайнер — узкопрофильный специалист с широким спектром навыков.

Личные качества:

• Креативность
• Художественные способности
• Эстетический вкус
• Чувство стиля, гармонии и симметрии
• Умение работать с информацией: поиск, анализ, применение
• Способность работать в команде
• Умение находиться в тренде
• Стремление к постоянному изучению новых технологий, программ и инструментов
• Способность ясно и просто донести зрителям основную идею
• Аналитический ум в плане анализа собственных работ

Профессиональные навыки

Знание основ графического дизайна — колористики (теории цвета), композиции, типографики (художественное и выразительное оформление текста)

Знание основ сценарного искусства

Свободное владение графическими программами и видеоредакторами:

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

• Adobe Photoshop;
• Adobe Illustrator;
• Adobe Flash.

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

• Adobe After Effects;
• Autodesk Combustion;
• Adobe Premiere Pro;
• Nuke;
• Apple Motion.

Программы для разработки 3D-графики и анимации:

• Autodesk Maya;
• Autodesk 3ds Max;
• Blender;
• LightWave 3D;
• Cinema 4D.

Обучение на Моушн-дизайнера

Большое значение для совершенствования в профессии имеет самообразование.

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

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

Оплата труда

Зарплата на 20.01.2020

Россия 20000—150000 ₽

Москва 70000—130000 ₽

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

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

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

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

Видео: Что такое Моушн Дизайн?