Что такое Motion Design и как стать моушн дизайнером

Motion Design или motion graphics — это графические элементы в движении. Однажды, когда статичная графика уже перестала удивлять её стали оживлять, так стал рождаться Motion Design, который сегодня превратился в целый мир разных направлений.

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

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

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

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

Russian Motion Design 2013 from Designcollector Network on Vimeo.

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

С чего начать обучение

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

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

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

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

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

• Adobe Illustrator — нужен для подготовки векторных изображений, которые будем анимировать;
• Adobe Premiere Pro или аналоги — для несложного монтажа;
• Adobe After Effects — супер программа для анимации и монтажа. Возможностей у нее просто не счесть! Must have любого моушен дизайнера. 
• Cinema 4d — программа для трехмерной анимации. Её преимущество по сравнению с другими 3D редакторами в том, что она легко взаимодействует с Adobe After Effects.

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

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

Какие направления включает в себя Motion Design

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

1. Покадровая анимация

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

_{Fears from Nata Metlukh on Vimeo.}

2. Стоп-моушн

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

Buhito from Maria T. Domenech on Vimeo.

McDonald’s Made of Love — Beef (DC) from EMENES GmbH on Vimeo.

Starbucks Coffee Perfection from Rogier Wieland on Vimeo.

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

3. Шейповая анимация (shape motion)

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

What is Branding? from David Brier on Vimeo.

Фигуры можно преобразовывать и так:

KST — Factory from Homeboy on Vimeo.

Ну а это уже использование векторных изображений (они же тоже их фигур))

Explainer / Optimized Checkout from Artemii Pogodin on Vimeo.

В дополнение к шейпам добавился такой тренд, как liquid motion — движение жидкости. Этот стиль подразумевает «перетекание» одного элемента в другой, сопровождается брызгами, каплями или волнами.

Autentica Cuba from Daniel Mikhailov on Vimeo.

4. Трехмерная анимация

Все можно сделать объемным и конечно же анимировать. Смотрится очень эффектно:

Isometric motion graphics from Gennady Dobrynin on Vimeo.

Изучайте этот прекрасный мир, смотрите хорошие работы и творите новые прекрасные анимации! Остались вопросы? С удовольствием ответим на все по телефону 8 (800) 551-39-04 или в онлайн-чате на сайте. Не забывайте подписываться на нас в Instagram и ВКонтакте.

как появился и где применяется

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

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

Пример тауматропа. Игрушка Икабода Крейна из фильма Тима Бертона «Сонная лощина»

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

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

Зоотроп

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

В честь первого показа «светящихся пантомим» Рейно в 1892 году 28 октября отмечается как Международный день анимации.

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

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

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

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

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

Motion Design – Магия в профессии — Дизайн на vc.ru

Vitaliy Yakin Reel 2017

2737

просмотров

Что вам приходит на ум, когда вы слышите о профессии «дизайнер»?

На сегодняшний день на рынке существует множество профессий плотно связанных с медиа и рекламой. Я часто сталкиваюсь с довольно клешированным представлением об этой професси, когда общаюсь с людьми, которые не имеют отношения к производству компьютерной графики – CGI (computer-generated imagery).

Дело в том, что у этой профессии есть множество разных ответвлений. По большей части у всех на слуху это направления web design (всё что связано с производством web контента) и дизайн интреъеров.

Речь сегодня пойдёт о направлении в дизайне, которое завоевало по праву одно из лидирующих позиций на рынке CGI в мире. Это направление в CGI для большинства простых пользователей сети и клиентов остаётся загадкой. Речь пойдёт о Motion Graphic industry или просто Motion Design.

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

CG Event Conference 2014

Vitaliy Yakin

Меня зовут Виталий Якин и я работаю в сфере CGI (компьютерная графика) уже более десяти лет. За этот период времени я поработал в большинстве самых крупных студий на рынке компьютерной графики в России и федеральных каналах таких, как Первый канал, НТВ, Россия 1, МУЗ ТВ. Принимал участи в создании графики для «Церемонии открытия зимних олимпийских игр Сочи 2014», а так же участвовал в создании компьютерной графики для крупных международных проектов таких как «EXPO 2017», AIR MAX и пр. Из последних проектов особо хочется выделить «FIFA 2022 Qatar – See you (презентационное видео предстоящего чемпионата мира по футболу в 2022 году в Катаре)». Проект по праву лично для меня имеет равный вес с точки зрения личного интереса, как и открывающая заставка Alphabet к Сочи 2014. Так же я имею большой опыт в работе с крупными международными брендами такими, как SAMSUNG, Hyundai, Kaspersky Lab и многими другими.

EXPO 2017 — This project created in callaboration with NENASHEV TM

Vitaliy Yakin

SOCHI 2014- This project created in callaboration with Russian Channel One

Vitaliy Yakin

По мимо всего прочего, время от времени, я участвую как Motion Designer в производстве контента для кино и сериалов. Одним из последних могу назвать фильм Фёдора Бондарчука «Притяжение (Attraction)» где мне посчастливилось поработать с замечательной командой студии Main Road Post и сделать для этого фильма открывающие титры. Сразу хочу внести маленькую ясность, что под созданием «титров» имеется ввиду создание intro. Это не только типографика, как принято думать. Это полноценная открывающая сцена (Opening titles).

Attraction — This project created in callaboration with Main Road Post

Vitaliy Yakin

Мой творческий путь начался 15 лет назад и за этот период индустрия не только сильно разрослась и трансформировалась, но и претерпела множество революционных технологических изменений. Как вы уже наверное догадались, сегодня речь пойдёт о анимации. И как следствие становится ясно, что в контексте дизайна. А именно дизайна, который является не статичным… Это и есть Motion Design. Или как более правильно эта область называется во всём мире – Motion Graphics.

HONDA — Cyber Fashion

Vitaliy Yakin

На самом деле вы видете результат работы моушен дизайнера повсеместно. Это и телевизионный дизайн (заставки, отбивки, промо, титры, анонсы и многое другое), реклама на TV и всевозможных носителях и простарнствах (YouTube, Vimeo, социальные сети, проморолики в сети), часть контента в кино и сериалах. И да же мобильные приложения сейчас не обходятся без контента, который делает Motion Designer. Пожалуй вы лишь не знали, как это правильно называется. Практически любая имиджевая реклама крупных брендов, будь-то презентация нового продукта Apple, SONY, SAMSUNG и многих других это и есть Motion Design. А за частую одного или двух людей в команде.

SAMSUNG — This project created in callaboration with NENASHEV TM

Vitaliy Yakin

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

