20 бесплатных анимаций для моушн-дизайнеров

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

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

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

Russian Motion Design 2013 from Designcollector Network on Vimeo.

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

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

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

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

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

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

After Effects – это еще не Motion Design

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

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

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

  • определять целевую аудиторию и форму представления контента;
  • выбирать правильную композицию, планировать методы создания;
  • разрабатывать свои проекты водной из программ Adobe After Effects, Adobe Photoshop, Adobe Illustrator, 2D Animation, 3D Animation, Graphic Design, Cinema 4D;
  • создавать шаблонный вариант инфографики в редакторе, учитывая психологию цвета;
  • планировать сценарий сюжетной линии, согласовать и воплотить идею в жизнь;
  • выбирать верную технологию и методы осуществления того или иного проекта;
  • прорабатывать детальные технические задания;
  • создавать наброски для одобрения;
  • работать со слоями изображения.

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

Курс «Супер Моушн»

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

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

И вот сейчас команда Videosmile решилась создать абсолютно новый и полный обучающий видеокурс по созданию Mothion-графики!

Автором курса выступил специалист с многолетним опытом работы в создании плоского дизайна – Михаил Бычков. Его профессионализм высоко ценится в индустрии, поэтому такие организации как: YouTube, Adidas, Heinz или ФК Спартак обращались к Михаилу по вопросам создания моушн-графики. Главное требование к преподавателю – это умение говорить простыми словами о сложных вещах, с чем Михаил Бычков отлично справился.

Творческий процесс

Анимации создаются долго. Я разделила процесс работы на 4 шага и поставила цель выполнять их за два дня.

Шаг 1: Ищем вдохновения (15 минут)

Вдохновение для анимаций я каждый день ищу на Dribbble, Behance и в Инстаграм. Моё главное место для вдохновения — Pinterest, там я собираю все понравившиеся работы.

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

Шаг 2: Делаем наброски (5 минут)

Как только появлялась идея, я делала зарисовки в блокноте.

Сто дней моушн-дизайна: как создать 50 анимаций за 100 дней
Мои наброски

Шаг 3: Создаём иллюстрацию (40 минут)

Я рисовала иллюстрации и импортировала их в Principle или After Effects. При этом у файла с иллюстрацией должна быть чёткая структура — это значительно ускорит импорт.

В этом видеоуроке показано, как подготовить файл и импортировать его из Illustrator в After Effects. Перенести слои из Sketch в After Effects также можно с помощью плагина Sketch2AE.

Шаг 4: Создаём анимацию (1 час)

Я анимировала иллюстрации и результат экспортировала в формате короткого видео, которое выкладывала в Инстаграм с хэштегом #100daysofmotionbytx.

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

Личные качества

yandex.ru

Отличный моушн-дизайнер:

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

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

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

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

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

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

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

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

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

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

Hedu

Онлайн-курс моушн-дизайна

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

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

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

Программа

  • Урок № 1 — Основные аспекты моушн-дизайна
  • Урок № 2 — Основы анимации
  • Урок № 3 — Как работать с камерой
  • Урок № 4 — Mograph
  • Урок № 5 — Проектирование заставки
  • Урок № 6 — Структура и эскиз в Adobe After Effects
  • Урок № 7 — Создание «живых» эффектов
  • Урок № 8 — Концепция
  • Урок № 9 — Бриф

Нужно ли жить в большом городе, чтобы стать моушн дизайнером?

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

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

Список городов с лучшими зарплатами в США, если решите работать не из дома:

Нью-Йорк

  • Средняя зарплата: 64$ тыс.в год
  • Диапазон зарплат: от 44 до 96 тыс.в год

Лос-Анджелес

  • Средняя зарплата: 64$ тыс. в год
  • Диапазон зарплат: от 47 до 81 тыс. в год

Сан-Франциско

  • Средняя зарплата: 85$ тысяч в год
  • Диапазон зарплат: от 56 до 147 тыс.

Rush Media

Курс подходит новичкам, видеомонтажерам, фотографам, маркетологам. Программа курса состоит из:

  • знакомство с After Effect: интерфейс, функционал, создание композиции, импорт файлов, простейшая анимация, рендер.
  • шейпы — начало работы: понятие шейпов, анимация шейпов, работа с эффекторами, морфинг, создание проектов с ключами и без ключей.
  • создание анимации:  ключи, интерполяция ключей, графики скорости, привязки объектов.
  • основные экспрешены: понятие экспрешенов, основные экспрешены (loop, weggle, time), затухающие колебания.
  • эффекты и переходы: разбор основных эффектов, добавление эффектов, применение экспрешенов к эффектам, создание переходов с нуля, добавление стандартных переходов.
  • работы с текстом: алгоритм работы с текстом, работа со шрифтами, анимация текста (работа с эффекторами ), использование пресетов для анимации текста, применение эффектов к тексту, перевод текста в шейпы, сложная анимация текста.
  • маски: применение масок, движение текста по маске, использование функции TrkMat, анимация мобильного приложения.
  • работа со звуком: звук в After Effects, разбор звуковых эффектов.
  • простая работа с 3d: возможности работы с 3D в After Effects, экструзия.
  • продающий ролик: алгоритм создания ролика для заказчика, составление сценария и визуализации, создание закадрового текста, заказ озвучки.

