Волшебство в движении: что такое моушн-дизайн
Контент-лид Нетологии Светлана Шаповалова разбирается в моушн-дизайне: что это за направление, как возникло, где используется и что нужно, чтобы стать моушн-дизайнером.
Моушн-дизайн (Motion Design) — относительно новое направление для нашей страны. Специалистов сейчас не так много, а профессия востребована: без них не обойдется любой телеканал, киностудия или видеопроизводство. Моушн-дизайнер сочетает в себе огромное количество навыков: от графического дизайна и анимации до основ драматургии, режиссуры и сторителлинга. И, конечно же, пользуется современными графическими, 3D- и видеоредакторами.
Людей привлекает динамика
Моушн-дизайн идеально подходит для создания содержательных и при этом кратких сообщений. Ещё это хороший выбор для сложных проектов, в которых суть иначе не раскроешь.
Три главных преимущества анимационной графики:
Главная по контенту в Нетологии
Что такое моушн-дизайн
Моушн-дизайн — это процесс создания анимационной графики
Анимационная графика, она же моушн-графика — это визуальное оформление, которое оживляет статическое изображение. Интернет, медиа и реклама, телевидение, кино, мобильные приложения, видеоигры — без нее не обходится ни одна из этих сфер.
Каждый анимированный текст или изображение, которые встречаются в повседневной жизни, задуманы моушн-дизайнером. Анимационная графика использует сразу три канала информации: изображение, текст и звук, и зритель лучше усваивает данные.
С помощью моушн-графики можно визуализировать конкретные данные и абстрактные идеи. Для этого используются визуальные эффекты, аудио, графический дизайн и различные методы анимации. Это превращает статическую картинку в динамическую.
Анимационную графику необходимо отличать от обычного видео и привычной анимации. Моушн-графика — не мультик, она иллюстрирует данные или идеи, а не раскрывает полноценный сюжет.
Краткая история моушн-дизайна
Никто точно не знает, как и когда именно возникла анимационная графика. Примерно в 40-х годах появились первые экспериментальные работы Оскара Фишингера и Нормана МакЛарена. Однако самым первым признанным мастером можно назвать графического дизайнера и режиссера Сола Басса, который в 60-х годах популяризировал моушн-графику в кино.
Басс сотрудничал с Хичкоком, Премингером, Кубриком и Скорсезе. Одна из самых известных его работ — заставка к титрам фильма Отто Премингера «Человек с золотой рукой»: из белых полосок на черном фоне складывается рука главного героя.
Чтобы разобраться в основах анимации, рекомендуем эти замечательные книги.
Кроме «Человека с золотой рукой», революционными считаются работы Басса в фильмах: «Головокружение» Хичкока с его легендарным опенингом, «Вестсайдская история», «К северу через северо-запад» и «Психо», где Басс оформлял титры.
Сегодня в подобных приемах нет ничего удивительного, но для 50-х – 60-х годов это была сенсация.
Никогда ранее люди не видели такого сочетания графики и анимации
С того времени другие художники стали использовать моушн-графику не только в кино, но и в других сферах. Как результат, сегодня это один из самых востребованных видов анимации.
Где сегодня используется моушн-дизайн
Как и в случае с веб-дизайном, популярность моушн-дизайну принесло повсеместное распространение компьютеров и интернета.
Ранее создание анимированной графики было сложным, трудоемким и дорогостоящим процессом. Однако, чем быстрее развивались компьютерные технологии, тем быстрее шло и развитие моушн-дизайна. Начиная с нулевых, он уже плотно вошел в видеоиндустрию, а с 2010-х обосновался в медиа и маркетинге.
Сегодня моушн-дизайн используется везде, где производится контент.
Например, анимационная графика появляется в титрах к фильмам и видео, а музыкальная индустрия активно применяет ее в создании видеоклипов. Заставки в фильмах и телепередачах создают настроение настраивают на нужный лад, чтобы правильно воспринимать информацию. Они вызывают эмоции и интригуют. Графические переходы между блоками контента в телевидении позволяют менять темы без потери внимания зрителя, а любое развлекательное шоу обязательно сопровождается анимационной графикой.
Screen Graphics / Fantasy User Interface. Автор — Nawaz Alamgir
Сегодня анимационная графика — один из самых быстрорастущих каналов контент-маркетинга. С ее помощью легко одновременно и привлекать, и информировать зрителя, а считываемость сообщений в разы выше, чем у привычных каналов.
Моушн-дизайн — отличная возможность для брендов представлять свои ключевые идеи и ценности. Реклама использует моушн-графику, чтобы выделиться из общего потока и донести рекламное сообщение аудитории в считанные секунды.
Инфографика, да и вообще производство любого цифрового контента, все чаще используют моушн-дизайн. Конечно, некоторые идеи удобнее воспринимать привычной статикой, однако сложные понятия легче усваиваются в динамике. Визуальный канал восприятия — самый мощный из всех, что доступны человеку, а текст, анимация и аудио структурируют и систематизируют информацию.
Анимация — прекрасный способ распространения идей и вовлечения в контент. Зритель следует за рассказом, а звук и ожившая графика буквально рисуют в его мозгу картину, которую легко воспринимать и запоминать.
Основные сферы применения моушн-дизайна
Телевидение. Заставки, титры, субтитры, оформление программ.
Киноиндустрия. Опенинги, титры, заставки, производство трейлеров и тизеров.
Morgan Opening Scene (Screen Graphics). Автор — Nawaz Alamgir
Маркетинг. Реклама на телевидении и в интернете, промоматериалы, нативная реклама в виде анимационной инфографики.
Apple Motion Graphics
Медиа. Новостные, развлекательные, обучающие порталы часто используют моушн-дизайн для создания коротких и привлекательных видеороликов.
Бизнес. Презентационные ролики и инфографика для сайтов, конференций, представления продуктов, презентаций бизнес-партнерам.
Образование. С помощью моушн-графики можно легко и доступно разъяснять сложные идеи, представлять информацию. Один из примеров качественного образовательного проекта, полностью построенного на моушн-дизайне, — ютуб-канал Kurzgesagt — In a Nutshell, который в коротких роликах разъясняет самые популярные научные вопросы.
Nuclear Energy Explained. Канал Kurzgesagt — In a Nutshell
Индустрия развлечений. Игры, развлекательные видеопроекты, стриминговые сервисы.
Курс Нетологии
Как стать моушн-дизайнером
Моушн-дизайнер — это новая профессия на российском рынке. Стандартизированных требований пока нет, как и специальности в российских вузах. Каждый моушн-дизайнер в буквальном смысле создает себя сам.
бесплатный курс
Основы Adobe After Effects
Моушн-дизайнер — это многопрофильный специалист. Точнее, не так: моушн-дизайнер — это узкопрофильный специалист с широким спектром навыков. Суть анимационной графики — гармоничное соединение текста, аудио и видео. Это подразумевает, что дизайнер разбирается в указанных трех категориях.
Согласно порталу HH.ru нижняя граница зарплат моушн-дизайнера находится на уровне 60 000 рублей в месяц, а верхняя практически не имеет ограничений — все зависит от того, какими навыками он обладаете.
Что же должен уметь моушн-дизайнер?
Во-первых, разбираться в графическом дизайне — это композиция, типографика, теория цвета.
Композиция — основа любого кадра. От того, насколько гармонично дизайнер умеет расположить и связать между собой графические элементы, зависит вид всей работы. Именно правильная композиция делает изображение живым и интересным.
Типографика — умение художественно оформить текст, добавить ему выразительности, эмоционально зацепить читателя. Это один из главных навыков моушн-дизайнера. Важно разбираться, какие шрифты гармонируют с общей картиной: современные или готические, с засечками или без, как вписать текст в общую композицию. Типографика может как вытянуть на себе весь проект, так и полностью его загубить.
Теория цвета — колористика. Цвет — мощный инструмент воздействия, поэтому моушн-дизайнер должен уметь им пользоваться. Желательно не только уметь правильно подбирать цветовую гамму проекта, но и разбираться в основах психологии цвета.
Во-вторых, моушн-дизайнеру не обойтись без основ сценарного искусства. Анимационная графика всегда рассказывает зрителю историю. Необходимо уметь создавать сюжетную линию, использовать приемы драматургии, разбираться в режиссерском мастерстве.
В-третьих, знание инструментов. Здесь предпочтения расходятся, поэтому мы приведем основные программы, которыми пользуются большинство моушн-дизайнеров.
1. Программы для обработки видео:
2. Программы для работы с графикой:
3. Инструменты для создания и редактирования трехмерной графики и анимации:
Кроме того, хороший моушн-дизайнер:
Все это вместе определяет портрет специалиста, который создает интересную, захватывающую, впечатляющую анимационную графику и получает удовольствие от своей работы.
Новая и востребованная профессия
Моушн-дизайнер — новая и востребованная на рынке профессия. Однако стать моушн-дизайнером не так просто: в российских вузах нет такой специальности, а обучение в иностранных колледжах не всем по карману. Это профессия, требующая теоретических знаний графического дизайна, основ драматургии и режиссуры, а также практических навыков работы с различными программами.
Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.
Курс Нетологии
Кто такой моушн-дизайнер и чем он занимается?
Эксперт курса «Моушн-дизайнер с нуля до PRO»
Моушн-дизайнер — это мультидисциплинарный специалист, который сочетает навыки режиссера, оператора, монтажера, аниматора и дизайнера. Яна Миронова, моушн-дизайнер и преподаватель курса «Моушн-дизайнер с нуля до PRO» в Contented, рассказывает, где может работать такой специалист, какие задачи у него бывают и как им стать.
Моушн-дизайнер – что это за профессия?
Моушн-дизайнер (Motion designer) занимается дизайном анимации, то есть оживлением статичных изображений. Он разбирается в принципах колористики (сочетания цветов), композиции, типографики и владеет формой и движением.
Если 15 лет назад моушн-дизайнеры работали на телевидении и в рекламе, то сегодня — в основном диджитал-сфере. Визуальные эффекты привлекают внимание зрителей и клиентов. Поэтому моушн-дизайн применяют на сайтах, в презентациях, играх, приложениях.
Вот примеры сфер, в которых нужны моушн-дизайнеры.
Телевидение
Тут моушн-дизайн используют для заставок, титров, субтитров и оформления программ. Пример — полностью анимированная заставка сериала «Утреннее шоу».
Реклама
Речь про короткие ролики на телевидении и в интернете. Моушн-графика помогает создать запоминающиеся и «залипательные» видео, что привлекает внимание к продукту.
Инфографика
Моушн-графику используют, когда нужно объяснить сложные вещи простым языком. Изображения помогают нашему мозгу лучше воспринимать информацию. Отличный пример — образовательный YouTube-канал TED. Здесь с помощью моушн-дизайна объясняют, как произошел мир, почему бывает депрессия и зачем человек зевает.
Бизнес
Здесь моушн-дизайн актуален для презентаций, сайтов и в презентационных роликов — он помогает доступно донести информацию и выгодно преподнести продукт.
Для них тоже создают трейлеры, презентации продуктов и обучающие видео. Кроме того, моушн-дизайн помогает в in-game синематике — части видеоигры, в которой рассказывается часть сюжета.
Что должен знать и уметь моушн-дизайнер?
Знать теорию графического дизайна
Прежде всего, теорию цвета, композицию и типографику. Эти знания помогут создать привлекательную, удерживающую внимание картинку.
Разбираться в сценарном мастерстве
Часто моушн-дизайнеры создают сюжетные линии, пусть для коротких историй, используют приемы драматургии. Для этого нужно продумывать визуальное решение сценического действия и поведение анимированных объектов.
Работать в программах
Adobe After Effects — редактор, с которого стоит начинать работу в моушн-дизайне. Здесь есть инструменты для создания 2D-графики, анимации и различных эффектов. В нем можно создать, например, видео-заставку для YouTube-шоу и анимированный векторный логотип.
Adobe Illustrator — в этом редакторе создают векторные изображения и иллюстрации, а затем в After Effects анимировать их.
Cinema 4D — софт для создания трехмерных элементов. В нем можно выстраивать свет, накладывать текстуры, создавать реалистичную и атмосферную анимацию. Здесь есть модули для создания текстур, например волос, симуляции тканей и эффектов дыма и пыли, которые помогут даже обычному геометрическому объекту придать жизнь и характер.
Premiere Pro — в программе можно создать и смонтировать анимационный продуктовый ролик. В ней же можно сделать шоурил — ролик с презентацие собственных проектов.
Создавать рендеры
Рендеринг — это перевод созданной графики из 2D и 3D в нужный формат — видео, статичное изображение или секвенцию кадров (тип сохранения, при котором каждый кадр сохраняется в отдельную картинку). Рендеринг применяют в кинематографе, в создании игр, в рекламе, презентациях.
Рендеринг в Cinema 4D
Презентовать проекты
Дизайнер часто общается с клиентом напрямую: рассказывает свои идеи, показывает результаты и вносит правки.
Следить за трендами
Моушн-дизайн — новая сфера, поэтому она быстро развивается и растет. Чтобы быть востребованным специалистом, нужно следить за изменениями и трендами. Тогда получится создавать оригинальные работы и развиваться.
Плюсы и минусы профессии
Плюсы
Удаленная работа
Необязательно сидеть в штате или в агентстве. Вы можете работать на себя из любой точки мира и сами определять стоимость своих услуг. Кроме того, можно самому выбирать своих клиентов и работать только с теми проектами, которые интересны вам.
Возможность развиваться
Чтобы оставаться востребованным, нужно постоянно держать руку на пульсе. Следить за трендами, работами конкурентов, сферами специализации — все это неотъемлемая часть работы дизайнера. Работа держит в тонусе, и это способствует продвижению по карьерной лестнице.
Минусы
Дорогой софт и техника
Востребованность профессии
К 2022 году 82% интернет-трафика будет состоять из просмотров видео. Речь не только про ролики, которые мы записываем для друзей в ТикТоке или в других соцсетях. К этому относятся и видео-контент от брендов, которые будут привлекать своей интерактивностью.
Видео-контент увеличивает продажи: исследование за 2021 год показывает, что 74% пользователей после просмотра роликов бренда заинтересовались продуктом и купили его. Способствует этому моушн-дизайн.
Профессия «Моушн-дизайнер с нуля до PRO»
Станьте уверенным моушн-дизайнером middle-уровня
Сколько зарабатывает моушн-дизайнер?
Зарплаты моушн-дизайнеров зависят от опыта. Начинающий специалист может получать от 60 тыс рублей в месяц. Опытный дизайнер может выйти на доход в 200 тыс рублей. В Москве зарплата начинающего специалиста составляет 80 тыс рублей. По регионам специалисты получают в среднем от 42 тыс рублей.
Требования к работе одинаковые на любом уровне: знание Adobe After Effects, опыт работы в 3D-редакторах, креативность и ответственность.
Вакансия для 3D-моушн-дизайнера
Где работают моушн-дизайнеры?
Агентство
Существуют студии моушн-дизайна и анимации, где работа поставлена на поток. Плюс в том, что не нужно искать клиентов самому — для этого есть отдел продаж. Кроме того, над задачами работает команда. Это отличная возможность для новичков: вы окружены профессионалами, которые подсказывают и дают советы.
Минус студий в том, что не всегда получится работать с интересными проектами. К тому же придется распыляться на разные сферы.
В этом случае, как и со студией дизайна, работу не нужно будет искать. Например, вы можете работать на телевидение и создавать титры и заставки для передач. Это стабильная работа с постоянной зарплатой.
Бывает, что у компании недостаточно средств, чтобы нанять целый отдел. Поэтому придется выполнять задачи по графическому и веб-дизайну.
Фриланс
Плюс работы на себя в том, что можно выбирать проекты и установить цены за работу. К тому же можно работать из любой точки мира. Искать проекты можно на Freelancer, Upwork, Weblancer, FL.
Но минусы тоже есть. Один из них — поиск клиентов. Если вы только освоили профессию, придется много работать, чтобы о вас узнали. Поэтому придется брать много заказов, чтобы «набить руку».
Пример задачи с биржи фриланса
Как стать моушн-дизайнером?
Я пришла в моушн-дизайн из сферы фото и видео продакшна. На базовом уровне я знала After Effects, но не относилась к этим навыкам серьезно. Мне предложили попробовать сделать ролик для журнала, с которым я сотрудничала. Оказалось, что у меня неплохо получается. Со временем стало поступать больше заказов именно по моушн-дизайну, и в течении двух лет я полностью перешла в эту профессию.
Самостоятельно обучение
Лучше всего — начать работать или хотя бы стажироваться. Так вашу работу будут контролировать старшие дизайнеры: научат быстро и качественно решать задачи, укажут на ошибки и помогут освоить базовые программы.
Самостоятельно можно обучиться теории графического дизайна — цвету, композиции и типографики. Это можно сделать с помощью литературы:
Онлайн-курсы
Эта форма обучения подойдет тем, кто хочет в короткие сроки освоить новую профессию. Обычно обучение длится от полугода. За это время ученики осваивают работу в основных программах, учатся анимировать графику и ищут свои первые проекты для практики.
В онлайн-школе Contented обучение моушн-дизайну начинается с анимации в 2D и освоении базовых программ. За девять месяцев студенты учатся создавать реалистичные рендеры, осваивают техники монтажа и собирают шоурил из десяти работ. Курируют курс специалисты из Яндекса, Adidas, Yota, ЦУМа и СБЕРа. Последний блок обучения — трудоустройство и менеджмент. Здесь помогут найти клиентов, научат управлять временем и презентовать свои работы заказчикам.
Моушн-дизайнер с нуля до PRO
Станьте уверенным моушн-дизайнером middle-уровня
16 работ в портфолио
cтажировка в студии
онлайн-практикумы с экспертами рынка
преподаватели — ведущие специалисты моушн-дизайна
Что такое моушн-дизайн, где и как его применяют. Бонусом — история
Движение может объяснить то, что статика показать не в состоянии. Рассказываем о моушн-дизайне.
Что такое моушн-дизайн
Как только статический кадр начинает двигаться, он становится графической анимацией или анимированной картинкой, но это ещё не моушн-дизайн. А вот когда изображение оживает и появляется дополнительный смысл, — тогда мы говорим о моушн-дизайне.
Продукт моушн-дизайна — ролик-история, рассказанная во времени. Создание такого, даже очень короткого ролика — занятие трудоёмкое и затратное.
Профессия моушн-дизайнера объединяет в себе огромное количество навыков, знаний и умений. Это дизайнер-оркестр: сценарист, художник, режиссёр, оператор, монтажёр, продюсер, саунд-дизайнер и даже программист. Научиться быть человеком-оркестром можно на курсе «Motion Design с нуля до PRO» от Skillbox.
Автор статей по дизайну.
В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил верстку. Время от времени публикую переводы на хабре.
Области применения моушн-дизайна в жизни
Основное применение — титры и футуристические интерфейсы. Титры можно считать прародителем такого современного направления, как моушн-айдентика.
Посмотреть коллекцию лучших кинотитров и прочитать о развитии жанра можно в этом материале.
Видеоклипы
Это отдельная категория моушн-дизайна, где идёт постоянный поиск новых визуальных приёмов и переосмысление старых.
Реклама
Эффектные ролики с коротким, но ёмким сюжетом, рассчитанные на эмоциональное восприятие. Моушн используется здесь повсеместно.
Видео
Презентации
Видеоконтент понемногу вытесняет все остальные виды контента. Проще посмотреть обучающее видео, чем прочитать руководство. Движение интереснее статики, оно завораживает и затягивает. Видео стараются использовать в презентациях, отчётах, уроках, гайдах по работе с сервисами.
3D-mapping
Это лазерное шоу, где «экраном» для 3D-проекции выступают фасады зданий — при этом обыгрывается геометрия постройки, её архитектура и местоположение.
Интерактивный дизайн
Это достаточно новое направление, симбиоз дизайна, программирования и шоу. Интерактивность помогает сделать пользовательские интерфейсы выразительными и простыми в использовании. Моушн-дизайн — одно из самых востребованных направлений на сегодняшний день. Применяется в таких областях:
Профессиональный софт
Чтобы создавать крутые моушн-проекты, необходимо специальное ПО. Эти инструменты используются во всех приведённых выше сферах моушн-дизайна, от кино до веба.
Adobe Photoshop
Популярный и мощный инструмент, который входит в линейку Adobe-продуктов Creative Cloud и отлично с ними интегрирован.
Для чего может пригодиться:
Adobe Illustrator
Софт для работы с векторными изображениями. Применяется в основном для создания логотипов, векторных иллюстраций и фонов для последующего использования в моушн-графике. Как и Photoshop, легко интегрируется, например, с After Effects.
After Effects
Пожалуй, одна из самых главных программ для освоения моушн-дизайна. After Effects — это 2,5D-программа для анимации.
Возможности After Effects:
Premiere Pro
Premiere — это редактор видеомонтажа, который лучше всего подходит для сборки работы воедино: склейки роликов, добавления звука, музыки и визуальных эффектов.
Cinema 4D
Это редактор 3D-моделирования с очень дружественным интерфейсом и низким порогом входа по сравнению с Maya, 3ds Max или Blender.
Cinema 4D широко используется в моушн-графике для моделирования, анимации и эффектов симуляции.
Adobe Animate и Moho
ИНСТРУМЕНТЫ ПОКАДРОВОЙ АНИМАЦИИ
Animate — по сути, тот же Flash, который сыграл немалую роль в становлении моушн-графики.
Заключение
Если пытаться самостоятельно получить нужные навыки в такой динамичной области, как моушн-дизайн, можно просто не успеть за меняющимися трендами. Поэтому рекомендуем учиться у профессионалов. На нашем курсе вы освоите эту профессию, сможете устроиться на стажировку параллельно с учёбой — и со временем сделать любимое занятие своей работой.
История возникновения
Тот моушн-дизайн, каким мы его знаем сейчас, обязан своим появлением почти 200-летней истории анимации. Многие приёмы, изобретённые тогда, активно используются до сих пор.
Начало
Тауматроп — игрушка, основанная на оптической иллюзии: при быстром вращении кружка́ с двумя рисунками с разных сторон они воспринимаются как один. Была особо популярна в Викторианскую эпоху.
Фенакистископ — прибор для демонстрации движущихся рисунков, конструкция которого основана на инерции человеческого зрения. Почти одновременно с ним был изобретён стробоскоп.
Зоотроп — устройство для демонстрации движущихся рисунков, конструкция которого основана на инерции человеческого зрения. Изобретателем зоотропа считается Уильям Джордж Горнер.
Эмиль Рейно усовершенствовал эти и похожие устройства, соединив их с «волшебным фонарём», что позволило просматривать движущиеся картинки не одному человеку, а одновременно нескольким.
Рейно стал использовать постоянную декорацию, рисуя её отдельно от персонажей и передавая на экран посредством отдельного «волшебного фонаря». Он был первым, кто синхронизировал изображение и звук.
Рейно применил некоторые приёмы, ставшие основой технологии мультипликации. В их числе — раздельное рисование персонажей и декораций.
Кинематограф
Немой кинематограф
Год официального рождения кинематографа. Публичные платные сеансы Огюста и Луи Люмьеров оказались наиболее популярны и успешны с коммерческой точки зрения, нежели все прочие начинания, поэтому именно братьев Люмьер принято считать родоначальниками кинематографии.
Звуковой кинематограф
Первым в истории полнометражным фильмом с синхронной речевой фонограммой в 1927 году стал музыкальный фильм «Певец джаза» по технологии «Вайтафон» со звуком на грампластинке.
Последние тенденции
Кинематограф стал средой, в которой зародился моушн-дизайн, он получил значительное развитие в пятидесятых годах в США благодаря таким дизайнерам, как Сол Басс, Морис Биндер и Пабло Ферро. В то время на телевидении стали появляться анимированные титры и логотипы. Так произошёл переломный момент: анимация перестала быть исключительно инструментом развлечения и получила новые функциональные задачи.