И вот что интересно. .. Сегодня, возможности CGI на столько расширились, что производство подобного уровня контента больше не является пререгативой студии с огромными вычислительными мощностями и большим штатом сотрудников. Многие процессы упростились (в плане сложных вычислительных просчетов для производства графики — rendering, VFX — Visual Effects и пр.) и стали частью необходимых базовых навыков для Motion Graphics Artist.

Я буду периодически оперировать профессиональными терминами и давать к ним пояснения. Так Artist – это художни. И данный термин является общепринятым для определения профессий CGI во всём мире.

Character Animation Artist – персонажный аниматор,

Motion Graphics Artist – Моушен Дизайнер

VFX Artist – специалист по созданию визуальных эффектов.

И так, Motion Design…

Это удивительная и очень интересная профессия, которая впитала в себя все основы производства компьютерной графики из кинопроизводства, гейм-дизайна, графического дизайна и смежных сфер индустрии. Это по истене творческая профессия, которую можно отнести к «цифровому искусству». И в то же время она является одной из самых востребованных и высокооплачиваемых во всём мире в области CGI. Как же так получилось? Просто она впитала всё лучшее и оставила за собой право быть по своему самобытной и творческой. Потому что в большинстве случаев, последнее слово в креативной части всегда остаётся за дизайнером. В этом и есть магия. На сколько бы не был подробным бриф от клиент, ключевые инсайды, всё это пропускается через личный вкус и опыт дизайнера. И в результате мы всё равно видим конечный продукт, произведённый конкретным человеком или командой специалистов. А если брать такие области как абстрактные свето-проекционные шоу «3D Mapping», то тут и вовсе уложить всё буйство красок и метаморфоз в бриф не получится. Я помню свои ощущения, когда работал над производством таких шоу. Интересно отметить, что клиент видел результат того что заказывал, только в день самого шоу. Чем вам не цифровое искусство? Правда у всего этого конечно же есть и своя обратная сторона.

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

Вспомните… Ещё не так давно мы восхищались гениальными спецэффектами в фильме Матрица или Парк Юрского Периода… Сейчас подобных 3d животных в сети можно найти буквально на каждом шагу. Вы зачастую и не догадываетесть, что очередной пушистый питомец в рекламе «корма» может оказаться цифровым. А спецэффекты из первой Матрицы уже добрались до регианальных рекламных роликов. Всё очень динамично. Но что приятно, остаётся по прежнему загадкой для большинства людей (я о таинстве производства). И это представляет магию на экране.

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

Учиться этому приходится долго и упорно. Конечно же на сегодняшний день этот процесс занимает гораздо меньше времени, чем скажем 10 лет назад. Фактически многому можно научиться и самостоятельно. Профессия на столько молода и динамично развивается, что ни одно учебное заведение в долгосрочной перспективе не может полноценно подготовить программу для соответствующего факультета. Это и не хорошо и не плохо одновременно. У нас есть в России школы компьютерной графики, где можно получить актуальные базовые знания и получить «старт» в индустрии. Но… Почему базовые? На это существуют две причины… Первая – это то, что профессия включает в себя основы сразу множества дисциплин.

EXPO 2017 — This project created in callaboration with NENASHEV TM

Yakin Vitaliy

EXPO 2017 — This project created in callaboration with NENASHEV TM

Yakin Vitaliy

Вот краткое перечисление необходимых навыков:

— Основные графического дизайна (лучше профильное художественно образование)

— Анимация (сюда же входит понимание «актёрского мастерства»)

— Основы и понимания операторского искусства (фотография и видео-съёмка)

— Композиция (относится к художественным дисциплинам)

— Динамическая композиция (относится к операторскому ремеслу)

— Освоение 3D пакетов графики (их в работе часто требуется от одного до нескольких)

— Освоение пакетов 2D графики (так же одним пакетом не ограничиться)

— Основы программирования (в идеале второе профессиональное образование)

И это лишь верхушка айсберга.

На самом деле, обучение никогда не заканчивается. И это касается каждой из дисциплин. Добавим сюда постоянный поток информации, за которой необходимо регулярно следить и раз в пять лет буквально переучиваться на новые профессии. Потому что (здесь внимание) освоение одной области только 3d включает в себя более десяти абсолютно самостоятельных профессий, таких как:

— 3D modelling — создание 3d моделей

— Animation – анимация всего что только можно вообразить (от камер в сцене, до абстракций и метаморфоз)

— Character Animation (персонажная анимация)

— Rigger (создание системы костей и мускульной системы для 3d моделей)

— VFX (визуальные эффекты). Здесь ещё несколько подпунктов профессий. Не стану перечислять, чтобы не повергнуть в шок читателя.

— Rendering (процесс настройки финальной визуализации кадра). Часто связан с навыками программирования. Но уже всё реже.

Shading – процесс создания реалистичных материалов таких как стекло, метал, пластик, кожа персонажа со сложным алгоритмом просчета SSS — (подповерхостное рассеивание) и так далее.

И ещё куча всего. С 2D Compositing всё обстоит ровно так же, как и с 3D. Процессов так много, что по ним существуют целые образовательные программы.

Возникает вопрос… Motion Designer – это сверх человек?

Вовсе нет. Просто каждая область представляет собой очень узкопрофильный сегмент в цепочке производства и к примеру в кинопроизводстве требует очень глубокого погружения в каждую область. На деле, в среде производства Motion Graphics многие процессы довольно сильно упрощены. Но лишь на столько, чтобы «обмануть» зрителя. Именно. Дизайнер работает на кадр и под конкретную задачу. И в отличии от кино, создавать, скажем, «торнадо» в кадре на все случае жизни нет необходимости. Достаточно показать его с лучшей стороны и чтобы он создал в кадре нужный эффект! Это и отличает Моушен Дизайнера от всех остальных. Умение создать образ на экране и заставить зрителя поверить, что это что-то жутко сложное и на грани. Своего рода фокус. Я вам показываю сложную модель машины лишь с той стороны, куда направлена камера (условный но пример). И вот здесь скрывается наш креатив. То, как мы добиваемся поставленной задачи. Но это конечно же не отменяет того, что процесс обучения остаётся сложным. Но при этом этот процесс скорее напоминает видео игру и становится очень увлекательным.

EXPO 2017 — This project created in callaboration with NENASHEV TM

Yakin Vitaliy

Каждая дисциплина требует до 10 000 часов в освоении.

То есть, хочешь создавать сложных персонажей в 3d для кино-проектов? Добро пожаловать в мир CGI, где люди не считают рабочие часы для саморазвития.

На анимацию только одного этого кадра из ролика ушло в среднем три недели работы.

Hyundai — This project created in callaboration with NENASHEV TM

Yakin Vitaliy

В этой области работаю фанаты. Это, по праву среда, где «одержимость» профессией — один из основных навыков. Здесь не существует права на ошибку. Мы ремеслинники. Но звание это носим с особой гордость, потому, что это не обычное ремесло. Как однажды мне сказал мой «наставник»: «Мы являемся элитным подразделением дизайнеров». Он да же привёл в качестве интересного примера некую статистику (условную конечно), где было отмечено, что на каждые 1000 простых графических дизайнеров, приходится в среднем 100 моушен дизайнеров. На каждые 100 моушен дизайнеров, приходится 10 высококвалифицированных опытных специалистов. И лишь трое из десяти становятся теми специалистами, которые обладают прорывными качествами, которые поднимают их до уровня спецов топ уровня.

Звучит пугающе, не правда ли? Но вдумайтесь… А разве в сфере «нейрохирургии» (условный пример) дела иначе?

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

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

10 000 часов это конечно образно говоря. Многие в этой профессии и часа не потратили на освоение множества дисциплин. К примеру я знаю огромное количество дизайнеров, которые не знают ни базовых навыков моделинга, ни основных законов классической анимации и правил монтажа. И вполне себе работают. Исключения есть, как и везде. Но возвращаясь к вопросу о профессионалах, это скорее плохой пример. Подобно начинающему альпинисту, который решил сразу взобраться на вершину опасной горы, прочитав краткое руководство по восхождению. Возникает вопрос: «Когда наступит момент, когда пойдёт что-то не так». Так и здесь. Но и у самой профессии Motion Designer существует много ответвлений. И тут уже скорее уже кому что больше по вкусу.

Изначально эта область CGI была скорее, некой придаточной средой от сложного CGI процесса и обитала преимущественно в телевизионном формате. До сих пор этот сегмент носит своё название Broadcast Design. Другими словами – Телевизионный дизайн. Область широкая и заслужила своё почетное место на музейной полке. Дело в том, что как я говорил уже ранее, индустрия стремительно развивается благодаря техническому прогрессу. Телевизионный дизайн по сути на столько автоматизировался, что сохранил долю креатива лишь благодаря узкому сегменту внутри телевидения, за который отвечают арт-директора и отдельные специалисты. Последним рубежом на пути полной автоматизации реалтаймовой графики в бродкаст дизайне остались отделы оперативной графики, которые решают задачи новостного контента. Большая часть креативных визуальных решений уже давно автоматизировалась или превратилась в шаблонные решения.

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

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

Была потребность создания качественного рекламного контента с использованием этих технологий. Другими словами, кино всегда пребывало в своей среде и многие процессы в создании VFX на столько долгие, что это было не приемлемо для сжатых таймингов (сроков) производства в рекламе. На выручку пришла новая область – Motion Design. Сегодня ни один рекламный продукт не обходится без графики. Будь то простая инфографика и заканчивая сложными визуальными эффектами.

Процесс развития индустрии стал на столько быстрым, что под час угнаться за ним кажется невозможным. Ярким примером служит графика в современных видео играх. Вы просто вспомните какого уровня игры были скажем ещё всего пять лет назад. Отмотайте время. Такая же разница в каждом процессе происходит и в CGI. Есть основы… Но технологии питают эту область особой энергией.

Возвращаясь к истокам, я особо всё же выделяю ключевое. Это — дизайн.

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

Технологии лишь являются инструментом. Обучиться этому можно и нужно.

Просто вбейте в поисковике MotionDesign. И если вы застряли в среде статичного дизайна и не понимаете куда двигаться дальше…

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

HONDA — Cyber Fashion

Vitaliy Yakin

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

Войти в ИТ: профессия motion designer| rabota.by

О профессии рассказала руководитель команды моушн-дизайнеров в Wowmaking Елена Лазуко.

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

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

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

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

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

Для работы понадобится знание таких программ, как Photoshop, Adobe Illustrator, Figma, After Effects и ее плагины, Premiere Pro и Cinema4D.

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

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

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

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

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

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

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

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

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

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

Есть несколько школ по моушн-дизайну, за которыми советую следить: Motion Design School, School of Motion, ECAbrams. В своих блогах и ютюб-каналах они делятся интересными примерами.

Помогают черпать вдохновение такие ресурсы, как behance.net, dribbble.com, awwwards.com. Также можно искать в Instagram по хештегам #motion #motiondesign, под котором дизайнеры публикуют свои работы.

Из книг рекомендую прочитать “Взлом креатива” (Майкл Микалко), “Сделано, чтобы прилипать” (Чип и Дэн Хиз), “Кради как художник” (Остин Клеон), “Искусство цвета” (Иоханнес Иттен), “Словарь цвета для дизайнера” (Шон Адамс), “Основы дизайна” (Стивен Пенка), “Дизайн форма и хаос” (Пол Рэнд), “О языке композиции” (Юрий Гордон), “Тайминг в анимации” (Гарольд Уайтэкер, Джонс Халас), “Композиция кадра в кино и на телевидении” (Питер Уорд).

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

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

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

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

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

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

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

5 причин, по которым моушн дизайн помогает вам общаться с людьми / Хабр

Привет, Хабр! Представляю вашему вниманию перевод статьи «5 Reasons Motion Graphics Help You Connect With People» автора Katy French.

Оригинал статьи: Katy French | Перевод статьи сделал моушн дизайнер Игорь Царёв

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

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

Касательного этого формата может возникнуть некоторая путаница. Это что, видео? Это что, мультики? В основном, моушн дизайн – это термин нашей индустрии для анимированного видео. Это могут быть 2D-анимации, 3D-рендеринги или GIF-файлы.

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

Пример: мы создали этот простой моушн дизайн, чтобы помочь объяснить, как работает приложение Google Calendar для приложения Quickbooks.

Как моушн дизайн помогает брендам?

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

Все больше медиа-платформ поддерживают видео, и люди начинают предпочитать — если не ожидать – информацию, которая будет доставляться в этой упаковке. (Согласно опросу 2014 года Levels Beyond survey, 40% потребителей сказали, что они скорее будут смотреть видео бренда, чем читать ту же информацию.)

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

• Традиционная реклама: онлайн или телевизионная реклама (национальная или региональная).
• Промо-ролики: вирусные ролики, практические кейсы, отзывы, обзоры продуктов — всё, что рекламирует вашу работу или бренд. Могут быть редакционными или рекламными.
• Объяснительные видео (эксплейнеры): введение, обзор, процессы, учебные пособия (туториалы) для продуктов, услуг или идей.
• Видео культурного маркетинга: контент для демонстрации вашего бренда, людей или проекта.
• Видео контент для привлечения подписчиков в социальных сетях: Facebook, Instagram, Snapchat, YouTube и т. д. Может быть образовательным или чисто развлекательным. (По данным Tubular Insights, 46% потребителей заявили, что сделали покупку в результате просмотра видео бренда в социальных сетях.)
• Рекламно-информационные материалы: информация о компании, о продукте или всё, что департамент продаж регулярно передает. (Превращение этой информации в моушн дизайн может сэкономить время и энергию.)

5 самых больших преимуществ моушн дизайна

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

1. Он эмоционально увлекателен

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

(Вот почему вы испытываете физический страх в фильме ужасов или радость в романтических комедиях.)

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

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

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

2. Моушн дизайн доносит только самую суть, делая информацию легкой для понимания

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

(Исследование MIT 2014 года показало, что вы можете обрабатывать визуальную информацию всего за 13 миллисекунд.)

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

• Учебников: моушн дизайн идеально подходит для показа, а не просто рассказа —особенно отлично он подойдёт для создания объяснительных видео (эксплейнеров).
• Процессы: как что-то работает? Что это за процесс? Моушн дизайн – отличный способ подробно объяснить всё это.
• Визуализация данных: данные, которые кажутся плотными и непроницаемыми, можно легко оживить с помощью визуализации.
• Абстрактные понятия: моушн дизайн – отличный инструмент для прояснения, передачи контекста или объяснения информации.

Пример: мы работали с организацией Nature Conservancy над созданием 3D-моушн дизайна, чтобы объяснить зависимые от грунтовых вод экосистемы и то, как они страдают от чрезмерного забора грунтовых вод. Это кажется трудным для понимания, но это имеет гораздо больше смысла, как только визуализируется.

3. Моушн дизайн — это пассивный опыт

Tubular Insights сообщает, что потребители тратят около 6 часов в неделю на просмотр видеоконтента в социальных сетях. В этом нет ничего удивительного. Мы все помним, почему мы были так счастливы, когда замещающий учитель ставил видео в классе. Это означало, что мы ничего не должны были делать. То же самое с моушн дизайном. Зрителям не нужно читать, изучать данные или прилагать много умственной энергии. Они просто должны нажать кнопку воспроизведения и сидеть сложа руки.

(Помните, что большинство потребителей предпочитают смотреть, а не читать.)

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

4. Возможность использовать моушн дизайн в разных областях

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

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

Пример: еще в 2011 году мы создали удобный моушн дизайн для объяснения ценности визуализации данных. Как эксперты по визуализации данных, мы хотели что-то такое, что позволило бы разбить концепции всех: от дизайнеров до маркетологов брендов. Это видео остается одним из наших самых популярных, и мы постоянно ссылаемся на него в нашем контенте—целых 6 лет спустя.

5. Моушн дизайн великолепен, когда у вас мало времени

Большая часть моушн дизайна длятся от 30 секунд до 3 минут, что невероятно полезно, когда вам нужно произвести эффект как можно скорее. (Это особенно полезно в социальных сетях. Согласно исследованию Facebook 2015 года, даже просмотр менее 10 секунд видео может помочь повысить узнаваемость бренда и сформировать намерение о покупке.)

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

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

Пример: мы сотрудничали с NBC Universal для создания моушн дизайна, призывающего американцев сократить объёмы бытовых отходов. Вместо пространной статьи, это 45-секундное видео включало данные Совета по защите природных ресурсов и быстрый совет, чтобы помочь зрителям.

Как начать делать моушн дизайн

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

Motion Design на личном опыте

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

На своем курсе Motion Design Саша Сердюкова учит придумывать динамичную среду и героев. С нуля. В 2D и 3D.

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

«Теперь я часто показываю свои идеи в моушене — и всем это нравится»

Тоня Руба — 20 лет — иллюстратор

Расскажи о своем бэкграунде.

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

Почему решила пойти на Motion Design?

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

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

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

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

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

Наверное, день-два ушли только на то, чтобы найти правильный mood. Я слушала очень много треков Мосса, подбирала атмосферу.

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

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

И еще очень круто было работать с шоурилом.

Главные takeaways курса.

Перезагружать компьютер. Когда я только начинала работать с дизайном, думала, что только Photoshop может свести мой компьютер с ума, но оказалось, что у After Effects это получается гораздо лучше 🙁

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

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

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

Что курс изменил в тебе и твоей работе?

Я стала быстрее работать — подход «продумывать всё заранее» реально ускоряет процессы, причем любые.

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

«Практиковаться надо постоянно»

Алина Лихадиевская — 29 лет — UX/UI-дизайнер

Расскажи о своем бэкграунде.

У меня три художественных образования: художественная школа, колледж искусств, академия искусств по специальности «Графический дизайн» в Минске. После учебы я продолжила двигаться в этом же направлении — и сейчас удаленно работаю UX/UI дизайнером в IT–компании Fabros, которая занимается разработкой мобильных игр.

Почему решила пойти на Motion Design?

Мне всегда было интересно учиться и расширять свои навыки.

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

Когда увидела SKVOT и курс по моушену — поняла: это то, что мне нужно. Понравился стиль школы, бэкграунд и крутые работы Саши Сердюковой.

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

Это была четвертая домашка. Нужно было сделать рекламу кроссовок любимого бренда. Я выбрала Adidas и придумала историю — сделала так, будто пару кроссовок похищают инопланетяне на летающей тарелке. Саша дала неожиданно приятный фидбек 🙂

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

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

Главные takeaways курса.

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

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

Что курс изменил в тебе и твоей работе?

Я узнала свои сильные и слабые стороны и поняла, над чем еще нужно работать.

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

«Идея важнее скиллов»

Настя Башанина — 28 лет — графический дизайнер

Расскажи о своем бэкграунде.

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

Сначала я поступила на графический дизайн в МПГУ, но мне не особо там нравилось. В основном из-за устаревшей формы обучения. Тот же, например, академический рисунок — в теории это здорово, но в работе никак не помогает.

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

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

Почему решила пойти на Motion Design?

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

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

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

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

Первое — разработка короткого рекламного ролика для кроссовок. Я выбрала Nike Air 97 и попыталась окунуться в типографический брутализм, сдержанную стилистику. Начала думать: что было бы, если бы я работала у Мирко Борше…

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

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

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

Подумала, что фестиваль мог бы проходить в Португалии, и поэтому сделала афишу с рассветом в горах. Хотелось создать атмосферу места:

Главные takeaways курса.

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

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

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

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

Что курс изменил в тебе и твоей работе?

Я очень хорошо перезагрузилась внутренне.

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

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

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

«Не ищи вдохновение для моушена и 3D в моушене и 3D»

Настя Щербань — 23 года — графический дизайнер

Расскажи о своем бэкграунде.

Уже 3 года я — графический дизайнер и иллюстратор. Успела побыть и фрилансером, и тимлидом небольшой команды. Сейчас работаю в креативном агентстве I am IDEA и занимаюсь личными проектами.

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

Наверное, поэтому мне сложно назвать себя «типичным творческим». В работе рядом с дудлами и странными концептами спокойно живут таблицы с анализом конкурентов клиента.

Почему решила пойти на Motion Design?

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

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

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

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

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

Еще мне понравилось делать небольшой рекламный ролик для кроссовок — я выбрала New Balance. Изначально сценарий был посложнее (и поинтереснее), но сжатые сроки на домашку заставляют собирать все на ходу и упрощать.

Главные takeaways курса.

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

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

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

Что курс изменил в тебе и твоей работе?

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

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

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

«Мне тоже хотелось уметь творить волшебство :)»

Вика Михайлова — 26 лет — графический дизайнер

Расскажи о своем бэкграунде.

Я окончила НИУ ВШЭ по социологии и училась в Британке на графическом дизайне. Стажировалась в «Щуке», а потом пошла работать в Zoloto Group. Сейчас, вот уже год, я графический дизайнер в рекламном агентстве Instinct BBDO.

Почему решила пойти на Motion Design?

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

Для меня это была настоящая магия — и мне тоже хотелось уметь творить волшебство:) В прошлом году я успела сделать пару вещей в After Effects и пару в Cinema, как раз с помощью тех моих друзей-коллег. Потом я отложила эти программы. А когда увидела анонс курса Motion Design в SKVOT, решила, что нужно идти. 

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

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

Любимым оказалось задание, которое сначала меня не сильно вдохновило 🙂 Это было задание на 3D, в Cinema.

Нужно было придумать и заанимировать абстрактный арт-объект и поместить его в среду природы или выставки. Я попробовала разные деформеры (инструменты в Cinema 4D) из урока и нашла тот, который позволял свободное движение объекта, сразу рандомизированное. Текстуру подобрала в своих изображениях.

Потом стала искать, где бы разместить получившуюся штуку. Решила, что это должно быть в природе — чтобы был контраст странного «неприродного» (но как будто живого объекта) и натуральной среды. Сначала решила поместить объект в горы, а потом выбрала таинственный лес.

Когда я выгрузила промежуточное превью, решила, что нужно поработать еще, чтобы объединить объект и среду визуально. Делала это уже в After Effects.

Вышло два подхода в обработке. Один черно-белый и графично-иллюстративный, а другой — с налетом олдовости, вдохновленной «Твин Пикс». Смонтировала все под музыку, которая выпала в саундклауде и подошла по настроению: Soft Blade — Live from the ice cave.

Во втором ролике Саше больше всего понравился черно-белый вариант. Она написала: «Там хороший микс 2D и 3D, интересное решение, немного из мультика как будто. Выглядит сложнее, чем есть на самом деле, и это хорошо». Про «олдовую» часть она сказала, что эффект сделал картинку «грязнее» — и там понятнее, как это сделано, поэтому меньше загадки.

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

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

Главные takeaways курса.

Природа и космос — мои самые большие вдохновители.

Придумать идею гораздо сложнее (и важнее), чем её реализовать.

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

Что курс изменил в тебе и твоей работе?

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

Мне просто приятно знать, что теперь я умею и это. Думаю, скоро найду применение новым навыкам. На этом этапе я довольна своим результатом.

«Умей быстро перепридумывать»

Марат Салимжанов — 28 лет — арт-директор 

Расскажи о своем бэкграунде.

Я 8 лет занимаюсь графическим дизайном — в основном брендингом и рекламой, также арт-директор тюменского маркетинг-агентства Marka.

Почему решил пойти на Motion Design?

На самоизоляции стал сильно ощущать рутину, хотелось чего-то нового. Увидел в инстаграме рекламу вашего курса Саши Сердюковой, и как-то сразу ёкнуло. Заполнил анкету, отправил.

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

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

Вся вторая половина учебы была тяжелее: мы уже работали с Cinema 4D, а это очень непросто. Самым запоминающимся (и интересным тоже) было, наверное, задание с тканями. Нужно было сделать на текстиле рекламу бренда одежды.

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

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

Главные takeaways курса.

Идея компенсирует отсутствие скиллов. Ты можешь не знать, как сделать что-то в Cinema или After Effects, но это можно «перекрыть» задумкой.

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

Что курс изменил в тебе и твоей работе?

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

«Теперь я прекрасно отличаю 3D от естественных съемок»

Аня Волошина — 28 лет — видеограф

Расскажи о своем бэкграунде.

Я училась на дизайнера среды — занималась интерьерами. А потом совершенно неожиданно переключилась на видео.

Графика и 3D мне всегда были близки — потому что интерьеры мы делали в 3D Max. Потом я попала в сферу видео — и стала заниматься им, мы с напарником даже открыли свою студию. Сейчас я работаю сама — снимаю видео, в основном рекламный контент.

Почему решила пойти на Motion Design?

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

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

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

Я думаю, что это было по части After Effects. Самым любимым было задание нарисовать чудика — «лицо бренда» спортивных товаров. Нужно было этого персонажа придумать и оживить.

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

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

Главные takeaways курса.

Пользоваться подсказками. Как минимум — в колористике. Саша говорила, что если в работе много объектов, то (чтобы не мучиться с подбором цветов) удобно генерировать палитры на Adobe Color. Так получится органичная и гармоничная подборка. Я очень часто пользовалась этой ссылкой — смотрела, какие цвета хорошо совмещаются.

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

Что курс изменил в тебе и твоей работе?

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

Теперь я прекрасно отличаю 3D от естественных съемок. Бывает, что заказчик показывает видео и говорит: «Вот так хочу, давай снимать». А я не понимала даже, что это сделано в 3D — и повторить это в реальной жизни гораздо сложнее. Сейчас я точно знаю, что где — и могу предложить не снимать, а отстроить в 3D.

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

Профессия: Motion designer

