Моушен дизайн что это такое пример

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

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

Моушен дизайн что это такое пример. Смотреть фото Моушен дизайн что это такое пример. Смотреть картинку Моушен дизайн что это такое пример. Картинка про Моушен дизайн что это такое пример. Фото Моушен дизайн что это такое пример

Моушен дизайн что это такое пример. Смотреть фото Моушен дизайн что это такое пример. Смотреть картинку Моушен дизайн что это такое пример. Картинка про Моушен дизайн что это такое пример. Фото Моушен дизайн что это такое пример

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

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

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

Профессия моушн-дизайнера объединяет в себе огромное количество навыков, знаний и умений. Это дизайнер-оркестр: сценарист, художник, режиссёр, оператор, монтажёр, продюсер, саунд-дизайнер и даже программист. Научиться быть человеком-оркестром можно на курсе «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 году стал музыкальный фильм «Певец джаза» по технологии «Вайтафон» со звуком на грампластинке.

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

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

Источник

Волшебство в движении: что такое моушн-дизайн

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

Моушн-дизайн (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. Инструменты для создания и редактирования трехмерной графики и анимации:

Кроме того, хороший моушн-дизайнер:

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

Новая и востребованная профессия

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

Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Моушен дизайн что это такое пример. Смотреть фото Моушен дизайн что это такое пример. Смотреть картинку Моушен дизайн что это такое пример. Картинка про Моушен дизайн что это такое пример. Фото Моушен дизайн что это такое примерКурс Нетологии

Источник

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

Моушн дизайн шагает по планете!

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

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

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

Моушен дизайн что это такое пример. Смотреть фото Моушен дизайн что это такое пример. Смотреть картинку Моушен дизайн что это такое пример. Картинка про Моушен дизайн что это такое пример. Фото Моушен дизайн что это такое пример

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

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

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

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

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

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

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

Моушен дизайн что это такое пример. Смотреть фото Моушен дизайн что это такое пример. Смотреть картинку Моушен дизайн что это такое пример. Картинка про Моушен дизайн что это такое пример. Фото Моушен дизайн что это такое пример

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

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

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

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

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

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

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

А вот наш опыт совмещения 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 лет будут считаться хорошим тоном в видеодизайне и будут приносить Заказчикам заметный отклик.

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *