Моушн дизайнер

Расскажи о своем любимом задании.

Это была реклама кроссовок — я сделала моушн-картинку для Comme des Garçons. Использовала суперминималистичную анимацию (прямо с теми знаниями, с которыми шла на курс), но супермультяшно. 

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

Придумывая идею, отталкивалась от логотипа Comme des Garçons и того, что делает бренд. А он много разных штук творит. 

Сначала хотелось сделать коллаж из скринов с рекламой Comme des Garçons из старых журналов. Но когда засела за реализацию, поняла, что ничего не получается. У меня были скрины меньшего размера, чем нужно, и все это плохо смотрелось. Тут у меня случился маленький ментал брейкдаун — но я собралась и продолжила. 

В итоге просто собрала несколько брендовых и небрендовых картинок, которые у меня были, — и смешала все их в одну историю про кеды и Годзиллу. 

Важно: думаю, у меня получилось, потому что я сделала раскадровку — а о том, что ее нужно делать, я узнала на курсе. 

Зернистая текстура

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

Использование зернистой текстуры на следующем видео от Allen
Laseter добавляет ощущение грубости, которая дополняет звуковую часть ролика.

Mumblephone от Allen Laseter

На следующем примере от Space Valley зерно используется для преобразования простых 2D-фигур в формы с текстурой и чувством глубины. Это создает ретро атмосферу, которая дополняет ностальгический стиль анимации.

Spave Valley Opening от Osc Lorenzo Florissi

20.

А в каких сферах используется моушн?

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

Есть несколько сфер, где может работать моушн-дизайнер:

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

— можно создавать анимированные UI/UX-элементы и заставки внутри игры, а еще презентационные ролики.

(рекламные агентства и продакшены) — тут часто нужно делать проморолики, продуктовые презентации и анимированные постеры.

Телевидение — там вообще сплошной моушн-дизайн. Когда запускается новая передача, ее нужно оформить: просмотреть отснятый материал, придумать стилистическую концепцию, «одеть» в моушн-графику (сделать и финальные титры, собрать кинетические надписи), сделать проморолик.

Как стать моушн дизайнером с нуля?

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

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

Название курса / где учиться	Описание
	Курс в Нетологии. Включает программу помощи с трудоустройством. Проходит в формате онлайн-лекций (вебинаров) с домашними заданиями и защитой диплома. Программа включает изучение векторной графики, анимации, обучение 3D-моделированию, композитингу и работе с хромакеем, монтажу видео и обработке звука (саунд-дизайн). Осваиваются программы Illustrator, After Effects и Cinema 4D.
	Курс в университете Skillbox. Обучение на моушен дизайнера идет также онлайн. Здесь учат создавать рекламные ролики, анимировать объекты, делать 3D-модели, создавать спецэффекты. Изучают программы: Photoshop, Adobe Illustrator, Adobe After Effects, Cinema 4D и ZBrush. В процессе обучения вы сможете сделать шоурил (портфолио), которое пригодится для поиска работы. Подходит новичкам в дизайне.

Из какой профессии можно прийти в моушн — и какие навыки важно освоить новичку?

Иметь бэкграунд в графическом дизайне не обязательно, я тому живой пример. Когда я только начинал, не умел работать ни в Illustrator, ни в Photoshop. Я все делал сразу в After Effects: все сплайны (двумерные геометрические объекты — прим. ред.), шейпы (фигуры), цветокоррекцию.

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

Из софт-скилов на старте самое главное — усидчивость, терпение и умение гуглить 🙂

Как выглядит процесс создания ролика?

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

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

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

Ретро-графика

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

Drink & Sport от Jambo

MyDFS platform от Lemon Digital

Особо смелые дизайнеры могут объединять ретро-графику с VFX,
чтобы добиться максимально привлекательной картинки, как на примере ниже.

SweeTARTS Endless Variety Gummies от VelveSpectrum

13.

Плюсы и минусы профессии

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

Моушн в Web & Apps

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

Анимация в UI

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

Анимация в UI 2Анимация в UI 3

15.

Цифровой сюрреализм

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

Промо-ролик с моушн графикой, представленный ниже, созданный для презентации новой камеры Samsung цифровым художником Daniel Aristizábal. Он расширяет границы материалов, создавая захватывающие образы знакомых объектов, которые ведут себя чуждым образом.

Countdown to what?

То же показывает видео Moth Studio для телеканала E4. Они объединяют 3D-персонажей с цифровым изображением природы.

Window Words E4 Ident

23.

Изометрическая графика

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

Разные функции приложения Pikotea визуализируются в
изометрическом мире на следующем видео. Так создается цифровая и игривая
атмосфера, соответствующая функционалу приложения.

Pikotea от Nacho Velasco

Детализированный виртуальный мир представлен в Guerlain:
Météorites от JVG с его изометрическим стилем высокого разрешения. Рисунки
арт-директора и пользователя Wix Питера Тарка были включены во вращающуюся
трехмерную воронку для Guerlain Paris.

Guerlain от JVG

22.

Бывали моменты отчаяния?

Да, прямо на первом задании по 3D, которого я так ждала. 

Анимацию в After Effects я знала — поэтому в первой части курса, где мы разбирали этот инструмент, у меня выходило все легко. Я была отличницей, никогда не продлевала дедлайн. А вот на задании по анимации в 3D я просто впала в ступор — ничего не получалось. Смотрю дополнительно туториал и пытаюсь сделать по нему — не выходит. Пытаюсь рендерить — оказывается, сделала не то. 

Я прямо рыдала. И тогда друзья сказали: «Ну ты же понимаешь, что это просто задание? Ничего не случится, если сдашь чуть позже». Тогда я посмотрела в глаза своему самому страшному страху, продлению дедлайна — и попросила передвинуть срок сдачи. И настолько успокоилась, что остальные задания получались уже довольно легко. 

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

Давайте начнем с основного вопроса, по названию статьи: что такое моушн дизайн? Если в двух словах, то это графический дизайн, приведённый в движение. Графический дизайн использует визуальные образы для передачи сообщения, а умело встроенные движения могут подчеркнуть это сообщение, добавив энергии и визуального интереса. Кроме того, моушн дизайн не только помогает передать сообщение, но и сам может быть этим сообщением.

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

Приёмы моушен графики:

1. Тайминг: графические элементы должны двигаться, встряхивать, покачиваться и скользить в нужные моменты. Зрители замечают, когда действие происходит поздно или рано, поэтому старайтесь сделать это правильно.
2. Продолжительность. Как и в видеопроизводстве, слишком быстрое мигание изображения на экране может вызвать раздражение и не передать сообщение. И наоборот, если оставить изображение на экране слишком долго, аудитория может потерять интерес.
3. Темп: скорость повторяющихся движений и музыки. Любой ритм создает эмоциональный эффект, и должен вписываться в сценарий видеоролика и постановку.
4. Переходы: то, как автор переходит от одной сцены или изображения к другому, влияет на то, как зрители интерпретируют сообщение. Переходы должны соответствовать тематике, чтобы аудитория оставалась погруженной в историю. Для плавных переходов вручную или в программах — редакторах.
5. Естественное движение: старайтесь, чтобы движения были органичными и естественными. Пример моушн дизайна — движение автомобиля. Он не сразу переходит от остановки к полной скорости — между ними есть много шагов. То же самое относится и к приёмам motion graphics. Чем естественней движения, тем убедительней они будут для зрителей.

Анимационный дизайн

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

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

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

Почему моушн дизайн работает

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

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

Вот каналы, где моушен дизайнеры применяют анимационный дизайн:

По исследованию Tubular Insights, 64% зрителей мотивируют к покупке просмотры видео в соцсетях.

Как моушн дизайн влияет на взаимодействие со зрителями

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

По опросу WyzOwl, 81% бизнесменов добавляют видео на сайт в качестве маркетингового инструмента, потому что это стимулирует вовлеченность.

Как мы писали в блоге.

Вот 4 атрибута моушен дизайна для продвижения продуктов:

Motion дизайн создаёт эмоциональный материал

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

Благодаря феномену эмоционального заражения зрители сопереживают тем чувствам, которые изображены на экране.
Помогает понять сложные процедуры. Моушн графика подаёт информацию так, что её легко понять обычному зрителю. Данные легче усваиваются и запоминаются, когда они отображаются визуальным способом. Вот почему моушен графику добавляют в видео о сложных процессах, визуализации абстрактных идей.
Отражает индивидуальность бренда. Motion design показывает индивидуальность бренда. Если бренд игрив или серьезен, анимация должна показывать то же самое. Хотя рисованные персонажи в брендинге не новая деталь, сегодня моушн анимация и становится обычным явлением.
Анимация лаконична. Длина моушн видео в диапазоне от 30 секунд до 3 минут, что очень полезно, когда моушн дизайнеру нужно быстро произвести впечатление на зрителя.

Графика использует способности среднего человека к обработке информации и воздействует на зрителей меньшим количеством информации.

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

Дайте несколько советов, которые помогут в работе