MOTION DESIGN — ЭТО ИСКУССТВО АНИМАЦИИ И ОЖИВЛЕНИЯ ГРАФИКИ. ЭТО ВИДЕОРОЛИКИ, ОСНОВАННЫЕ НА ГРАФИКЕ В ДВИЖЕНИИ, А ТАК ЖЕ ТЕХНИКА ИХ ПРОИЗВОДСТВА. ПОМИМО ВЫШЕСКАЗАННОГО — ЭТО ПРОФЕССИЯ, ПРЕДСТАВЛЯЮЩАЯ СОБОЙ СЛИЯНИЕ ДИЗАЙНА, АНИМАЦИИ, ВИЗУАЛЬНЫХ ЭФФЕКТОВ И РЕЖИССУРЫ. С MOTION DESIGN МОЖНО ВСТРЕТИТЬСЯ ПОВСЮДУ, НАЧИНАЯ С РЕКЛАМНЫХ РОЛИКОВ, ЗАКАНЧИВАЯ КИНО И РЕКЛАМОЙ В ИНТЕРНЕТЕ. ДО СИХ ПОР НЕТ ПРАВИЛЬНОЙ ТРАКТОВКИ СЛОВОСОЧЕТАНИЯ MOTION DESIGN. САМЫМ ПРИБЛИЖЕННЫМ ЯВЛЯЕТСЯ «ДИЗАЙН В ДВИЖЕНИИ».РАЗБИРАЕМСЯ С ЭТОЙ ЗАГАДОЧНОЙ ПРОФЕССИЕЙ ВМЕСТЕ С АНДРЕЕМ ГАПОШИНЫМ.

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

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

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

Считается, что первое объясняющее видео заказала компания «Dropbox», где рассказывала как работает их сервис. Сейчас, каждый новый сервис создает видео о своих услугах и преимуществах перед конкурентами.

— НАЧАЛО КАРЬЕРЫ
— Начало у меня было интересное. Все началось со съемок квадрокоптером. Казалось бы, при чем тут аэросъемка и Моушн дизайн? А все просто. Получив первые заказы, клиенты попросили меня «собрать» отснятый материал в готовый ролик. Тут мне пришлось учить азы обычного линейного монтажа.

Линейный монтаж — это склейка кадров без каких-либо эффектов.

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

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

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

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

Я рекомендую учиться в онлайне. Это расширяет фильтр по поиску подходящей школы. Дальше все зависит от ваших предпочтений по стилю анимации и бюджету. Сейчас можно найти курсы от 50$ до 2000$ за курс.

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

— ВДОХНОВЕНИЕ
— Первое время я рекомендую смотреть на чужие работы и стараться их повторить. Не стоит начинать с чистого листа, пока нет достаточного опыта. Это довольно сложный процесс, который под силу не каждому. Хороший дизайнер, никогда не начнет работу без референсов и примеров. Это можно сказать и про Моушн дизайнера. Необходимо найти хотя бы 1-2 схожие работы, прежде чем приступить к работе. Это очень упростит процесс создания анимации. Сейчас есть целые сервисы, где художники черпают вдохновение и делятся своими работами. Я использую behance.net, dribbble.com, motiongrapher.com.

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

— КАК ПОНЯТЬ ЗАКАЗЧИКА?
— Самый удобный вариант, когда клиент присылает тебе 2-3 ссылки и говорит «хочу такой же ролик». Тогда ты понимаешь, какой стиль анимации ему нравится, что можно использовать, а что нет. Иногда бывает что клиент сам не знает чего хочет и тут необходимо выяснить его потребности, до начала работы. В таком случае я высылаю клиенту 10-20 роликов в разной стилистике и прошу выбрать наиболее подходящий стиль.

Спрашиваю что в этом ролике клиенту понравилось больше всего, за что он его выбрал. Если мы говорим о explainer video (ролики, в которых мы объясняем как работает сервис/продукт/компания), то необходимо выбрать референсы, создать раскадровку и показать клиенту, что будет происходить в каждой сцене. затем утвердить стиль иллюстраций и показать, как объекты взаимодействуют между собой в каждый сцене. Тогда у клиента не должно возникнуть вопросов в середине проекта. Если не можешь прийти к общему итогу с клиентом, надо понять, что именно его не устраивает. Как правило, такие вопросы легко уладить, если этому уделить достаточно внимания до начала основной работы.

— ФРИЛАНС ИЛИ ОФИС?
— И там и там, есть свои плюсы и минусы. В команде очень быстро обучаешься и перенимаешь опыт у коллег по цеху. Работая командой, легче создать что-то крутое, а главное, получится намного быстрее, чем в одиночку. Но есть и свои минусы, если ты работаешь «на дядю». Ты не можешь выбирать проекты, над которыми тебе интересно работать. Тебе дали задачу и ты ее делаешь. Ты не можешь влиять на свой заработок так же, как при фрилансе. Но я очень рекомендую сперва поработать в компании, а потом уже идти на фриланс. Так быстрее можно научиться создавать красивые видео.

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

— А ЧТО ДАЛЬШЕ?
— Мир анимации и моушн графики — это океан возможностей и перспектив. Существует множество разных стилистик, разных направлений анимации. Эта профессия хорошо тем, что тебе постоянно приходится учиться, чтоб оставаться в тренде и не пасти задних. Ты можешь быть специалистом широкого профиля или наоборот, делать анимацию только в стиле японских аниме. Всегда найдутся желающие на тот или иной стиль анимации. Моушн дизайнер, довольно молодая профессия и рынок испытает нехватку квалифицированных сотрудников. Большие компании часто с этим сталкиваются.

— УКРАИНА ИЛИ ДРУГАЯ СТРАНА?
— Сейчас я развиваю свой аккаунт на международной бирже фриланса. Это дает возможность расширить горизонты поиска новых клиентов. У меня уже были клиенты из Сингапура, Ирландии и Литвы и Соединеных Штатов. Я могу работать из Киева, делая заказ для компаний из любой точки мира. Так же и в обратную сторону. Я могу работать из любой точки мира, делая анимацию для украинского клиента. Сейчас, мне нравится жить в Украине и работать из Киева. Я не вижу необходимости в переезде на данный момент. Я могу учиться удаленно, могу искать клиентов удаленно, более того — можно создать свою команду из специалистов, живущих в разных странах. Так что не думаю, что перееду в другую страну.

— ПОДЕЛИСЬ ВАЖНОЙ ДЛЯ ТЕБЯ КНИГОЙ
— Мне понравилась книга про «Эссенциализм». Эссенциалист — это человек, который во всем дисциплинированно придерживается принципа «меньше, но лучше». Этот принцип я применяю и к анимации. Я лучше сделаю одну работу хорошо, чем две работы «на троечку».

ССЫЛКА НА SHOWREEL:
YOUTUBE.COM

Здесь собраны отрывки моих работ из разных роликов. Обычно, моушн дизайнеры показывают такие ролики потенциальному клиенту, чтоб он мог убедиться в твоих навыках. Иногда, клиент посмотрев твой showreel говорит: «хочу такую анимацию, как в твоем ролике с 13 по 17 секунду». И ты уже понимаешь, что хочет клиент ????

Что такое анимационная графика? | Укус

Вспомните некоторые из ваших любимых видео. Что вам в них понравилось?

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

Что такое анимированная графика? (Определение анимационной графики)

