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

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

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

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

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

Любите моушн дизайн вместе с нами!

Представьте, у вас есть классная идея: в ролике 8 осьминогов танцуют вальс. Кажется, что ничего сложного, но тут приходит моушн-дизайнер и говорит: «У осьминога 8 ног. У 8 осьминогов — 64. Столько ног анимировать будет сложно и долго».

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

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

В какой технике будет сделан ролик

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

Для 2D-роликов мы используем две основные техники: перекладка и покадровая техника.

Перекладка — это когда части персонажа/предмета в каждом новом кадре «перекладываются», меняют положение. Так получается движение. Например, нам надо показать, как качается неваляшка. В каждом новом кадре мы наклоняем ее влево или вправо и таким образом она качается туда-сюда.

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

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

Какие термины используют аниматоры и иллюстраторы

У аниматоров есть свои термины и правила — их надо знать, чтобы прописывать технически верное описание действия и аниматор точно понимал, что имеется в виду. Например, если в сценарии автор напишет: «Машина уезжает вдаль», аниматору будет непонятно, как это показать: машина удаляется, а сцена на месте? Или машина едет, в окнах проносятся деревья, а основной персонаж стал уменьшаться? Поэтому нужно обязательно пояснять “на аниматорском”, как сцена должна выглядеть.

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

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

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

Эпизод

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

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

Кр. план/ Общ. план

Указание, как показать объект в кадре: крупно отдельные части или полностью.

ГЗК/ЗК

Голос за кадром. Если сценарист предусматривает голосовое пояснение действия на экране.

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

Клише — это посредственность

Задача ролика — зацепить внимание зрителя и удивить его чем-то новым. А клише — это шаблонные образы, которые используют примерно все и примерно везде. Выглядит устарело и низкокачественно. Например, «идея → лампочка», «время → часы», «кубок → символ победы». Если в ролике есть клише — эффект удивления теряется и человеку будет неинтересно.

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

Сцены должны плавно переходить одна в другую

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

Вот такие переходы мы используем в нашей работе — их можно использовать в «чистом» виде или комбинировать между собой как угодно.

Склейка. Это резкий переход от кадра к кадру — как в кино. Например, в кадре только что была мышь, а теперь — воздушный шар.

Движение камеры в плоскости — камера или персонаж двигаются вверх/вниз/вправо/влево, а само пространство остается плоским. Часто мы делаем переход именно через персонажа или объект.

Движение камеры в пространстве. Камера отъезжает или двигается вперед — зритель видит картинку как бы «глазами» камеры. Это создает иллюзию объемного пространства.

Зум — приближение или отдаление. Сцена меняется за счёт увеличения или уменьшения объекта или его деталей.

Шторка — когда предмет перекрывает одну сцену и появляется другая. Предмет должен быть не абстрактным, а каким-либо объектом. Например, деревом, занавесом или окном.

Jump Cut — прыжок. Это тоже склейка, но при этом два различных кадра связаны единым непрерывным движением, которое добавляет плавности.

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

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

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

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

Вещи, которые долго и сложно анимировать

Некоторые вещи в анимации показать сложно и для их реализации может потребоваться много времени. То есть, если ролик нужен «вчера», то их не стоит использовать — не успеем.

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

Поворот персонажа. Обычно его делают в покадровой технике — отрисовывают много-много кадров с разным положением в пространстве. Это занимает много времени.

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

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

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

Все демонстрационные кадры взяты из работ Multiways.

Если в 2018 году люди тратили на просмотр видео 1,5 часа в день, то в 2022 году вовлечённость выросла до 2,5 часов. Пользователи делятся видео в два раза чаще, чем любым другим контентом, а motion-графика почти так же популярна, как простые записи. Сделали для вас подборку обучающих ресурсов, программ и инструментов для самостоятельного обучения.

В декабре 2021 года английская анимационная студия Wyzowl провела исследование, согласно которому motion-графика занимает второе место по популярности среди всех разновидностей видеоконтента (33%), уступая лишь 9% формату обычной видеозаписи (42%). Видео помогает компаниям привлекать новых клиентов, увеличивать объёмы продаж, повышать узнаваемость бренда, сокращать количество обращений в службу поддержки. Это подтверждают и сами потребители: 88% говорят, что именно просмотр видео убедил их совершить покупку, 72% предпочитают узнавать о новых продуктах и услугах из видеороликов. Рассказываем, как сделать motion-дизайн профессией.

Чему нужно научиться: мнения работодателей

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

В конце марта Apple опубликовала вакансию: от кандидата ждут, что он сможет создавать анимацию, заниматься графическим дизайном и делать видеоролики для рекламных и образовательных проектов компании. Разработка креативной концепции также ложится на специалиста. Кандидат должен работать в After Effects, Illustrator, Photoshop, Premiere Pro, Cinema 4D, Maya и Final Cut Pro. Рассматривают бакалавров в области графического дизайна, медиаискусства или другой смежной специальности. Требования к опыту: 4–10 лет работы по специальности.

Про доход ничего не пишут, но на сторонних ресурсах говорят, что средняя зарплата motion-дизайнера в Apple составляет около 80 тысяч долларов в год.

Социальная сеть VK опубликовала вакансию motion-дизайнера в команду игрового бренда MY.GAMES. Как и Apple, VK ищет универсального специалиста, который будет не только рисовать и монтировать, но и создавать концепцию роликов и сценарии. Кандидат также должен самостоятельно выставлять свет, строить кадр, записывать качественный звук и подбирать аудиоконтент. Поскольку вакансия в геймдеве, нужно немного работать на базе движка Unity. Требуется портфолио, а про образование не сказано ничего. Набор программ, в которых надо уметь работать, классический: Adobe Premiere, Adobe Photoshop, Adobe After Effects, Photoshop. Про деньги скажут на собеседовании.

На hh.ru в вакансиях со схожими функциями указывают зарплаты от 150 до 200 тысяч рублей в месяц. 

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

Программы для motion-дизайна: какой софт покупать

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

Adobe After Effects. Позволяет создавать анимированную графику и визуальные эффекты, а также редактировать видеоряд, в том числе видео 4K и 360/VR. Хорошо работает с другими системами нелинейного монтажа, такими как Avid Media Composer и Final Cut Pro X. Гибко интегрируется с 3D-приложениями: 3ds Max, Maya и Cinema 4D. Доступен в экосистеме Creative Cloud. На сайте Adobe выложены обучающие видео. У Нетологии есть бесплатный курс для освоения базы, начать обучение мжно в любое время.

Cinema 4D. Программное решение для 3D-моделирования, анимации, симуляции и рендеринга. Художники-аниматоры любят Cinema 4D за удобство, простоту использования и гибкость при интеграции с After Effects. У Cinema 4D сильное сообщество пользователей, поэтому легко найти обучающие ресурсы. Начать можно с видео на популярном канале Greyscalegorilla.

Adobe Premiere Pro. Приложение для редактирования видео, создаёт динамические связи с After Effects: пользователи могут вносить финальные правки в ролик без предварительного рендеринга. На официальном сайте программы есть коллекция видеоуроков.

Adobe Photoshop. Многофункциональный графический редактор. Уроки доступны на любых ресурсах. Основы можно выучить в Нетологии.

Adobe Illustrator. Одна из ведущих программ обработки векторной графики и один из главных инструментов любого дизайнера. Начинайте с бесплатного курса Нетологии или официальных материалов.

Blender. Бесплатное ПО для 2D и 3D-графики с открытым исходным кодом и каналом на YouTube с руководствами. Популярен в геймдеве.

Maya. Конкурент Cinema 4D с более сложным интерфейсом. Его используют многие голливудские студии для 3D-моделирования и анимации. Открыта для сторонних разработчиков. Есть сайт с уроками.

Для комфортной работы в этих программах на начало 2022 года нужен компьютер с 32 ГБ оперативки и 4 ГБ GPU.

Обучающие YouTube-каналы для motion-дизайнеров

Для большего погружения в профессию приведём ещё несколько ссылок на YouTube-каналы про motion-дизайн:

• VideoSmile

• Andrey Sokolov

• SurfacedStudio

• School of Motion

• Arrimus 3D

• SonduckFilm

• Blender Guru

• Eyedesyn 

• Flat Pack FX

Тематические сообщества и чаты для motion-дизайнеров 

Чаты:

• Motion Talk

• Motion Chat

Каналы и сообщества для поиска работы:

• Motion designer hunter 

• CG Freelance 

• Motion Graphics Jobs

Каналы и сообщества для вдохновения и обучения:

• Motion Graphics & Video Design 

• MOTION GRAPHICS 

• Animation & Visual effects 

• Motion.RAR

• BDSR DESIGN REFERENCES 

• VimeoInspiration | Motion design | 

• Вольница 

Официальные ресурсы ПО:

• Adobe Premiere Pro for beginners 

• Adobe Premiere Pro Intermediate Users Group 

• Adobe After Effects Tutorials 

• After Effects / Motion Design 

• Adobe Illustrator tutorials

• Blender 3D Artists

• Blender Artists Community 

• Cinema 4D — Maxon 

• Cinema 4D — канал

• Cinema 4D — чат

• Photoshop & Illustrator 

• Photoshop Tutorials 

Книги о motion-дизайне

Design for Motion: Fundamentals and Techniques of Motion Design, Остин Шоу.

Остин Шоу — motion-дизайнер, который более 15 лет делал графику для Ferrari, Fedex, Ralph Lauren, Target. Сейчас — профессор motion-дизайна в Колледже искусств и дизайна Саванны. Преподавал в Школе визуального искусства в Нью-Йорке. В книге — техника иллюстрации, визуальный сторителлинг, работа с 3D-объектами, практические упражнения.

Аниматор: набор для выживания. Секреты и методы создания анимации, 3D-графики и компьютерных игр, Уильямс Ричард.

Мультипликатор и обладатель премии Оскар за фильм «Кто подставил кролика Роджера» рассказывает о принципах анимации, 3D-графики и компьютерных игр.

The Theory and Practice of Motion Design, Брайан Стоун и Лия Уолин.

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

Советы от экспертов: с чего начинать и к чему стремиться

На мой взгляд, motion-дизайн сто́ит начать с изучения 12 принципов Disney. Они помогут понять, как оживить статическое изображение, выделить интересные для вас направления, в которых хотелось бы развиваться. После выбора специализации стоит подумать, где можно научиться соответствующим приёмам. Ресурсы, с которыми точно необходимо ознакомиться:

• Максимально полная документация по After Effects, одной из флагманских программ для motion-дизайнера;

• Гениальные плагины и уроки по After Effects;

• Крупнейший ресурс с обучающими курсами, в том числе и Motion Graphics;

• Ещё уроки и плагины для After Effects.

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

Большинство сегодняшних топов индустрии — самоучки. Когда они начинали, контента и готовых курсов просто не было, был плохой интернет и желание научиться. Сегодня выбор куда больше: есть и курсы, и отдельные каналы, и классическое обучение. Важно понимать плюсы и минусы каждого. Например, самостоятельное образование экономит вам деньги, но вы тратите намного больше времени. С готовыми курсами вы экономите время, но расстаётесь с приличной суммой. На мой взгляд, успех в балансе. Идеальный вариант — это курсы для быстрого старта и понимания основ, дополненные максимально возможным количеством туториалов, вебинаров, статей и любого контента, до которого получится добраться. Ещё один важный момент — это сообщество. Оно поможет увидеть, что вы делаете не так, получить обратную связь, найти первые заказы и многое другое. Комьюнити в Computer Generated Imagery — это очень тёплая тусовка, где с пониманием относятся к новичкам.

C хорошей самодисциплиной и больши́м желанием можно самостоятельно изучить motion-дизайн. В интернете много бесплатных материалов и уроков. Я рекомендую начинать с пакета Adobe, Cinema 4D, Blender, разобраться в их инструментах. Пробовать анимировать абстрактные композиции, анализировать готовые проекты, смотреть, какими средствами достигается тот или иной эффект в роликах, что в них хорошо, а что плохо и как можно сделать лучше. 

Ещё советую смотреть туториалы. Мне очень помогали проекты VideoSmile, «Вольница», Greyscalegorilla (у них есть разделы по 3D) и блог AEPlug на Youtube. На Youtube очень много уроков, всегда найдётся англоговорящий индус, который показывает, как сделать что-то невообразимое.  

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

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

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

• владеть основными программами;

• быть насмотренным и хорошо визуализировать;

• уметь делать раскадровки и объяснять их;

• чувствовать динамику и ритм ролика;

• понимать, как удерживать внимание зрителя, как показать большой объём информации так, чтобы она воспринималась легко; 

• иметь развитые гибкие навыки, чтобы общаться с заказчиками;

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

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

Моушн-дизайн – что это

Motion design – создание разнообразных объектов графического формата. Такие объекты могут видоизменяться и перемещаться. Слово motion, в переводе с английского языка, означает движение, т.е. продуктом деятельности данного вида дизайна является анимация, в которую входят компьютерная графика и мультипликация.

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

Точную дату возникновения анимационной графики не знает никто.

• В начале 1920 годов появилось экспериментальное кино, оказавшее большое влияние на работу многих поколений аниматоров и графических дизайнеров.
• В 1940-х годах начались первые эксперименты по анимации, ориентированные на научные исследования.
• В1950-е годы фундаментом для развития новой формы графического дизайна — моушн-графики – стало возникновение названий фильмов, с использованием анимации.
• В середине 1960-х годов моушн-графика была популяризирована в кино. Это была заслуга графического дизайнера Сола Басса, которого считают первым мастером анимационной графики.
• В 80-х годах в фильмах начали появляться первые анимационные изображения.
• В 90-х уже можно было создать полный фильм на 3D-мультипликациях.

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

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

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

Кино

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

Телевиденье

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

Реклама

Реклама в интернете, промоматериалы, реклама на телевидении, нативная реклама в виде анимационной инфографики. Благодаря различным анимационным дизайнам, производители могут выгоднее продавать свои товары.

Видеоклипы

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

Медиа

Различные обучающие, новостные, развлекательные порталы часто используют данный вид дизайна для создания небольших и привлекательных видеороликов.

Презентации

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

Софт для моушн-дизайнера

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

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

Бесплатный

Есть неплохие бесплатные аналоги профессиональных приложений для создания моушен дизайна. К ним можно отнести:

• Natron – софт для создания визуальных эффектов и анимационного дизайна. Работает на платформах Windows, macOS, Linux. В программе есть профессиональные инструменты, которые предназначены для создания проектов киноиндустрии.
• Pencil2D – работает для 2D-анимации, на базе карандашных рисунков от руки, позволяет создавать изображения в растре и векторе. Работает на Windows, MacOS и Linux. Поддерживается экспорт и импорт гифок.
• Marvel – программа, на которой создают макеты сайтов. Это платформа с мощными инструментами. С их помощью вы сможете переделывать эскизы в прототип, добавлять различную анимацию и снимать видео о способах использования интерфейса. ПО может работать как самостоятельный сервис, и как профессиональное дополнение к графическим редакторам. Подводит пользователя к графическому дизайну.
• Blender – 3D-редактор с возможностью работы на русском языке, который позволяет совершать большое количество задач в 3D, без необходимости привлечения дополнительного софта. В программе можно создавать анимации, 3D-модели и объемные сцены, делать различные симуляции. Есть много плагинов, которые упрощают работу и улучшают пользовательский опыт.

Последние тенденции motion-дизайна

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

• Креативное интро – вступительная заставка. Используется, чтобы новыми и привлекательными способами оживлять ролики и фильмы.
• Моушн-коллаж. Применяются разные приемы: обычные снимки сочетаются с иллюстрациями или с 3D, часть реалистичной фотографии может быть заменена на рисунок, переход одного изображения в другое и т. д.
• Анимация текстов и интерфейсов. Привлекает внимание и используется повсеместно, от сайтов и социальных сетей до брендинга. В тексте это может быть вертикальное или горизонтальное растягивание текста, скручивание или перевертывание букв и т. д. В интерфейсах применяют красивые моушн-элементы, которые позволяют дольше удержать пользователя и привлечь его внимание.
• Высокая популярность 3D-элементов. Без них не обходится практически ни один продукт моушн-дизайна, будь то презентация нового товара или визуальное наполнение игр.
• Анимированные логотипы. Их применение способствует лучшей запоминаемости логотипа, привлекает внимание к сайту или монитору, транслирующему рекламу. Главные эффекты в этом тренде – эффект перетекания, объемность, смешивание разных стилей.
• Стоп-моушн – движущиеся картинки. Простой ролик в стиле стоп-моушн отлично справится с задачей продвижения товара или услуги.
• Применение сложных визуальных эффектов, которых невозможно достигнуть в реальности. Динозавры, трансформеры, взрывы – благодаря визуальным эффектам можно увидеть в фильмах и рекламных роликах.
• Движущаяся 3D графика. Комбинация из 3D, анимации, звука и видео открывает большие возможности для демонстрации невероятных сцен, которые ранее были дизайнерам недоступны.
• Эстетика ошибок – специальное искажение, визуальный шум, сбой привычных настроек. Такие объекты хочется рассматривать, погружаться в них, ощущать себя частью иной реальности.
• Морфинг – прием, позволяющий дизайнеру добиться эффекта преобразования одного объекта в другой.

Как стать motion-дизайнером: обзор рынка, зарплат, востребованности и перспектив

Для того, чтобы стать motion designer необходимо получить высшее, среднее специальное или курсовое образование.

По данным сайта https://hh.ru/ на должность моушн дизайнер открыто около 200 вакансий. Помимо этого, дизайнер может связываться напрямую с владельцами компаний или рекламных агентств, для совместной работы.

Зарплата зависит от стажа и профессионализма дизайнера, а так же от сложности выполняемой работы:

Где учиться моушн-дизайну

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

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

Посмотрим список самых популярных и хороших курсов.

Платные курсы

Бесплатные курсы

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

Изучить основы дизайна можно следующих курсах:

• Курс по моушн-дизайну от «Мастерской Исаева». Этот курс был создан в 2017 году и сейчас является важным для всех, кто хочет заниматься моушн-дизайном и начинает свое знакомство с After Effects. Не пройти его — значит сильно отставать от индустрии моушн-дизайна, а пройти — значит сэкономить себе несколько лет поисков информации из разных источников.
• Motion Graphics Tutorials от Dope Motions. Крупнейший курс, раскрывающий все темы, связанные с Adobe After Effects. Всего на курсе 209 уроков, в течение которых вы будете осваивать отдельные навыки создания графических элементов, после чего сможете применять их в своих видео. Курс регулярно пополняется новыми материалами, так что вы можете рассчитывать на качественные уроки в случае обновления ПО от Adobe.
• Курс по After Effects от «Вольницы». Курс состоит из 6 крупных уроков, знакомящих новичков с основными операциями, которые можно выполнить при помощи After Effects. После просмотра материала вы сможете добавлять в свои видео наиболее распространенные графические элементы.
• Полный базовый курс After Effects от Давида Томпаркерса. Курс, созданный на основе материала от Луайя Замбаракджи. Все уроки были переработаны под русскоязычную аудиторию и дополнены автором YouTube-канала Давидом.

Что еще почитать и посмотреть по теме

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

Следовательно, нужно изучать литературу и статьи, которые относятся к освоению всех необходимых навыков.

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

FAQ

Можно ли работать параллельно с моушн дизайном и дизайном интерьеров?

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

Как понять, нравится ли мне выбранная специальность?

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

Подведем итоги

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

Первое, что нужно сказать на тему моушен дизайна

У каждого, нет не так — У КАЖДОГО в жизни был момент, когда анимация была «самой крутой вещью на свете!». И тут может быть всё, что угодно: мультфильм в детстве, и, собственно, не только в детстве (что за предрассудки в конце концов). Или может быть, финальная кат-сцена видео игры, да вся игра в конце концов! Та игра, которая заставила отдать под сотню часов жизни нажиманию кнопок под комментарии и подсказки семьи из-за плеча. Или даже сайтприложение, от которого невозможно отлипнуть, потому что «ну, все в нем настолько удобно и на своем месте куда не ткнешь». Везде, где есть цифровые, да даже и аналоговые экраны нас ждет анимация. На самом деле, сегодня, если при клике на очередную кнопку не прошла анимация нажатия — мы уже сразу паникуем «что, все зависло к черту» (особенно, если то была кнопка оплаты). Вот НАСТОЛЬКО сильно мы привыкли. И это только со стороны пользователяпотребителя.