1. Всегда держите под рукой материалы: референсы, текстуры, кисти, плагины, цветовые палетки. Чем больше у вас этого добра, тем легче работать.
2. Сотрудничайте с другими дизайнерами. Если работаешь в одиночку, запросто можно погрязнуть в рутине. Самые классные работы получаются, когда делаешь их с коллегами.
3. Цените своё время. Многие дизайнеры, особенно в начале карьеры, хватаются за кучу разных проектов, соглашаются на сомнительную оплату. Иногда это нужно, чтобы набить руку и завести важные связи. Но здесь нужно уметь удержать баланс, иначе можно утонуть в странных проектах, которые не приносят денег.

1. Следите за трендами.
2. Изучайте новые инструменты, программы, технологии.
3. Развивайтесь как личность — читайте больше книг, учите языки, занимайтесь спортом.

Кинетическая типографика

Веб-дизайнеров учат не растягивать и не искажать буквы

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

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

Смотрите нашу подборку кинетической типографики.

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

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

Basketball Forever Rebrand от Not Real

16.

Особенности профессии

Для создания эффективной анимации кроме таланта и вдохновения необходимо выполнение следующих действий:

• определить целевую аудиторию, для которой создаётся моушн-графика — анимационные изображения будут абсолютно разными для учебного центра, например, и для крупного производственного холдинга;
• четко определить цели и стиль проекта, представить конечный результат анимации и в соответствии с этим выбрать технологии, средства и инструменты для создания моушн-графики;
• разработать техническое задание, где четко прописаны требования к проекту: главная идея, сведения о продукте, продолжительность ролика и заставки, сроки исполнения, способы оплаты и т. п.;
• для продуктивной работы перед началом анимации в Adobe After Effects необходимо заранее создать набросок, так называемый сториборд каждой сцены;
• в процессе создания анимации необходимо соблюдать правильную организационную структуру для слоёв, фотографий и прочих элементов;
• не увлекаться визуальными возможностями After Effects, засоряя анимацию избыточными эффектами, которые мешают восприятию основной идеи ролика. Моушн-графика предназначена для передачи ключевой идеи и главной концепции, и это должно быть сделано максимально ясно, просто и понятно.

Ликвид

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

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

Motion Graphics Trend: Liquid Motion

Вам так же могут быть интересны статьи:

Профессия графический дизайнер

Как выйти на новый уровень?

― Проходите курсы, изучайте новые инструменты, читайте книги, следите за классными дизайнерами, вдохновляйтесь и, самое главное, кайфуйте от своей работы.

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

Думаю, мне помогло выйти на новый уровень общение с другими дизайнерами. Они показали, как работать круче, качественнее, быстрее. Это самый важный этап в моей карьере. Во время работы на телеканале я продолжал изучать Cinema 4D — делал трёхмерные ролики, экспериментировал. Что-то получалось удачно, что-то не очень, но потом эти наработки помогли мне устроиться в студию, где CG-направление было основным. Там был совершенно другой, не менее интересный опыт.

― Чтобы расти и карьерно, и финансово, главное — не стоять на месте. Самое страшное, что может произойти с дизайнером, — застой. Такой специалист не сможет долго держаться на рынке. Его вытеснят более молодые и амбициозные.

― Не прикипайте к стулу ― ищите свой стиль, экспериментируйте, узнавайте и пробуйте новое.

Я в какой-то момент понял, что хочу изучить академический рисунок, чтобы рисовать объём и свет своими руками. Нашёл курсы и начал учиться, хотя ещё в школе на уроках ИЗО мне отбили всё желание рисовать и я думал, что это точно не моё.

Плавные переходы

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

На видео ниже Le Cube’s The Confidante переходы становятся центральным мотивом, поскольку сцены
плавно переходят в новые

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

The Confidante от Not To Scale

Тот же эффект применен в музыкальном клипе Tamara Qaddoumi от
автора ролика Pablo Lozano. Эмоциональное видео отправляет нас в путешествие с
абстрактными формами и сюрреализмом.

Tamara Qaddoumi — Flowers Will Rot от Pablo Lozano

18.

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

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

Adobe Photoshop

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

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

• создание Matte Painting,
• редактирование текстур,
• объединение изображений,
• создание GIF,
• наложение покадровой анимации,
• ротоскопинг (обрисовка кадр за кадром).

Adobe Illustrator

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

After Effects

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

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

• анимация логотипов,
• персонажная анимация,
• 3D-композитинг,
• моушн-трекинг (отслеживание движения),
• удаление объектов,
• UX/UI-дизайн,
• создание обучающих роликов и презентаций,
• эффекты симуляции,
• анимационные слайд-шоу,
• кинетическая типографика,
• визуальные эффекты.

Premiere Pro

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

Cinema 4D

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

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

Большая и смелая типографика

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

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

Gdragon от Le.ho.an

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

21.