Motion: Бесплатный редактор анимации онлайн | Morph

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

Четыре панели

Проект — дерево папок вашей композиции: Главная композиция, Текст, Ресурсы, Предварительные композиции, Сплошные слои. Каждая папка — цель для перетаскивания файлов.
Просмотр композиции — сцена. Слои рендерятся снизу вверх с оценкой трансформаций в текущий кадр.
Свойства — позиция X/Y, масштаб, поворот и прозрачность выбранного слоя, каждое из которых можно анимировать.
Таймлайн — стек слоев с переключателями видимости, аудио, соло, блокировки и скрытия, указателем воспроизведения и ключевыми кадрами по свойству.

Ключевые кадры

Нажмите на часы рядом со свойством, чтобы включить анимацию. Переместите указатель воспроизведения, измените значение, и ключевой кадр будет записан. По умолчанию используется кубическая кривая Безье ease-in-out; каждый ключевой кадр можно настроить на линейный, ease-in, ease-out, bounce, back или собственные ручки.

Композиции

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

Совместимость с After Effects

Motion читает .aepx, XML-формат проекта Adobe (Файл → Сохранить копию как → XML в After Effects). Слои, трансформации и ключевые кадры импортируются, так что существующий проект можно продолжить в браузере.

Как использовать

Открыть Motion — Перейдите на morph.cool/motion. Редактор загружается в браузере; не требуется аккаунт и установка.
Создать композицию — Установите ширину, высоту, частоту кадров и продолжительность. Перетащите изображения, видео или текстовые слои в панель «Проект»; они читаются с вашего устройства.
Анимировать свойство — Выберите слой, нажмите на часы рядом с Позицией, Масштабом, Поворотом или Прозрачностью, переместите указатель воспроизведения и измените значение. Ключевой кадр будет записан автоматически.
Настроить движение — Установите сглаживание для каждого ключевого кадра — по умолчанию ease-in-out, или линейный, bounce, back и собственные ручки кривой Безье. Вложите повторяющиеся элементы как предварительную композицию.
Предпросмотр и экспорт — Нажмите Пробел для воспроизведения. Экспортируйте композицию в виде видеофайла, который будет обработан на вашем компьютере.

Часто задаваемые вопросы

Motion бесплатен?

Да. Откройте его и анимируйте без аккаунта. Morph Pro добавляет неограниченную версию каждого профессионального инструмента.

Можно ли открыть проекты из After Effects?

Motion читает .aepx, XML-формат проекта, который может сохранить After Effects. Слои, трансформации и ключевые кадры импортируются.

Мои ресурсы загружаются?

Нет. Ресурсы, проект и рендер остаются в вашем браузере на вашем устройстве.

Какие горячие клавиши?

Пробел воспроизводит и останавливает, Home и End перемещают к началу и концу, V — инструмент выбора, H — инструмент руки, Delete удаляет выбранный слой.

Можно ли вкладывать композиции?

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