Анимационный дизайн что это

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

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

Анимационный дизайн что это. 02529f9476031b702d5013246821ec46. Анимационный дизайн что это фото. Анимационный дизайн что это-02529f9476031b702d5013246821ec46. картинка Анимационный дизайн что это. картинка 02529f9476031b702d5013246821ec46

Анимационный дизайн что это. 36637c377b2a1c1bb031fd1c14cf41ae. Анимационный дизайн что это фото. Анимационный дизайн что это-36637c377b2a1c1bb031fd1c14cf41ae. картинка Анимационный дизайн что это. картинка 36637c377b2a1c1bb031fd1c14cf41ae

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

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

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

Профессия моушн-дизайнера объединяет в себе огромное количество навыков, знаний и умений. Это дизайнер-оркестр: сценарист, художник, режиссёр, оператор, монтажёр, продюсер, саунд-дизайнер и даже программист. Научиться быть человеком-оркестром можно на курсе «Motion Design с нуля до PRO» от Skillbox.

Анимационный дизайн что это. 12440911032020 8eade49e3e9855c545facb583cc75361d0c85654. Анимационный дизайн что это фото. Анимационный дизайн что это-12440911032020 8eade49e3e9855c545facb583cc75361d0c85654. картинка Анимационный дизайн что это. картинка 12440911032020 8eade49e3e9855c545facb583cc75361d0c85654

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

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

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

Анимационный дизайн что это. 98d7f955e21c0aaa8dada1822d7976db05f51e50. Анимационный дизайн что это фото. Анимационный дизайн что это-98d7f955e21c0aaa8dada1822d7976db05f51e50. картинка Анимационный дизайн что это. картинка 98d7f955e21c0aaa8dada1822d7976db05f51e50

Анимационный дизайн что это. 9b5962304f60dab245514c33b365e17be91fec27. Анимационный дизайн что это фото. Анимационный дизайн что это-9b5962304f60dab245514c33b365e17be91fec27. картинка Анимационный дизайн что это. картинка 9b5962304f60dab245514c33b365e17be91fec27

Анимационный дизайн что это. 8032f8bdc3581837614c9fb49348d15a1878e532. Анимационный дизайн что это фото. Анимационный дизайн что это-8032f8bdc3581837614c9fb49348d15a1878e532. картинка Анимационный дизайн что это. картинка 8032f8bdc3581837614c9fb49348d15a1878e532

Посмотреть коллекцию лучших кинотитров и прочитать о развитии жанра можно в этом материале.

Видеоклипы

Это отдельная категория моушн-дизайна, где идёт постоянный поиск новых визуальных приёмов и переосмысление старых.

Реклама

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

Видео

Презентации

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

3D-mapping

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

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

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

Анимационный дизайн что это. 62c60bc7d3c7f6cde63940081b3755280ed11dca. Анимационный дизайн что это фото. Анимационный дизайн что это-62c60bc7d3c7f6cde63940081b3755280ed11dca. картинка Анимационный дизайн что это. картинка 62c60bc7d3c7f6cde63940081b3755280ed11dca

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

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

Adobe Photoshop

Анимационный дизайн что это. 09561511072020 7b64da46b2dc4329c15be64aeef9e636261e678c. Анимационный дизайн что это фото. Анимационный дизайн что это-09561511072020 7b64da46b2dc4329c15be64aeef9e636261e678c. картинка Анимационный дизайн что это. картинка 09561511072020 7b64da46b2dc4329c15be64aeef9e636261e678c

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

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

Adobe Illustrator

Анимационный дизайн что это. 14d2bd4f3fb4c4f841c1868a89572c83c295f139. Анимационный дизайн что это фото. Анимационный дизайн что это-14d2bd4f3fb4c4f841c1868a89572c83c295f139. картинка Анимационный дизайн что это. картинка 14d2bd4f3fb4c4f841c1868a89572c83c295f139

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

After Effects

Анимационный дизайн что это. 4940a44536cbf685e58abba4c3d5ec59ed3d6c05. Анимационный дизайн что это фото. Анимационный дизайн что это-4940a44536cbf685e58abba4c3d5ec59ed3d6c05. картинка Анимационный дизайн что это. картинка 4940a44536cbf685e58abba4c3d5ec59ed3d6c05

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

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

Premiere Pro

Анимационный дизайн что это. 53f2b9e9714f915f973dfda1fab5815c666b7f06. Анимационный дизайн что это фото. Анимационный дизайн что это-53f2b9e9714f915f973dfda1fab5815c666b7f06. картинка Анимационный дизайн что это. картинка 53f2b9e9714f915f973dfda1fab5815c666b7f06

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

