Как в видео и подвижную графику добавляют эффекты, которые делают их яркими и зрелищными? Поговорим о технологии, которой уже не один десяток лет.
Люди стремились запечатлеть движение с самого начала человеческой цивилизации. Уже в первобытную эпоху наскальные художники добавляли животным и людям на рисунках дополнительные конечности, чтобы зритель мог представить, что они движутся.
Но качественное развитие анимации началось в XIX веке.В 1825 году изобретатель Джон Гершель создал тауматроп - кружок с двумя изображениями на каждой из сторон и двумя наконечниками. Если быстро вращать тауматроп за наконечники, глаз не заметит разницы, и две эти картинки сольются воедино. Позднее были придуманы оптические игрушки. Одна из них, праксиноскоп, представляла собой открытый цилиндр с зеркальной призмой в центре. На внутренней стороне цилиндра изображалось несколько минатюр, напротив каждой из граней призмы. При вращении цилиндра относительно призмы на последней отображалось движущееся изображение.
В 1876 году было усовершенствовано устройство “волшебный фонарь”, разработанное в XVII веке. Оно состояло из фонаря, пластин с картинками, корпуса и ремней. Это устройство воспроизводило изображения с пластин на стену. А в 1895 году братья Люмьер показали первый киносеанс.
Развитие анимации дало дорогу развитию моушн-дизайну, который занял прочное место в современной визуальной индустрии. О нем мы и поговорим в этой статье.
Мобильные приложения всегда находятся с их пользователем, поэтому ими так удобно пользоваться. Прочитайте нашу статью о том, как сделать свое мобильное приложение.
Что такое моушн-дизайн?
Моушн-дизайн - это направление дизайна, занимающееся созданием анимированных видеообразов, которые нельзя создать с помощью съемки обычной камерой. Но его нельзя путать с анимацией, поскольку последняя подразумевает наличие оформленного сюжета и предстает как полноценный ролик (коротко- или полнометражный). Моушн-дизайн содержит лишь определенную идею и составляет лишь часть мультимедийного продукта. Другое название моушн-дизайна - анимированный дизайн.
Где используется моушн-дизайн?
Анимированный дизайн применяется во многих сферах, использующих визуализацию как способ донесения информации до потребителя.
Телевидение
С помощью моушн-дизайна создаются заставки, оформление и проморолики телевизионных каналов и выходящих на них программ, оформляются титры и субтитры.
Кинематограф
В художественных фильмах и трейлерах к ним моушн-дизайн помогает показать спецэффекты и элементы, которые другим образом изобразить невозможно. Например, моушн-дизайнеры прорисовывают интерфейсы устройств и компьютеров будущего, в том числе голографические. С помощью анимационного дизайна прорисовывают опенинги, заставки, трейлеры и тизеры к фильмам.
Маркетинг и бизнес
В рекламных видео моушн-дизайн используется для изображения спецэффектов и инфографики. Эти элементы помогают наглядно представить достоинства продукта, делают рекламу цепляющей и вызывающей интерес у покупателей. Также моушн-дизайн используется в интернет-рекламе (видеороликах и нативных материалах).
Анимированный дизайн помогает создать цепляющие и наглядные презентации, используемые для рекламы продукта на конференциях или выставках.
Интерфейсы
В графических интерфейсах интернет-программ, веб-сервисов, операционных систем моушн-дизайн используется для создания анимированных пиктограмм и других элементов к пунктам меню, заставок и т. д. С анимированными эффектами эти продукты становятся интересными и привлекательными для пользователя.
Яркий пример моушн-дизайна - анимированный переход между разделами меню в мобильных приложениях и меню ОС.
Образование
Анимированный дизайн помогает создать инфографику и анимацию в учебных видеороликах и других материалах, делая их доступнее для студентов и учеников.
Брендинг
Моушн-дизайн используется в создании оригинальных логотипов, которые четко передают полезные свойства продукта.
Лазерные шоу
Приемы моушн-дизайна делают яркими объекты городской инфраструктуры. Лазерные инсталляции используются во время праздников и просто для создания привлекательного вида зданий.
Создание компьютерных игр
Разумеется, анимированный дизайн является основой для видеоигр, практически полностью состоящих из 3D-пространств и моделей. Моушн-дизайн помогает создать промо- и сюжетные ролики, интерфейсы и эффекты внутри игры.
История моушн-дизайна
Первые работы, которые можно считать моушн-дизайном, были сделаны в 1920-е - 1940-е гг. режиссерами экспериментального кино. Ключевые фигуры в этом направлении - Оскар Фишингер и Норман МакЛарен.
В 1955 году американский дизайнер Сол Басс создал анимированную заставку к фильму “Человек с золотой рукой”. Это были вертикальные линии, которые затем складывались сначала в одну линию, потом в руку. Широкое использование анимации в заставках и титрах к фильмам началось в середине 1960-х гг.
1980-е гг. ознаменовались активным использованием моушн-дизайна в самих кинокартинах. В 1982 году аниматор Роберт Абель создал анимированный трейлер к фильму “Трон”. В это десятилетие, а также в 1990-е гг. для создания моушн-дизайна стали использоваться компьютеры. Это расширило возможности анимированного дизайна.
В 1990-х гг. моушн-дизайн активно использовался на телевидении, в рекламе, компьютерных играх. А в XXI веке анимированный дизайн вышел на новый виток развития вместе с цифровыми и интернет-технологиями.
Кто занимается моушн-дизайном?
Созданием анимированных моделей занимается моушн-дизайнер. В чистом виде эта профессия не слишком распространена, и поэтому его обязанности часто выполняют другие специалисты, обязанности которых смежны с таковыми у моушн-дизайнера. Это может быть 3D-дизайнер или специалист по компьютерной графике.
Поскольку профессия относительно редка, то конкуренция в моушн-дизайне не такая жесткая, как, например, в сфере программирования.
Что нужно знать и уметь моушн-дизайнеру?
Анимация
Главное, чем нужно владеть моушн-дизайнеру - основы анимации, поскольку он имеет дело с движущимся изображением. В 1980 году мультипликатором Уолтом Диснеем были сформулированы 12 принципов анимации, которые помогают подчинить анимацию законам физики и делают персонажей привлекательнее. Свои правила есть у анимирования интерфейсов интернет-ресурсов и компьютерных программ.
Композиция
Для создания качественного дизайна нужно правильно сочетать его элементы. Моушн-дизайнеру нужно учитывать правила расположения объектов и значения при принятии ими определенной позиции.
Специалисту понадобятся знания колористики - теории цвета. Это наука о значении цветов и их сочетаний, их психологическом воздействии, а также правильном их использовании.
Понадобятся также знания типографики - науки о правильном сочетании шрифтов. Например, в инфографике образовательного ресурса будет неуместен игривый шрифт Choko Cooky, так знакомый владельцам старых телефонов LG.
Драматургия
Хотя у объектов анимированного дизайна нет полноценного сюжета, у него все же есть небольшая сюжетная линия. Поэтому моушн-дизайнеру нужно уметь создавать сценарии.
Коммуникативные навыки
Моушн-дизайнер работает в команде и иногда поручает некоторые задачи другим коллегам по команде - сценаристу, 3D-дизайнеру, программисту и другим. Также этот специалист помогает заказчику определить потребности, находит пути их закрытия. Поэтому моушн-дизайнеру понадобится коммуникабельность.
Знание трендов
Моушн-дизайн, используемые им приемы и эффекты постоянно меняются. Поэтому инструменты и технологии, которые были актуальны еще несколько месяцев назад, могут быть неактуальны сегодня. Специалист должен постоянно следить за трендами, развитием индустрии и конкурентами.
Английский язык
Далеко не каждый инструмент для работы с моушн-дизайном переведен на русский язык. Часть из программ имеет только английскую версию. Поэтому специалисту по анимированному дизайну нужно знать этот международный язык. На английском языке также написана значительная часть литературы и учебного материала по дизайну и анимации.
Инстрмуенты моушн-дизайнера
Разумеется, для создания анимированного дизайна понадобятся специализированные компьютерные программы. Поговорим об основных инструментах, которыми обязательно пользуется моушн-дизайнер.
Программы для обработки видео
1. Adobe After Effects. Программа для создания анимации, в том числе из изображений, созданных в Adobe Photoshop и Illustrator. Полезные функции этого инструмента: коррекция цвета, яркости, контрастности и других компонентов у отснятого материала; работа с аудио.
2. Adobe Premier Pro. Приложение, позволяющее делать монтаж видео, а также добавлять титры, комбинировать элементы графики, видео и фото.
3. Foundry Nuke. Инструмент для редактирования, рендеринга, финальной обработки и добавления спецэффектов в видеоролики.
Программы для работы с графикой
1. Adobe Photoshop. Знаменитая программа со множеством функций обработки изображений. Из возможностей - коррекция текстур, создание простой GIF-анимации.
2. Adobe Illustrator. Инструмент для создания и работы с векторными изображениями. В отличие от растровых, качество векторных картинок не ухудшается, если увеличить их масштаб. Также векторные картинки формируются не из пикселей, как растровые, а из элементов, которые можно добавлять, изменять или удалять отдельно друг от друга. Так что векторные изображения лучше подходят для создания анимациии.
3. CorelDRAW. Программа для работы с растровой и векторной графикой.
Новый способ создания деталей и предметов - аддитивные технологии. Мы рассказывали о них в нашей статье.
Программы для работы с 3D
1. Autodesk 3ds Max. Известная программа для работы с трехмерной графикой. Функции: создание 3D-пространства, добавление и редактирование объектов, работа с текстурами, создание анимированных сцен. Рабочая конструкция, созданная на редакторе, переводится в готовое статичное изображение с помощью функции рендеринга.
2. Cinema 4D. Инструмент, позволяющий создавать 3D-фигуры, в том числе методом скульптинга (высекания из куска виртуальной глины), моделировать надписи и другие объекты. С созданными объектами затем можно создавать анимацию. Cinema 4D поддерживает интеграцию с продуктами Adobe.
3. Blender. Программа с функциями создания 3D-моделей, редактирования текстур, риггинга, скелетной анимации.
Прочитайте нашу статью об инфографике - видах, инструментах и правилах ее создания.
Как работает моушн-дизайнер?
Создание мошун-ролика проходит несколько обязательных этапов, которые мы раскроем ниже.
1. Моушн-дизайнер получает техническое задание от руководителя или заказчика. В этом документе фиксируются цели и содержание будущего ролика.
2. Сценаристы составляют план, по которому должно развиваться действие в ролике. Обозначаются завязка, кульминация и финал, прорабатываются действия и диалоги персонажей.
3. Моушн-дизайнер делает раскадровку в виде эскизов, по которым должен быть снят ролик. Сценарий и раскадровка отправляются заказчику на утверждение.
4. Дизайнер собирает векторные изображения по каждому рисунку раскадровки. Затем он делает 3D-анимацию с их участием, добавляет эффекты, создавая тем самым нужный видеоролик.
5. Монтаж ролика в видеоредакторе, его демонстрация заказчику. Исходная версия остается в формате инструментов моушн-дизайна. Если заказчик пожелает доработки, моушн-дизайнер внесет ее в исходники.
Где учиться на моушн-дизайнера?
Хотя моушн-дизайнер - молодая профессия, онлайн-школы разработали курсы, которые позволят освоить все основные навыки. Приведем примеры учебных программ по профессии, реализуемых в июле 2024 года.
1. Курс “Профессия моушн-дизайнер” от Skillbox. Предусматривает освоение создания 3D-моделей, 2D- и 3D-анимации, монтажа роликов в Adobe Premiere. Другие навыки, которым учит курс - разработка концепций к проектам, настройка рендера и освещения. Продолжительность обучения - 6 месяцев.
2. Курс “Моушн-дизайнер в 2D и 3D” от платформы Нетология. 10-месячная учебная программа предусматривает освоение технической базы - обучение работе в программах Adobe Photoshop и Illustrator, созданию анимации в Adobe After Effects, 3D-моделированию и анимации объектов в Cinema 4D, интеграции этих программ. Специалисты платформы также обучат теоретическим основам - расскажут об истории моушн-дизайна и его стилях, основах и правилах создания анимации, обучат основам делового английского языка и проинструктируют, как правильно искать работу.
3. Курс “Моушн-дизайн: от простого к сложному” от Bang Bang Education. Срок его прохождения - всего 2,5 месяца, в его рамках проводится обучение работе в основном с программой Adobe After Effects, Adobe Illustrator, Photoshop и другими. План курса предусматривает и теоретическую базу - основы дизайна, анимации и композиции.
Знания, необходимые моушн-дизайнеру, можно получить и в обычных учебных заведениях - учреждениях среднего и высшего профессионального образования. В вузах реализуются бакалаврские программы, которые могут носить название “Графический дизайн”, “Компьютерная графика” и др.
В НИУ МЭИ и РГСУ реализуются программы бакалавриата 54.03.01 “Дизайн” сроком 5 лет. Но названия направлений, предполагающих получение знаний для моушн-дизайна, разные. В первом вузе оно звучит “Графический дизайн”, во втором - “Анимация”.
Каждый может стать моушн-дизайнером самостоятельно, без курсов и посещения профильных заведений. Для этого нужно самому ознакомиться с теоретическими основами литературой, освоить программы для работы с графикой.
Сколько зарабатывает моушн-дизайнер?
Мы изучили вакансии моушн-дизайнера и предложения работодателей по зарплате на сайте hh.ru. В Москве работодатели предлагают специалисту с опытом более 1 года зарплату от 45000 до 160000 рублей в месяц. Вакансии моушн-дизайнера в регионах обещают специалисту с тем же опытом зарплату от 35000 до 100000 рублей и более (с учетом Санкт-Петербурга).
Одна из удаленых вакансий предлагает доход более 1500 долларов в месяц, вне зависимости от того, где территориально находится работник.
Заключение
Моушн-дизайном называют направление дизайна, использующее движущиеся анимированные образы. Это направление появилось в XX веке. В то время были созданы экспериментальные анимационные работы, позднее - анимированные заставки к кинофильмам. Сегодня моушн-дизайн используют в самих сценах фильмов, на телевидении, при создании рекламных и образовательных роликов и брендов, при проведении лазерных шоу. Анимированный дизайн также применяется при проектировании видеоигр и интерфейсов, создании рекламных роликов и презентаций, учебных и образовательных материалов.
Навыки, необходимые для моушн-дизайнера - знание основ анимации и композиции, теории цвета. Специалист должен обладать коммуникативными навыками, знать дизайнерские тренды и уметь составлять сценарии к роликам. В работе моушн-дизайнер пользуется инструментами для обработки видео, создания 3D-графики и графических изображений.
Профессии моушн-дизайнера учат платные курсы в онлайн-школах и образовательные программы в колледжах и университетах. В среднем специалист по анимированному дизайну зарабатывает 80000 - 100000 рублей.
Поскольку использование анимированного дизайна в медиа возрастает день ото дня, эта профессия будет становиться все более актуальной и востребованной. И навыки моушн-дизайнера были и будут источником хорошего заработка, карьерного и профессионального роста.
Тем не менее, моушн-дизайнер - профессия узкоспециализированная, поскольку занимается конкретным типом визуализации. Это отличает ее, к примеру, от профессии фуллстек-разработчика - специалиста по созданию приложений и сайтов, который занимается в этой сфере практически всем.
Ранее мы рассказывали о работе в сфере Digital.
Фото на превью и фоне: нейросеть Kandinsky. Фото внутри статьи: geyarchive.net, unsplash.co., авторы Austin DIstel, Jason Goodman
Свежие комментарии