Плагин Motion позволяет создавать анимацию в Фигме. Экспорт GIF, спрайтов или кадров 24/60 кадров в секунд
Воспроизведение
- Чтобы воспроизвести анимацию, нажмите кнопку воспроизведения или нажмите [Пробел]. Чтобы остановиться — снова нажмите на кнопку или нажмите [Пробел].
- Вы можете указать, как будет работать остановка. Она может приостановить анимацию или перейти к началу. Для настройки перейдите в Меню / Настройки / Воспроизведение.
- Если предварительный просмотр анимации запаздывает, вы можете настроить 24/60 кадров в секунду в Меню / Настройки / Воспроизведение. Не волнуйтесь, это не повлияет на экспорт.
Добавить/удалить ключевые кадры
Есть несколько способов добавить ключевые кадры. первый — это двойной щелчок по любому свойству на временной шкале в нужное время. Следующий — кликнуть на розовом ключевом кадре на любом имени свойства. В этом случае ключевой кадр будет добавлен на текущую позицию времени. Еще один способ — нажать на кнопку «Добавить ключевой кадр» из выпадающего меню на шкале времени. Клавишный кадр получит текущее значение узла.
Для удаления ключевого кадра или ключевых кадров нажмите кнопку [Backspace]/[Delete] keyframe или нажмите кнопку ’Delete keyframe’ из выпадающего меню на ключевом кадре.
Свойства ключевых кадров
Можно задать значение ключевого кадра, ослабление и, в некоторых случаях, точку привязки.
Свойства X, Y и Rotation относятся к опорной точке узла. Очень важно понимать этот факт. Значение, которое вы видите в панели свойств, является относительным по отношению к точке привязки узла. Это общее для свойств X, Y и Rotation.
Экспорт
- Вы можете экспортировать свою анимацию любым способом.
- GIF. Он экспортирует файл @1x.gif. Вы можете установить 24/60 fps и параметры петли в Меню / Настройки / Экспорт.
- Спрайты. Он экспортирует файл @2x.png со всеми кадрами. Вы можете установить 24/60 кадров в секунду в Меню / Настройки / Экспорт.
- Кадры. Будет экспортирован zip-файл с файлами @2x.png со всеми кадрами. Параметры 24/60 кадров в секунду можно задать в Меню / Параметры / Экспорт.
Горячие клавиши
- [Главная] — запустите.
- [Конец] — конец.
- [Клавиши со стрелками] — вперед/назад на 100 мс.
- [Клавиши со стрелками + Ctrl] — вперед/назад на 10 мс.
- [Клавиши со стрелками + Shift] — движение вперед/назад на 500 мс.
- [Ctrl+T] — установка времени.
- [Двойной щелчок] на шкале времени — добавить ключевой кадр.
- [Backspace]/[Delete] — удалить ключевые кадры.
- [Перетаскивание] — передвинуть ключевой кадр на 100 мс.
- [Drag + Ctrl] — перемещение ключевого кадра на 10 мс.
- [Ctrl + C] — копировать ключевой кадр.
- [Ctrl + V] — вставить ключевой кадр.
- [Drag + Alt] — копировать ключевой кадр и перемещать на 10 мс.
- [Ctrl + E] — экспорт GIF.