Cinema 4D

Анимационный дизайн что это. 0e6c607d5a12c15f0996d9f8cb368a6cc70cf5ed. Анимационный дизайн что это фото. Анимационный дизайн что это-0e6c607d5a12c15f0996d9f8cb368a6cc70cf5ed. картинка Анимационный дизайн что это. картинка 0e6c607d5a12c15f0996d9f8cb368a6cc70cf5ed

Это редактор 3D-моделирования с очень дружественным интерфейсом и низким порогом входа по сравнению с Maya, 3ds Max или Blender.

Cinema 4D широко используется в моушн-графике для моделирования, анимации и эффектов симуляции.

Adobe Animate и Moho

ИНСТРУМЕНТЫ ПОКАДРОВОЙ АНИМАЦИИ

Анимационный дизайн что это. 86d483f8c980cda5e1f2307dadc1b0e1b8faeb6d. Анимационный дизайн что это фото. Анимационный дизайн что это-86d483f8c980cda5e1f2307dadc1b0e1b8faeb6d. картинка Анимационный дизайн что это. картинка 86d483f8c980cda5e1f2307dadc1b0e1b8faeb6d

Animate — по сути, тот же Flash, который сыграл немалую роль в становлении моушн-графики.

Заключение

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

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

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

Начало

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

Анимационный дизайн что это. d30db478ef3264a1c7aea975b83459c6d2fb665e. Анимационный дизайн что это фото. Анимационный дизайн что это-d30db478ef3264a1c7aea975b83459c6d2fb665e. картинка Анимационный дизайн что это. картинка d30db478ef3264a1c7aea975b83459c6d2fb665e

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

Анимационный дизайн что это. 12383c54792dcef4bc0d0b26448c090755e5bdf5. Анимационный дизайн что это фото. Анимационный дизайн что это-12383c54792dcef4bc0d0b26448c090755e5bdf5. картинка Анимационный дизайн что это. картинка 12383c54792dcef4bc0d0b26448c090755e5bdf5

Анимационный дизайн что это. 95f1ecb0f2579c14583b992f659c766bd4772cfe. Анимационный дизайн что это фото. Анимационный дизайн что это-95f1ecb0f2579c14583b992f659c766bd4772cfe. картинка Анимационный дизайн что это. картинка 95f1ecb0f2579c14583b992f659c766bd4772cfe

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

Анимационный дизайн что это. 61f1ea9190dab214286752d7c6d6cc064a696038. Анимационный дизайн что это фото. Анимационный дизайн что это-61f1ea9190dab214286752d7c6d6cc064a696038. картинка Анимационный дизайн что это. картинка 61f1ea9190dab214286752d7c6d6cc064a696038

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

Анимационный дизайн что это. b49fa51c9111ab065c3c4c8b44c298ccf30e9cb4. Анимационный дизайн что это фото. Анимационный дизайн что это-b49fa51c9111ab065c3c4c8b44c298ccf30e9cb4. картинка Анимационный дизайн что это. картинка b49fa51c9111ab065c3c4c8b44c298ccf30e9cb4

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

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

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

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

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

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

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

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

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

Источник

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

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

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

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

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

Анимационный дизайн что это. ploskiy dizayn apple. Анимационный дизайн что это фото. Анимационный дизайн что это-ploskiy dizayn apple. картинка Анимационный дизайн что это. картинка ploskiy dizayn apple

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

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

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

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

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

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

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

Анимационный дизайн что это. izometriya v rpg igrah. Анимационный дизайн что это фото. Анимационный дизайн что это-izometriya v rpg igrah. картинка Анимационный дизайн что это. картинка izometriya v rpg igrah

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

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

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

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

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

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

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

А вот наш опыт совмещения low-poly с изометрией:

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

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

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

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

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

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

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

Анимационный дизайн что это. komisnyiy stil na amerikanskih plakatah. Анимационный дизайн что это фото. Анимационный дизайн что это-komisnyiy stil na amerikanskih plakatah. картинка Анимационный дизайн что это. картинка komisnyiy stil na amerikanskih plakatah

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

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

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

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

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

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

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

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

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

Анимационный дизайн что это. primeryi pokadrovoy animatsii. Анимационный дизайн что это фото. Анимационный дизайн что это-primeryi pokadrovoy animatsii. картинка Анимационный дизайн что это. картинка primeryi pokadrovoy animatsii

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

Что такое моушн-дизайн и зачем это всё

