Волшебство в движении: что такое моушн-дизайн
Контент-лид Нетологии Светлана Шаповалова разбирается в моушн-дизайне: что это за направление, как возникло, где используется и что нужно, чтобы стать моушн-дизайнером.
Моушн-дизайн (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. Инструменты для создания и редактирования трехмерной графики и анимации:
Кроме того, хороший моушн-дизайнер:
Все это вместе определяет портрет специалиста, который создает интересную, захватывающую, впечатляющую анимационную графику и получает удовольствие от своей работы.
Новая и востребованная профессия
Моушн-дизайнер — новая и востребованная на рынке профессия. Однако стать моушн-дизайнером не так просто: в российских вузах нет такой специальности, а обучение в иностранных колледжах не всем по карману. Это профессия, требующая теоретических знаний графического дизайна, основ драматургии и режиссуры, а также практических навыков работы с различными программами.
Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.
Курс Нетологии
Войти в ИТ: профессия motion designer
О профессии рассказала руководитель команды моушн-дизайнеров в Wowmaking Елена Лазуко.
Что такое motion design? Почему он сегодня востребован?
Моушн-дизайн — это создание анимированной графики, а также создание анимационных роликов. Собственно говоря, в переводе с английского motion и есть “движение”. Анимированным может быть как отдельный элемент, например титры, так и целый ролик. Моушн-дизайн так востребован, потому что помогает привлекать внимание, лучше усваивать информацию и, в целом, завораживает.
В нашей компании мы создаем анимационные ролики для продвижения мобильных приложений в социальных сетях. Кроме нашего направления, моушн-дизайн используется в компьютерных играх, кино, видеоклипах, телевидении, онлайн-обучении, в 3D-проекциях на мероприятиях.
Кратко опиши, как происходит процесс анимирования.
Создание моушн-графики или ролика начинается с поиска идеи. Здесь важно ввести себя в состояние озарения: придумать, как мы будем продвигать продукт и какой анимацией привлекать пользователей. Для этого существуют различные креативные методики, а также проводим мозговые штурмы с коллегами. Затем мы собираем референсы, то есть подбираем примеры, как это может выглядеть по оформлению, цветам, анимации.
Далее создаются мудборды — небольшие коллажи для наглядности, а также раскадровка, которая позволяет увидеть последовательность развития сюжета. На следующем этапе в нашей компании все, что касается более сложной графики — передается другим специалистам (графическим дизайнерам и иллюстраторам), но в небольших компаниях все функции может совмещать один человек. Дальше начинается главная магия: расставляются ключи анимации, оживляются персонажи и графика, добавляются эффекты. Черновой вариант ролика утверждает креативный менеджер, после чего остается завершающий этап по устранению всех шероховатостей. В зависимости от сложности разработка одного ролика занимает от 1 до 3-4 дней.
Что должен уметь моушн-дизайнер? Какими программами необходимо владеть?
Как и любому дизайнеру, такому специалисту необходимо в первую очередь обладать чувством вкуса, знать принципы композиции и сочетания цветов. Из профессиональных навыков следует освоить различные виды анимации — шейповую, текстовую, персонажную и покадровую, а также моушн-трекинг и кеинг, уметь использовать и создавать визуальные эффекты и эффекты симуляции.
Для работы понадобится знание таких программ, как Photoshop, Adobe Illustrator, Figma, After Effects и ее плагины, Premiere Pro и Cinema4D.
Чтобы изучить каждую программу на базовом уровне, понадобится приблизительно 3 месяца при условии, что вы можете полностью посвятить себя учебе. Если покупать онлайн-курсы для моушн-дизайнеров, то они рассчитаны на полгода-год и дают всего по-немногу. Начать работать моушн-дизайнером можно уже обладая базовыми знаниями.
Согласна ли ты с тем, что сегодня на рынке мало моушн-дизайнеров?
С одной стороны, спрос на моушн-дизайнеров действительно большой. С другой стороны, появилось большое количество курсов по их подготовке.
Тем не менее выпускникам курсов не всегда легко найти работу, так как у них не хватает опыта и знаний сделать адекватный визуальный контент. На наши вакансии мы тоже не можем долгое время найти подходящих кандидатов, поэтому проводим стажировки для начинающих моушн-дизайнеров с дальнейшим трудоустройством.
Как ты пришла в профессию? Что любишь в своей работе больше всего?
По образованию я маркетолог и работала в рекламном агентстве, где занималась ведением социальных сетей компании и клиентов. Но однажды появилась задача сделать небольшую анимацию для поста. Чтобы с ней справиться, мне пришлось познакомиться с понятием моушн-дизайна и программой After Effects. После этого я поняла, что анимация завораживает и дает отклик в моей душе.
Затем я прошла онлайн курсы по моушн-дизайну и поговорила с руководством, что, если есть возможность, то мне хотелось бы развиваться в новом направлении. Они сказали, что как раз ищут моушн-дизайнера и, если я смогу за определенное время справиться с некоторыми задачами, то позиция будет моей. Так и получилось.
Я периодически задаю себе вопрос о том, что мне нравится в моей работе, чтобы контролировать свой путь профессионального развития. Больше всего меня завораживает процесс генерации идей. В этот момент я чувствую себя максимально счастливой и продуктивной. Сам процесс анимация немного монотонный, но, когда видишь результат своей работы, то сердце начинает биться чаще и радости нет предела.
Существует стереотип, что творческие люди очень зависят от вдохновения. Случается ли тебе работать дома или на выходных?
Конечно, идеи могут настигнуть тебя в самый неожиданный момент: когда едешь в транспорте домой, моешь посуду или делаешь любые другие рутинные дела. Обычно я в такие моменты озарения записываю все свои заметки, а утром на работе их дорабатываю. Но в целом в современном мире при его скорости было бы опрометчиво полагаться только на такие внезапные вспышки вдохновения. Об этом часто говорят и топовые дизайнеры на вебинарах.
На самом деле есть очень много методик, которые позволяют генерировать творческие идеи непосредственно в рабочее время. В связи с этим моушн-дизайнеру необходимо много знать о работе мозга, чтобы понимать, как происходит процесс креатива. Придумать новое помогает и работа с референсами.
Я не закрываю рабочие задачи дома. Предпочитаю использовать свободное время для профессионального саморазвития, иногда делаю проекты, которые интересны лично мне и позволяют применить новые навыки. У меня был опыт, когда приходилось работать дома, но это закончилось очень сильным эмоциональным выгоранием. Стараюсь соблюдать баланс между отдыхом, работой и обучением. В будние дни, кроме работы, занимаюсь спортом, изучаю английский, встречаюсь с друзьями либо провожу время с мужем, а на выходных сажусь за изучение курсов по моушн-дизайну, читаю книги и хожу в кино.
Больше всего меня заряжают энергией путешествия. Свое первое полноценное путешествие я совершила после того, как мне приснился сон про Сальвадора Дали. Во сне он говорил о том, чтобы быть по-настоящему творческим человеком — надо много видеть. Для создания нового и неповторимого нужно больше путешествовать и знакомиться с мировой культурой. После этого я стала чаще выбираться в поездки, обязательный пункт программы в них — посещение известных музеев и художественных галерей.
Какие книги и интернет-ресурсы можешь посоветовать начинающим моушн-дизайнерам?
Есть несколько школ по моушн-дизайну, за которыми советую следить: Motion Design School, School of Motion, ECAbrams. В своих блогах и ютюб-каналах они делятся интересными примерами.
Помогают черпать вдохновение такие ресурсы, как behance.net, dribbble.com, awwwards.com. Также можно искать в Instagram по хештегам #motion #motiondesign, под котором дизайнеры публикуют свои работы.
Из книг рекомендую прочитать “Взлом креатива” (Майкл Микалко), “Сделано, чтобы прилипать” (Чип и Дэн Хиз), “Кради как художник” (Остин Клеон), “Искусство цвета” (Иоханнес Иттен), “Словарь цвета для дизайнера” (Шон Адамс), “Основы дизайна” (Стивен Пенка), “Дизайн форма и хаос” (Пол Рэнд), “О языке композиции” (Юрий Гордон), “Тайминг в анимации” (Гарольд Уайтэкер, Джонс Халас), “Композиция кадра в кино и на телевидении” (Питер Уорд).
При создании моушн-роликов необходимо учитывать как законы восприятия человека, от этого зависит выбор цвета, формы, так и законы маркетинга.
Что можешь посоветовать людям, которые хотят войти в ИТ?
Самое первое — нужно правильно выбрать направление, для чего могут пригодиться всевозможные тесты, которые помогут разобраться в ваших интересах и склонностях.
Если человек решил освоить новую специальность, то советую относиться к этому как к исследованию. При таком подходе меньше расходуется сила воли, так как не приходится себя заставлять учиться. Также следует четко определить свои цели и задать себе вопрос: что я могу сделать уже завтра, чтобы в итоге стать тем, кем хочу. И самое главное — верить в себя и помнить, что неудачи не причина отказываться от мечты.
Если у новичка после самостоятельной подготовки или курсов осталось желание работать в моушн-дизайне, то советую создать 2-3 работы для портфолио, которые будут показывать приобретенную технику, а также выглядеть аккуратно и изящно.
Чтобы стать моушн-дизайнером не обязательно иметь художественное образование и быть профессиональным дизайнером, все можно наработать, если есть огонь в глазах и бесконечное желание.
В ИТ-сфере очень важно быть вовлеченным в свою работу и максимально заинтересованным в результате. Работа в ИТ — это постоянный бег вверх по эскалатору, который едет вниз. Необходимо постоянно отслеживать и изучать новые технологии и тренды.
Подняться на пару ступенек вверх в погоне за позицией моушн-дизайнера поможет наша подборка вакансий.
Статья обновлена в августе 2021 года. Права на товарный знак работа.by приобретены в мае 2019 года.
Что такое моушн-дизайн, где и как его применяют. Бонусом — история
Движение может объяснить то, что статика показать не в состоянии. Рассказываем о моушн-дизайне.
Что такое моушн-дизайн
Как только статический кадр начинает двигаться, он становится графической анимацией или анимированной картинкой, но это ещё не моушн-дизайн. А вот когда изображение оживает и появляется дополнительный смысл, — тогда мы говорим о моушн-дизайне.
Продукт моушн-дизайна — ролик-история, рассказанная во времени. Создание такого, даже очень короткого ролика — занятие трудоёмкое и затратное.
Профессия моушн-дизайнера объединяет в себе огромное количество навыков, знаний и умений. Это дизайнер-оркестр: сценарист, художник, режиссёр, оператор, монтажёр, продюсер, саунд-дизайнер и даже программист. Научиться быть человеком-оркестром можно на курсе «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 году стал музыкальный фильм «Певец джаза» по технологии «Вайтафон» со звуком на грампластинке.
Последние тенденции
Кинематограф стал средой, в которой зародился моушн-дизайн, он получил значительное развитие в пятидесятых годах в США благодаря таким дизайнерам, как Сол Басс, Морис Биндер и Пабло Ферро. В то время на телевидении стали появляться анимированные титры и логотипы. Так произошёл переломный момент: анимация перестала быть исключительно инструментом развлечения и получила новые функциональные задачи.