Моушн-дизайн: Бесплатный редактор анимации онлайн | Morph

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

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

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

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

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

Композиции

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

Совместимость .aepx

Моушн-дизайн читает .aepx, XML-формат проекта (File → Save a Copy As → XML в приложении, которое его создало). Слои, трансформации и ключевые кадры импортируются, так что существующий проект можно продолжить в браузере.

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

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

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

Моушн-дизайн бесплатен?

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

Можно ли открыть .aepx-проекты?

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

Мои ресурсы отправляются на сервер?

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

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

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

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

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