Моушн-дизайн (от англ. motion design или motion graphic) — дизайн движения объектов в кадре, будь то цифры, буквы, абстрактные образы или конкретные фигуры с целью оформления заставок на ТВ или YouTube, рекламы и видеопрезентаций, кино.

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

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

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

Оглавление:

Как всё начиналось

Как и все лучшее, моушн дизайн перекочевал в видеопроизводство из большого кино. По-чесноку, у его истоков стояли четыре немецких режиссера-авангардиста: Вальтер Руттман, Викинг Эггелинг, Ханс Рихтер и Оскар Фишингер. Еще в 20-е года прошлого века они вставляли в свои немые фильмы некое подобие анимации:

Анимационный дизайн что это. pervye opyty v moushn dizajne. Анимационный дизайн что это фото. Анимационный дизайн что это-pervye opyty v moushn dizajne. картинка Анимационный дизайн что это. картинка pervye opyty v moushn dizajne

Крестным отцом моушена принято считать американца Сола Басса.

Анимационный дизайн что это. sol bass sozdatel moushn dizajna. Анимационный дизайн что это фото. Анимационный дизайн что это-sol bass sozdatel moushn dizajna. картинка Анимационный дизайн что это. картинка sol bass sozdatel moushn dizajna

В 1955 году этот графический дизайнер сделал необычные титры для фильма Отто Премингера “Человек с золотой рукой”. На экране несколько белых линий сложились в изображение руки главного героя:

Находку быстро оценил маэстро саспенса Альфред Хичкок. Уж он знал, как важно захватить внимание зрителя с первых же секунд! Для него Сол Басс сделал динамичные титры для фильмов «К северу через северо-запад», «Головокружение» и «Психо».

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

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

Уже в середине 50-х стали появляться анимированные логотипы. Ну а оформление титров стало неотъемлемой частью большого кино. Моушн-дизайн стремительно проник из кино в рекламу и маркетинг, сначала обосновался на ТВ, потом и в интернете.

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

Вместе с этим появились и первые авторы обучающих курсов по моушн-дизайну и VFX, уроки которых смотрели тысячи начинающих, в том числе и в России. Одним из таких авторов был знаменитый Эндрю Крамер — создатель ресурса Videocopilot. А вот и наше с ним небольшое интервью 🙂

Чем моушн-дизайнер отличается от графического дизайнера

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

Графический дизайн работает со статичными (!) изображениями. Это и айдентика, и визуальные концепции, и упаковка, и наружная реклама, и полиграфия, и даже иллюстрации для моушн-дизайна. А уж следующим шагом эту статику максимально круто оживляют motion дизайнеры:

Сферы применения моушн дизайна

ТВ

Наследие Сола Басса живет и процветает. Благодаря современным технологиям титры к любимым ТВ-шоу и сериалам можно превратить в произведение искусства. Чего стоит только открывашка к сериалу “Настоящий детектив” от HBO.

А создание заставок для телевизионных программ со временем развилось в отдельное направление моушн дизайна — броадскаст дизайн:

Сегодня он активно применяется не только на ТВ, но и в видеопрезентациях компаний, видеорекламе:

Кино

В современных блокбастерах моушн-дизайн — это не только способ сделать эффектные титры, но и, например, интерфейсы, которых особенно много встречается в hi-tech стилистиках фильмов Marvel, Blade Runner, Prometheus и подобных.

Клипы

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

Онлайн медиа

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

Реклама и маркетинг

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

Оффлайн шоу и мероприятия

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

Форумы и конференции

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

Искусство

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

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

Путь и профессия моушн-дизайнера

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

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

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

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

Максимальной планки зарплат по моушн-дизайну в России вы не найдете — на Западе платят больше, условия лучше, но и расходы на проживание часто там выше, о чем тоже не следует забывать. Соответственно, знание английского языка для этой профессии — must have.

Анимационный дизайн что это. chtoby nashi zhelaniya sovpadali s nashimi vozmozhnostyami. Анимационный дизайн что это фото. Анимационный дизайн что это-chtoby nashi zhelaniya sovpadali s nashimi vozmozhnostyami. картинка Анимационный дизайн что это. картинка chtoby nashi zhelaniya sovpadali s nashimi vozmozhnostyami

Можно ли зарабатывать в рамках РФ выше 150 тыс.? Можно. Для этого придется перейти на следующий левел профессиональных компетенций (или вообще их сменить) и стать кем-то из следующих специалистов:

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

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

Что должен уметь моушн дизайнер

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

Люди приходят в моушн-дизайн с самым разным бэкграундом — от программистов, инженеров, менеджеров и юристов до сварщиков и строителей (есть реальные примеры).