(рекламный ролик «4 палки» производство студии Инфомульт ссылка на моушен дизайн )

Для чего мы написали весь этот текст

Сегодня, буквально каждый, ищет для себя возможности по классной, «удаленной» и по возможности, хорошо оплачиваемой работе. И да, вслед за IT и Big Data идет тот самый пресловутый Motion Design.

Таргетинг в сети работает на загнанной мощности постоянно рекомендуя каждому от пяти до пятидесяти лет всевозможные курсы, которые обещают за 10 дней обучить ВСЕМУ. И главное, конечно же, сразу найти работу за космические суммы зарплат — «ТЫ только главное оплати наш вебинар!». В реальности все обстоит несколько (мягко говоря) по-другому. Мы студия анимация Инфомульт и motion design это наша основная работа. Мы и есть те самые люди, которые реально работают и зарабатывают в этой сфере. И нам, действительно есть, что сказать на эту тему. И НЕТ. Этой статьей мы НЕ ПЫТАЕМСЯ всучить вам наши обучающие курсы)). У нас их нет. В формуле: кто умеет делает – кто не умеет учит, мы предпочитаем делать. Так что – смотрите наше портфолио и заказывайте у нас создание анимационных роликов! А мы пока расскажем вам немного про моушен дизайн, проговорим несколько важных вещей, которые мы поняли за годы работы. И да, пару важных слов об обучении для тех, кто уже в теме и тех, кто только смотрит в сторону профессии моушн дизайнер.

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

(Эксплейнер «MakeTime» производство студии Инфомульт ссылка на весь проект моушен-дизайн)

Термин Motion Design

Так. Едва ли к нам сюда забрели люди, которые совершенно не понимаю, что такое моушн дизайн, ну, а вдруг студенты, в поисках текста для реферата или обеспокоенные родители, которые хотят понять, что имело ввиду их 30летнее «чадо», когда сказало, что будет «сидеть за компом и анимировать». В общем, на всякий случай определимся в терминах:

Моушн дизайн — это термин, используемый для описания как 2D так и 3D графики в движении. Он включает в себя придание новой жизни статическим изображениям путем включения аспекта времени и пространства в уравнение. Короче говоря – ваша картинка без движения — это дизайн или графика. Если она движется, то это соответственно моушн-графика. Так активно используется англицизм «motion» отчасти исторически – на этом языке говорит все сообщество специалистов поскольку приложения и программное ПО обычно без русификации. Так и потому что в данной устоявшейся паре меньше расхождений понятий. Более привычное, но тоже заимствованное слово анимация и профессия аниматора, могут случайно исказиться в сознании с тем, кто носит костюм ростовой куклы на детском празднике. А это профессионалам достаточно неприятно. Как и еще более привычное слово мультипликатор или создатель мультфильмов. Хотя на самом деле, лично мы то, как раз это слово любим (можно догадаться по названию студии), но все же исторически принято разделять классическую «покадровую анимацию» в стиле мультфильмов созданных до 60х годов прошлого века и современную «программную» мультипликацию, которая не требует отрисовки каждого кадра.

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

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

Конечно, можно бы выделить коллаборационные арт проекты, где анимация в том или ином виде сочетается с пространством и материалом для передачи идей автора. А также находящиеся на слуху цифровые произведения искусства, которые благодаря NFT наконец получили уникальность равную физическим копиям (для справки: NFT — non-fungible token — «невзаимозаменяемый токен» вид криптографических токенов (не путать с криптовалютой), каждый экземпляр которых уникален и не может быть скопирован или замещён «проще говоря подделан» другим аналогичным токеном). Но, по сути, моушен дизайн, как часть арт проекта всё равно представляет собой или видеоролик или программный продукт. 

Как начать думать, чтобы анимация получалась эффектной!

(Обучающий видеоролик «Про мозг» производство студии Инфомульт ссылка на весь моушен дизайн тут )

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

Впрочем, нередко все эти функции выполняет один человек, который сам себе все инстанции. Но это лирика об отличии больших компаний с большими проектными бюджетами и маленьких творческих единиц нам тут не очень важна. Ведем мы к другому.  Любому специалисту, который будет работать с анимацией важно уметь думать, как моушн дизайнер, в независимости от того какая часть работ находится в его непосредственном ведении. Даже сценаристу, который, по сути, только буквы в табличку набирает. Нет. ОСОБЕННО СЦЕНАРИСТУ и всей команде проекта. Даже менеджеру по работе с клиентом – ему же все это объяснять потом при утверждении на каждом этапе.

И так, начинаем думать вместе.

Абстракция анимационного мира.

(Эксплейнер юридической службы  «Ракета» производство студии Инфомульт ссылка на наш моушен дизайн)

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

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

(Анимационный рекламный ролик «Qlip Qlip» производство студии Инфомульт ссылка на весь проект моушен-дизайна)

