Motion graphics что это за программа

Основы анимационного дизайна

Ежедневно в мозг современного человека поступают тысячи сообщений. Огромное количество информационного шума: реклама, электронные письма, новости, посты, рассылки вынуждают людей тратить меньше времени на осмысление полученных данных. В таких условиях совершенно закономерно формируется спрос на способы быстрой и эффективной подачи материала до потребителя. Моушен дизайн (Motion graphics) или анимационная графика решает данные задачи. Как же она создается и с чего начать изучение + самые эффектные примеры моушен дизайна в статье!

Направления моушен дизайна

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

• Рекламные ролики в интернете или телевизоре.
• Видео эксплейнеры. Образовательные фильмы.
• GIF-изображения в социальных сетях.
• Синемаграфия
• Информационные промо-ролики.
• Кинематограф.
• Музыкальные клипы.
• Презентации.
• Анимации для сайтов.
• Видео игры

Пример моушен дизайна в рекламном ролике:

УДИВИТЕЛЬНЫЙ МИР MOTION-ДИЗАЙНА | ФРИЛАНС | ЧТО ТАКОЕ МОУШН ДИЗАЙН?| — Bagaxd

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

ЧИТАЙТЕ ТАКЖЕ

Анимация движения на камеру в Adobe Animate (Flash) Узнайте, как создать анимацию движения персонажа на камеру, пользуясь базовыми инструментами Adobe Animate.

С чего начать изучение?

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

Основы графического дизайна:

1. Цвет . Изучая данную тему важно понять принцип подбора единой цветовой палетки. Дисгармония тонов в кадре портит качество самого проекта. Кроме того, необходимо ознакомиться с психологическим влиянием определённых оттенков на настроение и эмоции человека.
2. Композиция — самой базовая вещь в моушен-дизайне. Здесь вам придется вспомнить изучаемые в школе понятия золотого сечения и перспективы. Осведомленность основами композиции поможет вам создать интересную и гармоничную раскадровку, которая привлечет внимание смотрящего.
3. Тема типографика может показаться простой, однако, именно в выборе и использовании шрифтов начинающие специалисты допускаю большое количество ошибок. Для моушен-дизайнера важно не только уметь подобрать подходящий шрифт, но и заставить текст правильно двигать, включить его в повествование. Этот подход называется кинетическая типографика.

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

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

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

Какими программами следует пользоваться?

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

Adobe Photoshop

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

Для работы с векторной 2D-графикой специалисты пользуются Adobe Illustrator . Иллюстратор отлично подходит для создания логотипов и фонов для последующего использования в анимациях.

Adobe Animate

Adobe Animate – незаменимая программа для проектирования 2D анимаций. Моушен-дизайнеры применяют этот софт для работы с векторной графикой. Здесь новички могут приобрести необходимые умения и создать свою первую двигающуюся картинку.

ЧИТАЙТЕ ТАКЖЕ

Уроки по созданию эффектной анимации в Adobe Animate Научитесь анимировать векторную графику и узнайте азы анимационного дизайна.

Adobe After Effects

Adobe After Effects – мощный пакет программ для создания анимированной графики, визуальных эффектов и видео монтажа. Одна из самых популярных программ для создания клипов, о которой говорят, что ее логика похожа на Adobe Photoshop. Ив принципе это понятно – разработчик один.

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

Пример эффекта двойной композиции с видео в After Effects

Пример совмещения видео и графики в After Effects

Пример работы с векторной графикой в After Effects для создания инфографики

Программы для 3d графики

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

• 3dsMax,
• Cinema 4D,
• Blender (бесплатное ПО, распространяемое по лицензии GNU)

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

Пример создания и анимирования системы волос в 3ds Max

Пример работы с системой частиц в Cinema4d

Пример 3d персонажа, созданного в Blender

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

Интересные техники анимационного дизайна

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

Стоп-моушен

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

Ликвид-моушен

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

Squigglevision — дрожащая анимация

Такой прием в моушен дизайне всем известен по рекламе напитка RedBul. Подробнее о нем я писала в своей статье « Squigglevision — дрожащая анимация в Adobe Flash (Adobe Animate) »

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

Базовые принципы анимации

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

Как создаются мультфильмы

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

Незнайка на луне

Пример создания рисованной покадровой анимации

Фиксики

Пример создания 3d анимации всем известного мультика про Фиксиков

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях

• Share on Vkontakte
• Share on Telegram

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

• Share on Vkontakte
• Share on Telegram
• Share on Pinterest
• Share on Twitter
• Share on Email

Источник: des-life.ru

Зачем учиться motion-дизайну и как это сделать своими силами

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

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

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

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

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

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

Социальная сеть VK опубликовала вакансию motion-дизайнера в команду игрового бренда MY.GAMES. Как и Apple, VK ищет универсального специалиста, который будет не только рисовать и монтировать, но и создавать концепцию роликов и сценарии. Кандидат также должен самостоятельно выставлять свет, строить кадр, записывать качественный звук и подбирать аудиоконтент.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Motion designer hunter
• CG Freelance
• Motion Graphics Jobs

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

• Motion Graphics Visual effects
• Motion.RAR
• BDSR DESIGN REFERENCES
• VimeoInspiration | Motion design |
• Вольница

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

• Adobe Premiere Pro for beginners
• Adobe Premiere Pro Intermediate Users Group
• Adobe After Effects Tutorials
• After Effects / Motion Design
• Adobe Illustrator tutorials
• Blender 3D Artists
• Blender Artists Community
• Cinema 4D — Maxon
• Cinema 4D — канал
• Cinema 4D — чат
• Photoshop
• Гениальные плагины и уроки по After Effects;
• Крупнейший ресурс с обучающими курсами, в том числе и Motion Graphics;
• Ещё уроки и плагины для After Effects.

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

Жанна Травкина

Продюсер CG-студии Mondlicht Studios

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

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

Оно поможет увидеть, что вы делаете не так, получить обратную связь, найти первые заказы и многое другое. Комьюнити в Computer Generated Imagery — это очень тёплая тусовка, где с пониманием относятся к новичкам.

Розалия Каримова

Motion-дизайнер студии Maryco

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

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

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

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

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

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

Источник: habr.com

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

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

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

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

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

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

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

• Арт-директор — художественный руководитель.
• Креативный директор — близко к арт-директору, но руководство по части идей, сценариев, смыслового наполнения.
• CG-дженералист — своего рода “старший” специалист по работе с 3D, универсал с широким пулом знаний и навыков.
• Технический директор — программирование, железо, рендеринг и другие технические вопросы.
• VFX-супервайзер — “старший” по визуальным эффектам, что уже больше относится к области кино.
• Продюсер — организатор команд, процессов, проектов, развитые софт скилз.
• Отдельные узкие специализации — например, квалифицированные художники по шерсти оплачиваются выше рынка.

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

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

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

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

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

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

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

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

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

Adobe After Effects

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

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

Adobe Illustrator

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

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

Adobe Photoshop

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

Adobe Premiere Pro

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

Сinema4D

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

Autodesk Maya

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

Houdini

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

Заключение

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

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

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

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

Источник: videozayac.ru

Что такое Motion Design. Зачем он нужен и с чего начать его изучать

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

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

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

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

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

Моушен дизайн уже захватил 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. Стоп-моушн

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

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

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

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

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

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

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

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

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

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

Источник: brunoyam.com