Анализируйте работы:

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

– Насколько гармонично смотрится изображение с точки зрения композиции

– Почему автор использовал эти цвета, и как они сочетаются

– Какие шрифты были использованы, как они сочетаются

– Какую историю рассказывает автор видео

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

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

evernote

Какие направления включает в себя 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 и ВКонтакте.

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

Профессиональная переподготовка по программе «Моушн-дизайнер» (520 часов).

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

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

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

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

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

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

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

Технологии в моушн-дизайне

  • Плоский дизайн. Отличается минимализмом и упрощением объектов. Цветовая гамма отличается яркостью и насыщенностью, но без использования различных текстур, света-теней, или 3D-элементов. В конечном виде такой дизайн выглядит стильно, но не перегружает восприятие зрителей отвлекающими деталями. Пример.
  • Строковый. Еще один минималистический стиль, но с другими акцентами. Здесь все объекты отрисовываются толстыми или тонкими линиями. Основная цель— не отвлекать зрителей от важных элементов в кадре и аудио. Пример.
  • Изометрия. Характеризуется тем, что объекты или фигуры видны с трёх сторон, а все линии находятся под углом, параллельным тридцати градусам. Камера как бы смотрит из верхнего угла помещения и фиксируется в одной точке. Пример.
  • Низкополигональный. Используется техника ломаных линий, которые составляются из конечного числа прямолинейных отрезков. Впоследствии эти линии преобразуются в замкнутый объект. Характеризуется лёгкостью в измерении объектов, фигуры имеют все четкие и понятные геометрические формы. Отличается экономичностью в финансовом плане. Пример.
  • Пиксельный. Любители Dendy и Sega точно поймут, как выглядит такая технология. Технология, где изображение редактируется на уровне точек (пикселей), а разрешение изображения настолько мало, что отдельные пиксели чётко видны. Пример.
  • Комиксный. Стиль комиксного дизайна, который удерживает внимание зрителя с первых секунд. Отличается простой и оригинальной анимацией, наличием художественных иллюстраций, прорисовкой всех деталей. Пример.
  • Каллиграфия, чернила в кадре. Характеризуется появлением в кадре чернил, дополняющих иллюстрации. Впервые эту технику применили в фильме «Шерлок Холмс» Гая Ричи. В титрах были использованы фотографии, текстуры чернил, иллюстрации и каллиграфия. Пример.
  • Покадровая анимация. Сложная и кропотливая техника производства. Характеризуется тем, что каждый кадр прорисовывается вручную. Такая анимация часто используется при создании юмористических проектов при участии разных персонажей. Отрасли применения — реклама на тв, социальные видеоролики. Пример.
  • Всплывающая анимация. Заключается в том, что анимированные окна всплывают при нажатии пользователем на определённые кнопки в браузере. Знакомые всем «всплывающие окна». Пример.
  • «Жидкий» дизайн. Стиль, который характеризуется, нереалистичным движением персонажей и объектов в кадре. Вместо линий и геометрических фигур для перехода от одного движения к другому, используется техника «перетекания» с характерными брызгами и каплями. Отличается яркими и насыщенными цветами. Пример.
  • Телевизионный. Это целая сфера моушн дизайна, пришедшая из эфиров телевидения. Отличается сочетанием ракурса камеры, композиции и цветовой гаммы. Техника применяется в заставке передач на тв, новостных выпусков. Пример.
  • Гибрид 2D и 3D. Комбинирование 2D и 3D эффектов, которое применяется в кино и рекламе. Слияние двухмерной и трёхмерной анимации. Пример.

Заведите библиотеку вдохновения

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

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

Заведите себе привычку, каждый день находить 1-2 вдохновляющих видео или изображения и добавлять их в свою библиотеку. Уже через 30 дней у вас будет 30-60 крутых работ, которые будут служить источником вдохновения.

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

Читать вторую часть

Читайте также:

Типографика в моушн дизайне

Andrew Kramer. О творческом развитии моушн-дизайнера

Огромная подборка уроков по Expressions в After Effects

Курс «Супер Моушн»

При помощи 2D моушн-графики вы можете создать стильную вступительную заставку с логотипом к своему видео. Такие заставки часто используют видеоблоггеры на YouTube.

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

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

Этот видеокурс разрабатывался таким образом, чтобы быть максимально полезным и
простым для освоения новичкам. Но при этом, курс «Супер Моушн» будет также
интересен и более продвинутым пользователям After Effects.

15. Card Swipe

Еще одна анимация смахивания только для пользователей Principle. Создана она для слайдшоу или интерфейсов приложений.

веб дизайн, приложения, юзабилити, U,-дизайн, web-дизайн, макеты, шаблоны, ссылки, ресурс, ui, интерфейс, анимация

Ресурс идеально подойдет новичкам, только осваивающим Principle.

Рейтинг
( 1 оценка, среднее 5 из 5 )
Загрузка ...