Ритм

Когда дело доходит до движения, темп действий и переходов сцен имеет решающее значение для хорошего видео с моушн-дизайном. Речь идет об управлении временем и пространством. Ритм возникает из-за разницы скорости действий в разные моменты анимации. Более плавные движения с большей продолжительностью могут принести ощущение покоя в то время, как быстрые действия и множество переходов говорят о чем-то более энергичном. Их сочетание в одном видеоролике помогает создать ритм и создать кульминацию. Движение — это язык; он рассказывает историю сам по себе и усиливает сообщение.

(3D инфографика для тренажера «Кадуцей» производство студии Инфомульт ссылка на моушен дизайн)

Время

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

Несколько напоминаний для того, кто работает с Motion Design

1. Создание моушен дизайна — это на самом деле, не быстро.

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

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

К сожалению, мультфильмы в несколько секунд — это даже не часы, а дни и недели работы. И это у профессионала, а если вы еще и обучаетесь в процессе идя путем проб и ошибок, то еще больше.

И если вы выбрали этот путь, что ж мы вас поднимаем и поддерживаем на 100%, но будьте терпеливы, потому что анимация требует времени.

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

2. Делайте то, что вам нравится

Ооочень банально и слегка попахивает вебинарами а-ля «Успешный Успех» но как это не постыдно всё же это правда. В этой работе много рутины, поэтому так важно сосредоточиться на элементах, которые вам нравятся больше всего. Возможно, это будут те вещи, в которых вы лучше всего разбираетесь. обращайте внимание на элементы которые у вас получаются легко и сотрудничайте с коллегами в других в вещах, которые не являются вашими сильными сторонами. Звучит немного по-детски – но поверьте это ключ к успеху. Хорошо получается лицевая анимация, и эмоции персонажей. значит нужно больше работать именно в этой области. Идеально работаете с физикой предметов? круто давайте больше вариантов пусть все сталкивается и деформируется эмоции так передать можно тоже.

3. Преодолейте прокрастинацию

Круто да? Вот просто возьмите прочитайте и такие Ок — Инфомульт велел мне перестать.

На самом деле всем творческим людям эта проблема знакома и очень хорошо тут не вы ни мы не одиноки совершенно. Прокрастинация часто является самым большим препятствием для развития ваших навыков в области моушн-дизайна. И вот что мы тут сами смогли наработать исходя из своего опыта. Порой самое сложное — это начать работать, потому что вы боитесь, объёма дел, и того, что все будет не идеально, или напротив представляете, как все будет здорово и в голове у вас работа уже доделала. от обеих проблем лечит, ну СТАРТ.  Создайте проект, назовите его. соберите безумно плохой и кривой первоначальный вариант, не позволяя себе углубляться в детали. он даст вам на самом деле ГИГАСКОЕ представление о предстоящей работе. А еще, ну он у вас БУДЕТ. И вы сможете его дорабатывать, но уже не в абстракции и пустоте, а с реальным пониманием элементов, которые нужно сделать.

4. Обратная связь НУЖНА

Когда вы только начинаете заниматься моушн-дизайном , может возникнуть соблазн держать свою работу при себе, опасаясь, что она «недостаточно хороша». Но это ошибка, да художника может обидеть каждый. И современное поколение, взращённое на блокбастерах может быть очень критичным. Но и вы держите это все в голове. Свежий взгляд поможет увидеть недочеты. Да обидно потратив десяток часов на вылизывание своего проекта моушен дизайна услышать, что фон в нем слишком статичный, но если принимать комментарии не враждебно а учитывать чужое мнение и польза будет несомненной. А откровенный хейт, ну просто игнорируйте!

5. Экспериментируйте с техникой

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

6. Тщательно планируйте свои проекты

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

И вот как это сделать давайте, пожалуй, поговорим чуть подробнее.

Тактическое и стратегическое планирование перед моушен-дизайн проектом

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

1. Определите ограничения

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

Как поставить рамки – ответьте на несколько вопросов:

Бюджет: какие финансовые ресурсы доступны?

Хронология: когда я должен закончить проект чтобы достигнуть цель?

Целевая аудитория: кто будет смотреть?

Продолжительность видеоролика: какой длины должна быть моя анимация?

Соотношение сторон: где зрители будут смотреть ваш ролик?

Язык: Должен ли я сделать свою анимацию доступной для нескольких языков или понятную без слов?

А также дополнительные технические детали, такие как:

Цвета. Каковы преобладающие цвета кампании и/или бренда, с которым я работаю?

Персонажи: Должна ли моя история быть выражена персонажами или нет?

Конкретные стили: есть ли визуальный стиль моушен-дизайна, которому я должен следовать?

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

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

2. Поймите процесс

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

Процесс разработки кампаний с моушн-дизайном или 2D-анимацией обычно выглядит следующим образом:

Сценарий → Запись голоса (обычно черновая для понимания хронометража) → Кадр стиля → Раскадровка → Аниматик* → Дизайн→ Анимация → Музыка и звуковой дизайн

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

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