При этом если человек талантлив — на становление в профессии уходит в 2 раза меньше времени (3-4 года), чем у большинства “середнячков” (5-7 лет). С одним из таких незаурядных моушн-дизайнеров — Сергеем Масловым — пообщались в свое время на CG Event:

Не обольщайтесь легким порогом “входа” в индустрию — правило 10 тысяч часов никто не отменял. Кроме того, если хотите зарабатывать выше, чем большинство по рынку — готовьтесь и впахивать сильнее, чем остальные. Многие дизайнеры застревают где-то посередине. Лучшие дизайнеры продолжают учиться по прошествии 10 лет в профессии и выбирают место работы не только в рамках РФ, но и на Западе.

Анимационный дизайн что это. mama ya dizajner. Анимационный дизайн что это фото. Анимационный дизайн что это-mama ya dizajner. картинка Анимационный дизайн что это. картинка mama ya dizajner

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

Отдельно скажем об образовательных курсах Нетологии, Skillbox и иже с ними. Этих курсов достаточно, чтобы ознакомиться с профессией и делать первые шаги. Более серьезным вещам учат в Московской Школе Кино, Scream School и других заведениях, иностранных в том числе. Остальное — это годы самообучения и практики.

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

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

Анимационный дизайн что это. strashnyj soft dlya moushn dizajna. Анимационный дизайн что это фото. Анимационный дизайн что это-strashnyj soft dlya moushn dizajna. картинка Анимационный дизайн что это. картинка strashnyj soft dlya moushn dizajna

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

Выбор софта сильно зависит от используемой в видео стилистики моушн-дизайна. Большая разница — двигать объекты 2D или 3D или 2,5D или совмещать одно с другим.

Что же касается краткого перечисления основных инструментов — их есть у меня! Графические, 3d и видеоредакторы в студию:

Adobe After Effects

Анимационный дизайн что это. adobe after effects. Анимационный дизайн что это фото. Анимационный дизайн что это-adobe after effects. картинка Анимационный дизайн что это. картинка adobe after effects

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

Именем программы даже названо профессиональное сообщество моушн-дизайнеров во Вконтакте. Там найдете очень много всего по теме. Предупреждаем: много троллинга и специфики в общении, мат 🙂 Будьте аккуратны и уважительны к другим участникам.

Adobe Illustrator

Анимационный дизайн что это. adobe illustrator. Анимационный дизайн что это фото. Анимационный дизайн что это-adobe illustrator. картинка Анимационный дизайн что это. картинка adobe illustrator

Самая востребованная программа для создания векторной графики.

Хлеб любого иллюстратора и графического дизайнера. Именно моушн-дизайнеру в этом софте понадобятся только азы. Если уйдете в 2D — придется изучать глубже. Если в 3D — понадобится по минимуму.

Adobe Photoshop

Анимационный дизайн что это. adobe photoshop. Анимационный дизайн что это фото. Анимационный дизайн что это-adobe photoshop. картинка Анимационный дизайн что это. картинка adobe photoshop

Тоже больше для иллюстраторов, только для работы с растровой графикой. Легко интегрируется с After Effects.

Adobe Premiere Pro

Анимационный дизайн что это. adobe premiere pro. Анимационный дизайн что это фото. Анимационный дизайн что это-adobe premiere pro. картинка Анимационный дизайн что это. картинка adobe premiere pro

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

Сinema4D

Анимационный дизайн что это. cinema4d. Анимационный дизайн что это фото. Анимационный дизайн что это-cinema4d. картинка Анимационный дизайн что это. картинка cinema4d

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

Autodesk Maya

Анимационный дизайн что это. autodesk maya. Анимационный дизайн что это фото. Анимационный дизайн что это-autodesk maya. картинка Анимационный дизайн что это. картинка autodesk maya

Мощнейший редактор 3D-графики, который широко используется в профессиональных кругах, особенно среди аниматоров. Любимый инструмент создателей видеоигр.

Houdini

Анимационный дизайн что это. houdini. Анимационный дизайн что это фото. Анимационный дизайн что это-houdini. картинка Анимационный дизайн что это. картинка houdini

Программа для 3D-моделирования с упором на процедурную генерацию. Ее используют для наиболее дорогих и сложных видов 3D-анимации, вроде “жидкого дизайна” и симуляции частиц. Штука, пожалуй, самая сложная из представленного списка и специалисты, умеющие в ней работать, очень ценятся и хорошо оплачиваются.

Заключение

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

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

А разве не это главное в профессии?

И если вы полюбите моушн-дизайн так же, как любим его мы, наведывайтесь в наш блог — найдете еще много интересного.

Источник

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

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