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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ваш Путь в IT начинается здесь

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

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

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

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

Основные сферы применения моушн-дизайна

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

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

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

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

Карьерная мастерская это:

Уже 50 000 человек прошли мастерскую и сделали шаг к новой профессии!

Запишитесь на бесплатный курс и станьте ближе к новой карьере:

Зарегистрироваться и получить подарки

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

Моушн-графика повышает зрелищность музыкальных клипов. Яркий пример – видеоверсия трека певицы Alseyda, где анимированы все слова композиции. Такое нестандартное решение положительно сказалось на количестве просмотров этого клипа.

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

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

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

Первым человеком, удивившим мир анимированными титрами, был дизайнер Сол Басс, который использовал необычный прием при оформлении фильма «Человек с золотой рукой» 1955 года. Белые линии постепенно сливались, образуя контуры руки. Альфред Хичкок был сильно впечатлен этой дизайнерской находкой и способствовал дальнейшему продвижению анимационных титров, которые вскоре появились не только в его фильмах, но и в киноработах Стенли Кубрика и Мартина Скорсезе.

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

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

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

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

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

Польза моушн-дизайна для бизнеса

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

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

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

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

С точки зрения выстраивания коммуникации с целевой аудиторией моушн-дизайн позволяет с успехом решать следующие задачи:

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

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

Самостоятельное создание анимации

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

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

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

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

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

5 популярных программ для моушн-дизайна

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

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

Работа в Photoshop очень удобна благодаря отличной интеграции с другими продуктами Creative Cloud, документы легко импортируются из этого редактора в After Effects и обратно. Для тех, кто только приступает к освоению моушн-дизайна, обучение лучше всего начинать именно с этой программы.

Несмотря на внешнюю схожесть с Photoshop, редактор от Adobe наделен совершенно другим функционалом. Основное отличие заключается в формате изображений: в Photoshop они пиксельные (растровые), а в Illustrator – векторные, что значительно расширяет возможности моушн-дизайнера. Отсутствие пикселей гарантирует сохранение качества при масштабировании, а это очень важно при работе с логотипами, шейповыми объектами и векторными фонами.

Импорт файлов в After Effects для создания анимированного изображения тоже не вызывает никаких проблем. При изменении логотипа достаточно сохранить его Illustrator, а в АE его обновление произойдет автоматически.

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

Перечислить все возможности After Effects очень сложно, отметим только самые востребованные. С помощью этой программы реализуется персонажная анимация, появление логотипов, 3D-композитинг, моушн-трекинг (отслеживание движения), эффекты симуляции, дизайн слайд-шоу, кинетическая типографика, многочисленные визуальные эффекты.

Моушн-дизайн и After Effects просто созданы друг для друга: в этой программе происходит анимирование объектов, после чего результат работы экспортируется в видеоредактор и становится одним из элементов готового продукта.

Программа также является частью Creative Cloud. Если несколько лет назад у разных специалистов были собственные предпочтение в выборе софта для совмещения всех компонентов ролика, то сегодня большинство из них считают Premiere Pro самым удобным способом собрать воедино отдельные объекты.

Источник

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 не будет опубликован. Обязательные поля помечены *