Полезно помнить, что хотя производство моушен дизайна занимает много времени, вы можете рассчитывать на то, что вы потратите столько же, а иногда и больше, на этапе подготовки к производству. Сценарий, рамка стиля и раскадровка, как правило, включают в себя множество взаимодействий с клиентом. Учитывайте это время проверки и не думайте только о времени, необходимом для их подготовки. Клиенты ВСЕГДА ВСЕ ЗАТЯГИВАЮТ. Грустное правило, политое слезами поколений моушен-дизайнеров.

3. Определите свою стратегию

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

Думайте о стратегии анимации как о части стратегии послания: целевая аудитория, где будет проходить кампания, какова основная идея… и объедините планирование вокруг этих моментов с акцентом на визуальный опыт.

Создайте эмоциональную связь с аудиторией. «В конце концов, люди забудут, что вы сказали, люди забудут, что вы сделали, но люди никогда не забудут, что вы заставили их чувствовать». Чувствуете, что сценарий посноват? Значит добавьте не меняющие смысла, но добавляющие эмоций элементы – ползучие линии, кота, который реагирует на действия персонажа. Банальные знаки восклицания, которые могут отбить титры. Если они, конечно, уместны.

4. Создайте сильную ассоциацию с брендом.

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

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

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

Даже если вся ваша команда это только ВЫ и заказчик тоже ВЫ – всё равно пройдите эти пункты: что вы ходите? Какая цель? Какая аудитория? Какой бренд? Какие ресурсы? Эти пункты путь к успешному завершению проекта.

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

Основные функции моушн-дизайна

(3D анимация для «Ox SmartCity» производство студии Инфомульт ссылка на проект моушен-дизайна)

1. Моушен дизайн это мгновенное привлечение внимания

Когда вы в последний раз просидели и прочитали всю длинную статью? Наверное сейчас, раз добрались до этой фразы. Вы большой молодец! И мы очень рады что вы с нами!  Но в широкой массе большинство людей просто не просматривают длинный контент. Согласно исследованиям, потребление цифрового контента сократило продолжительность концентрации внимания человека до уровня, меньшего, чем у золотой рыбки: 8 секунд. Естественно, это преувеличение и упрощение, да и говорят, что про золотую рыбку это тоже, всего лишь завирусившийся мем далекий от правды с точки зрения биологии. Тем не мнение правда, в том, что любимые некогда всеми производителями чего ни было длинные проезды вдоль станков, полей и руководителей, насыпающих из ладоней зерно куда-нибудь теперь зрителей, утомляют и заставляют свернуть такое виде она первой же минуте. Тут вот и приходит на помощь графика. Обрисовали станок по контуру, вывели анимацией графику с данными по количеству этого самого зерна и глядишь зритель скучает меньше, и даже с интересом кота послеживает откуда тут еще на фоне самолюбования гендира вынырнет титр или цветной блок. Этот «танец» графики пусть уже не новая придумка, но всё же по-прежнему успешно работает на мгновенное привлечение внимания.

(Эксплейнер для голосового помощника «Маша» производство студии Инфомульт ссылка на моушен-дизайн проект)

2. Повышение конверсии и вовлеченности с помощью Моушен дизайна

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

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

(Видеоинфографика для «Нового курса» производство студии Инфомульт ссылка на моушен-дизайн проект тут)

3. Расставляет акценты

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

(Обучающий видеоролик для умной каски «Талмер» производство студии Инфомульт ссылка на весь проект моушен дизайна тут)

4. Упрощения.

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

А как следствие огромной частью работы моушен дизайнера будут:

• Объясняющие видеоролики

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

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

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

•  Обучающие видеоролики

Очень похожее на поясняющее видео, но чуточку с другой стороны — обучающее видео скорее знакомит зрителей с тем, как ИСПОЛЬЗОВАТЬ продукт.

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

5. Брендинг

Что делает ваш бренд еще более запоминающимся, чем его логотип? Подвижный логотип и анимационное оформление!

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

И тут же вытекающее частично из предыдущего – заставки и заголовки. Вообще родоначальником моушен-дизайна считаются именно открывающие и закрывающие титры в кинофильмах, которые сейчас переживают второе рождение. Каждый уважающий себя сериал и фильм достаточно дотошно работает над ними. Да, собственно, зачем говорить о крупном. Сегодня каждый уважающийся себя видео блогер старается сделать привлекательную отбивку в своем видео, и уникальную анимацию на отображение донатов во время стрима. И что это значит для нас? Вот именно — больше спроса на специалистов, которые создают анимацию. слышали про детей которые в 12 лет зарабатывают больше чем «батя на заводе»? Вот это именно эта струя – юные блогеры заказывают у юных же, моушн дизайнеров заставки и автаркии, а потом пилят видео: «Десять уроков от Васяна по созданию моушен дизайна в adobe».

(Рекламный ролик для «Bionord​» производство студии Инфомульт ссылка на моушн дизайна тут)

6. Рассказывать историю.

Да это в самом конце списка, и не потому, что это не важно, напротив, это важнее прочего, но и при этом, это самая понятная функция цифровых «мультфильмов».

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

(Анимация для сервиса «Kyfo» производство студии Инфомульт ссылка на моушен дизайн)

Основные функции моушн-графики в веб-дизайне

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