Анимационная графика — это анимация, но с текстом в качестве основного компонента.По сути, это анимированный графический дизайн.

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

Анимированная графика — это способ общения со зрителем и добавление глубины истории. Вместе с музыкой и эффектным текстом они могут передать нам сообщение.Мы используем их для создания рекламы, последовательностей заголовков для фильмов, [объяснения] (попросту говоря, анимационная графика — это анимация с текстом в качестве основного компонента) видео и для обмена информацией. Многие из наших шаблонов используют анимированную графику, чтобы помочь вам передать ваше сообщение.

Примеры анимированной графики

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

Брендинг

Broadcast channel La Effe хотела обновить свой бренд, что выделило бы их среди других каналов SKY.Новый дизайн от Nerdo Creative Studio — это сочетание стилей, похожих на журналы об искусстве, взятых из истории графического дизайна, с упором на типографику. Мы думаем, что будет справедливо сказать, что вы не видите что-то подобное по телевизору каждый день.

Заголовок телесериала

Основная последовательность заголовков для сериала HBO «Настоящий детектив» — отличный пример хорошо продуманной графики, смешанной со сдержанной типографикой. Мрачные пейзажи отражают внутреннюю жизнь персонажей и иллюстрируют историю — ядовитое болото пострадавших людей.В интервью The Art of the Title креативный директор Патрик Клер описал, насколько важна история для процесса дизайна, сказав, что «история всегда является наиболее фундаментальной частью нашего процесса дизайна».

Повышение осведомленности

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

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

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

Объяснение концепции

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

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

Рассказывая историю

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

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

Поделиться видео о продукте

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

Шаблоны анимированной графики

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

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

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

Как создавать анимированную графику

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

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

Смотреть в полноэкранном режиме

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

Спасибо за подписку

Теперь вы будете получать наши электронные письма только что из печи каждую неделю!

Ммммммм поджаренный!

Что такое моушн-дизайн? А зачем тебе?

Происхождение: Что такое моушн-дизайн?

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

Происхождение: Новый термин? Моушн-дизайн.

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

Происхождение: Почему так важен моушн-дизайн?

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

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

Страва

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

Arc’teryx Crossing Home

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

Выпуск Apple iPhone 7

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

Происхождение: Каким вы видите будущее анимированной графики?

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

Анимированный дизайн как часть UI — Это просто, экраны теперь повсюду. Хочешь заказать еду в Макдональдс, бац, ширма! Вы хотите зарегистрироваться на рейс, бац, вот еще один экран! Вы хотите отсканировать свой билет на подъемник внизу стула, еще один экран.

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

Motion Graphics против анимации: в чем разница?

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

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

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

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

Дизайн анимированной графики от Giaky®

Что такое анимированная графика?

–

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

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

Хотите, чтобы на вашем сайте вращался логотип? Это анимированная графика.

Анимационная графика приводит в движение формы и буквы. Дизайн через Эбигейл Ким

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

Наличие или отсутствие «истории» является важным определяющим фактором при принятии решения о том, имеете ли вы дело с графикой движения или анимацией. Анимация движущейся графики обычно включает формы, объекты или текст, которые приводятся в движение.

Зачем возиться с анимированной графикой вместо гораздо более дешевой статической инфографики?

Дизайн приложения для анимированной графики от Kid Mindfreak

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

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

Что такое анимация?

–

Анимация — это более широкий общий термин, под которым попадает анимированная графика. История анимации насчитывает более 100 лет.(Хотите покопаться в этой истории? Посмотрите это замечательное руководство по анимации).

Эта анимация рассказывает о том, что происходит при отправке текстовых сообщений во время вождения. Анимационный дизайн от SB.D

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

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

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

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

Эта анимация с помощью забавных историй объясняет, как данные сохраняются в облаке. Анимация Яноша Нюйто.

Итак, когда вы используете термин «анимация» по сравнению с анимированной графикой?

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

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

Анимационная графика и анимация: когда использовать каждую технику

—

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

Последовательность повествовательного названия для конференции и фестивалей «Юг через Юго-Запад» через герб

Видео — это предпочтительный тип контента от брендов №1: 93% маркетологов говорят, что видео в социальных сетях привлекло им новых клиентов. Более половины пользователей взаимодействуют с брендом после просмотра одного из их видео в социальных сетях.

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

Когда использовать анимационную графику

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

Видео

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

Когда использовать другие методы анимации

Анимированный дизайн от fatchvrdsgn

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

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

Маркетинг в движении

—

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

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

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

Нужен дизайн анимации или анимационной графики?

Мы найдем для вас идеального дизайнера!

Дизайнер анимированной графики — Celarity

Что такое дизайнер анимационного дизайна?

Подобные должности:

Художник-аниматор, графический дизайнер

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

Что обычно делает дизайнер анимационного дизайна?

Используйте набор художественных и творческих навыков для создания

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

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

Используйте сильный фон в анимации

Определение анимации — это «состояние полноты жизни или бодрости; живость.» И это то, что делает Motion Graphics Designer — они оживляют статические изображения с помощью анимированной графики, которую они создают, используя 2D и 3D анимацию. Как указывает Computerhope, «анимация — это иллюзия движения, созданная путем быстрого последовательного показа серии неподвижных изображений.”

В анимации используются неподвижные изображения для создания иллюзии движения. Человека, создающего анимацию, называют аниматором. Затем дизайнеры анимационной графики берут эти навыки анимации и используют 2D и 3D анимацию для создания анимационного дизайна, который необходим для реализации проекта, над которым ведется работа, или для нужд клиента / компании.

Тесно сотрудничать с творческими коллективами и клиентами

Графические дизайнеры

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

Сравнение графического дизайнера и графического дизайнера

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

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

Motion Design 101 — Настройка вашей видеостратегии в движении

Вы хотите вывести свою стратегию видеомаркетинга на новый уровень? Тогда вы попали в нужное место.

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

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

Но сначала, что такое моушн-дизайн? 🤔

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

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

Почему вам следует добавлять анимационные дизайны в свои видео💡

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

Согласно исследованию Wyzowl, 66% потребителей предпочитают видео другим форматам контента. Это объясняет, почему все больше и больше брендов добавляют видео в свою стратегию онлайн-коммуникации.

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

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

Но простая привлекательность — не единственное преимущество, которое предлагает анимированная графика: они также помогают передавать сложные или абстрактные идеи визуально !

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

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

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

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

Как создать графику для анимационного дизайна 🛠

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

Изучение моушн-дизайна или найм дизайнера анимационной графики

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

Однако это не так просто, как кажется:

• Изучить графический дизайн . Навыки проектирования требуются, даже если вы просто хотите анимировать текстовые элементы, а выбор правильных форм и шаблонов анимации — тоже навык.
• Узнайте, как использовать программное обеспечение для творчества , такое как Adobe Premiere Pro, After Effects, Photoshop или Illustrator, в Creative Cloud. Однако это далеко не интуитивно. Если такие слова, как слои или векторная графика, не вызывают у вас внимания, вам потребуется некоторое время, чтобы познакомиться с принципами графического дизайна. Вы также должны знать, что эти программы, как правило, дороги и требуют много места на жестком диске.

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

Заказ внештатного дизайнера анимационной графики

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

У этого решения есть свои преимущества, но следует помнить о нескольких вещах:

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

Использование специального средства создания видео

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

Это удобный вариант для создания простых видеороликов, например:

• Top 5 или Top 10
• Представление ключевых данных или результатов
• Анимированные учебные пособия для внутреннего использования

💡 Но какой видеомейкер выбрать?

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

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

Вдохновение в моушн-дизайне 💭

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

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

Для маркетинговых целей: Slack

Хотя большинство людей уже слышали о Slack, особенно в мире маркетинга стартапов, его концепция и причины, по которым он упрощает совместную работу и общение внутри компании, могут потребовать объяснение.В этом видео отлично используются фирменные цвета и визуальные элементы компании, чтобы объяснить, что делает Slack таким полезным инструментом. И… вы уже догадались: за этим стоит моушн-графический дизайн!

Для внешних коммуникаций: Ikea

Хотя бренд известен своей веселой и красочной рекламой, сложные времена требуют более трезвой формы общения. Это видео было выпущено IKEA UK, чтобы объявить о возобновлении работы своих ресторанов после блокировки COVID-19 и принять меры безопасности.

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

Для коммуникаций CSR: Procter & Gamble

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

Посмотрите это коммуникационное видео CSR от Procter & Gamble.

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

Для СМИ: Vice News

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

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

7 шагов к созданию собственного видеоролика о моушн-дизайне 💪

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

Начните работу со сценарием

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

Применяя это конкретно к моушн-дизайну, вам нужно будет указать:

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

Подготовьте раскадровку для предварительного просмотра содержимого

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

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

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

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

Проектируйте все визуальные элементы и создавайте мокапы

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

Эти элементы могут включать:

• Ваш логотип
• Инфографика или диаграммы
• Текстовое содержимое
• Персонажи или аватары

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

Начните работу над анимацией

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

💡 Простой проект? Как насчет простой платформы!

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

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

Добавление саундтрека

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

• Озвучивание . Запишите ваш рассказчик, читающий текст, убедитесь, что его тон голоса соответствует общей атмосфере вашего видео, и все будет в порядке!
• Фоновая музыка .Кстати о вибрации… Очевидно, что выбранная вами фоновая музыка будет сильно влиять на эмоции, которые передаст ваше видео. Выбирать мудро! При необходимости ознакомьтесь с платформами, предлагающими музыку без лицензионных отчислений, например PremiumBeat.

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

Не забудьте включить субтитры

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

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

Кодируйте видео в правильном формате

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

Здесь вам понадобится программное обеспечение для кодирования, и есть бесплатные программы, доступные как для Windows, так и для iOS, такие как VideoSolo Free Video Converter.

Пришло время выбрать:

• Формат вашего видео — это имеет значение, если вы планируете опубликовать его в социальных сетях.
• Частота изображения , которая поможет вам сохранить конечный файл как можно меньше
• Его разрешение , например, 4K или HD.

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

Поздравляем, ваше первое видео о моушн-дизайне готово покорить мир! А теперь почему бы вам не попробовать PlayPlay бесплатно в течение 7 дней и не посмотреть, как это может помочь вам в реализации вашей стратегии видео?

Что такое анимационная графика? | MOWE Studio

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

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

От статичных к движущимся конструкциям

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

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

История анимационного дизайна

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

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

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

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

Использование анимированной графики сегодня

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

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

С развитием веб-сайтов и приложений, движение стало играть важную роль в создании лучшего интерфейса в нише UX Motion Design .

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

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

Как думать Движение

Абстракция

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

Ритм

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

Время чтения

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

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

Похожие сообщения

• Представьте себе: вы только что получили электронное письмо о том, что прибыл новый анимационный проект, и теперь…

• Цифровая анимация — это все о ключевых кадрах. Внутри After Effects вы найдете множество таких…

• Эффективная коммуникация — главная задача каждого бренда. Как связаться со своей аудиторией,…

Как начать работу с моушн-дизайном | Рой Слагтер.

«Шелк и камни — непобедимый», производство Mamascreen.Художественное оформление и анимация Роя Слэгтера.

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

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

— segd.org

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

Шаг 1: Набор инструментов

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

Те, кто уже знаком с рабочим пространством Adobe, могут сразу перейти к Adobe After Effects. Adobe After Effects — это универсальный инструмент для 2D (и 2,5D) анимации. Он позволяет создавать простые сцены и сразу же их анимировать! Этот инструмент также предлагает вам множество эффектов и опций для улучшения вашей анимации.

Произведено Mamascreen. Художественное оформление и анимация Роя Слэгтера.

Шаг 2: Визуальная библиотека

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

Шаг 3. Принципы анимации

Проведя некоторое время в Adobe After Effects и просмотрев дюжину анимационных изображений, теперь вы хотите узнать о принципах анимации Фрэнка Томаса и Олли Джонстона из Disney. Принципы анимации — это 12 переменных, которые помогут вам сделать вашу анимацию более динамичной и, что самое главное, более приятной на вид! Принципы анимации следующие:

• Растяжка и сжатие
• Предвкушение
• Постановка
• Прямо вперед и поза в позу
• Последующее действие и перекрытие
• Легкость и легкость выхода
• Дуги

Второстепенное действие

• Время
• Преувеличение
• Сплошной рисунок
• Призыв

10 принципов моушн-дизайна — Хорхе Р.Canedo Estrada

Подробнее об этом в этом видео от AlanBeckerTutorials.

Шаг 4: Будьте любопытными

На мой взгляд, вы научитесь быстрее всего, если вам будет любопытно все, что вы видите. Я часто спрашиваю себя, как это сделано? Зачем художник это создал? В чем более глубокий смысл этой пьесы? Такие платформы, как holdframe.com, позволяют очень легко загружать файлы проектов, на мой взгляд, у одного из величайших дизайнеров движения! Разбейте их на части и просматривайте кадр за кадром.Узнайте, как они создавали анимацию, и используйте полученные знания, чтобы создать свои собственные. Я рекомендую вам проверить это и испачкать руки.

Шаг 5 — Выполнение

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

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

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

— Gmunk

Бонусный шаг: рассказывать, слушать и сотрудничать

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