Что такое джиттер? Все, что вам нужно знать об этом инструменте моушн-дизайна

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

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

Что такое джиттер?

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

Предпосылка Jitter заключается в том, что это похоже на Figma, но для моушн-дизайна. Что это значит? Итак, Figma — это простой в использовании браузерный инструмент для дизайна UX/UI. Не говоря уже о том, что Figma также стала ведущим инструментом для индустрии дизайна UX / UI, став более популярным, чем предыдущий отраслевой стандарт: Adobe. Jitter стремится стать этим и даже больше.

Возможно, вы знаете о программном обеспечении Adobe After Effects. Часто используется для видеодизайна и анимации, отлично подходит для создания моушн-дизайна для социальных сетей или создание LottieFiles для вашего UX/UI дизайна. Но его сложно освоить, и он занимает много места на жестком диске. У вас не будет этих проблем с Jitter. Моушн-дизайн для настоящих новичков. Он может похвастаться интуитивно понятным интерфейсом, простыми действиями и отличными результатами.

Бесплатен ли джиттер?

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

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

Вы можете экспортировать как в формате GIF, так и в формате видео. Это отлично подходит для любого использования в социальных сетях, например, для создания историй или постов в Instagram. Вы можете даже сделать интро на ютубе. В бесплатной версии вы можете экспортировать только в формате 720p со скоростью 30 кадров в секунду. Бесплатная версия дает вам множество вариантов дизайна, и большинству людей, вероятно, не потребуется гораздо больше от платного плана.

Вы можете отменить свой платный план в любое время. Существует два варианта оплаты: 18 долларов США в месяц при ежемесячной оплате или эквивалент 12 долларов США в месяц, но при ежегодной оплате 114 долларов США.

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

Шаблоны

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

Несмотря на огромный выбор шаблонов, каждый из них можно отредактировать, чтобы сделать его уникальным для вашего стиля и бренда. Шаблоны являются отличным руководством для изучения того, как работает Jitter. Щелчок по любому шаблону перенесет дизайн в рабочую область. Рабочее пространство предлагает два разных способа изменения моушн-дизайна; есть Ддизайн рабочее пространство и Аанимация рабочая среда.

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

Настройка

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

Отличный способ использовать Jitter — импортировать файлы из Figma с Плагин Фигмы. Если у вас есть дизайн UX/UI, созданный вами в Figma, в котором отсутствуют некоторые анимированные элементы, импортируйте дизайн прямо в Jitter одним нажатием кнопки. Это добавляет еще один отличный инструмент для использования с Figma.

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

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

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

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

Моушн-дизайн стал проще благодаря джиттеру

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

Что такое файлы Lottie и почему все их используют?

Читать дальше

Об авторе