1. Изменение состояния

Это один из самых популярных видов анимация в веб-дизайне. Он показывает, что элемент пользовательского интерфейса меняет свою форму, цвет или издает звук, когда пользователь наводит на него курсор. В общем-то этот эффект призван показать инновационное мышление компании. И смотрится хорошо при любом типе графического дизайна. Тут моушен-дизайн делает сайт еще более интерактивным, интересным и привлекательным. Более того, это помогает обеспечить более мягкие и визуально более приятные переходы. Чаще всего это банальный, но по-прежнему популярный «Параллакс» эффект. Эта анимация основана на принципе прокрутки сайта и описывает различные элементы интерфейса, перемещающиеся с разной скоростью. Этот дизайнерский эффект облегчает вашему мозгу распознавание того, что является наиболее важным, ключевым содержанием, а что вспомогательным. Элементы на переднем плане кажутся визуально ближе к нам и движутся быстрее, чем те, что на заднем плане.

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

2. Акцент

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

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

3. Демонстрация и скрытие

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

Какая работа в моушн-дизайне может быть?

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

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

• Моушн дизайнер обыкновенный

В самом простом понимании это именно, тот человек, который получает готовые и одобренные клиентом шоты и заставляет элементы двигаться, используя специальные программы. Чаще все го это After Effects и Cinema 4D что на профессиональном сленге обычно называют АЕшкой и Синькой соответственно. Так что если ваш друг говорит, что увлекся «синькой» то совсем необязательно что он в запое, возможно он изучает анимацию в Cinema 4D. ПО больше о программах, которые используют для анимации можно почитать у нас тут.

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

• Концепт художник и сценарист

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

• Художники и моделеры

Это те самые люди, которые «рисуют» и «строят» 2D и 3D основу для анимации. Один отрисовывает векторную графику. Второй выстраивает объёмные объекты внутри программы анимации они оба отвечают за визуальный вид статического изображения. Занимаются светом текстурой, наметками композиции и прочими деталями без движения. В их арсенале обычно Photoshop, Illustrator и InDesign, Affinity Designer и Procreate, а также помимо упомянутой Cinema 4D, Blender, 3ds Max, Unreal Engine и Houdini для 3D

• Компоузер

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

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

Будь то добавление огня к «горящему» автомобилю, размещение движущегося робота в бою с живым актером или наложение плавающего 3D-текста для рекламы автомобиля.

• Арт-директор

Чаще всего это голова всего проекта. ОН имеет общее видение, и именно он утверждает (до клиента) проделанную работу, назначает правки и даёт рекомендации. Он может сам выполнять некоторые функции и что-то править «руками», но совсем не обязательно. Его задача именно креативное руководство проекта и проверка соответствия сделанной работы. Поэтому порой арт-директорами становятся люди, которые сами так анимировать не могут, но при этом точно знают, как должен выглядеть конечный результат. Впрочем, в такой ситуации это скорее всего личность весьма авторитетная, иначе своего добиться у него выйдет вряд ли. Так что если вы подготовились стать арт-директором, то вам для начала нужен или значительный опыт или харизма 17летней Жанны Дарк ведущей за собой войско из угрюмых ворчливых бородачей или это должна быть ваша команда которой вы и платите за исполнение вашего видения.

• Координатор

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

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

Ну, а тот кто добрался до конца этого текста – вы герой и как минимум на 1/42 уже точно моушн дизайнер!

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

Что такое моушн-графика

Слово «motion» с английского языка переводится как «движение». С помощью моушн-графики можно превратить статическую картинку в динамическую 2D- и 3D-графику. Анимированные объекты, которые могут перемещаться и изменять свой вид, привлекают больше внимания зрителей, чем статичные изображения и текст.

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

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

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

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

Заставка телеканала National Geographic

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

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

Анимированный логотип Google

На лендингах и многостраничных сайтах часто можно встретить анимированные элементы:

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

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

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

Какие навыки нужны моушн-дизайнеру

Профессия предполагает в первую очередь знание основ графического дизайна:

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

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

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

• Adobe Illustrator – графический редактор для работы с векторными изображениями. Чаще всего применяется для создания логотипов, векторных иллюстраций, а также фонов для последующего использования в анимационной графике.
• Adobe Photoshop – софт для работы с растровой графикой, который используется для создания Matte Painting, редактирования текстур, подходит для объединения изображений, создания GIF, наложения покадровой анимации и т.д.
• Adobe Premiere Pro – программа для нелинейного монтажа, которая прекрасно подходит для сборки работы воедино. В этом видеоредакторе можно производить склейку роликов, добавлять звук, музыку и визуальные эффекты.
• Adobe After Effect – можно сказать, что это главное приложение для моушн-дизайнера, позволяющее создавать анимации и визуальные эффекты. Возможности: анимация логотипов, персонажная анимация, 3D-композитинг, моушн-трекинг (отслеживание движения) и многое другое.
• Cinema 4D – программа для 3D‑моделирования и работы с 3D-анимацией. Этот редактор обладает широким функционалом и используется моушн-дизайнерами для моделирования, анимации и создания эффектов симуляции.

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

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

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

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

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

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