Анимация

2 min read

Оживите свой дизайн с помощью встроенной анимации.

Типы анимации

PinePaper включает в себя 8 предустановок анимации:

Анимация Описание Лучшее для
Пульс Нежное масштабирование внутри и снаружи Заголовки, акцент
Вращать Непрерывное вращение на 360° Иконы, логотипы
Отскакивать Прыгать вверх и вниз Игровой контент
Фаде Входить и выходить Тонкий акцент
Колебание Боковое колебание Внимание захватывает
Скольжение Горизонтальное скольжение Входные эффекты
Взлет Вертикальное восходящее движение Входные эффекты
Пишущая машинка Раскрытие по буквам Текст раскрывает

Применять анимации

Способ 1: Панель свойств

  1. Выберите элемент с помощью инструмента выбора (V)
  2. В панели свойств найдите Анимация
  3. Выберите анимацию из выпадающего
  4. Скорость при желании
Q Animation dropdownQ
S Выберите тип анимации из выпадающего
Q

Способ 2: Меню правого клика

  1. Нажмите правой кнопкой мыши на элемент
  2. Выберите Animate Выберите тип анимации

Анимационные настройки

Скорость

Проверьте, как быстро играет анимация:

  • 0,5 — половина скорости (медленнее)
  • 1.0 Нормальная скорость
  • 2.0 — двойная скорость (быстрее)

Удаление анимации

  1. Выберите анимированный элемент
  2. Установите анимацию до Никто в панели свойств

Предварительный просмотр анимаций

  • Нажмите Space, чтобы играть / приостанавливать все анимации
  • Анимации играют автоматически на холсте

Экспортная совместимость

Анимация MP4 GIF SVG
Пульс ✅ ✅ ✅
Вращать ✅ ✅ ✅
Отскакивать ✅ ✅ ✅
Фаде ✅ ✅ ✅
Колебание ✅ ✅ ✅
Скольжение ✅ ✅ ✅
Взлет ✅ ✅ ✅
Пишущая машинка ✅ ✅ ️ Limited
Q

Ограничения SVG: Анимация пишущей машинки имеет ограниченную поддержку в анимационном SVG. Для полной совместимости экспортируйте как MP4 или GIF.

Q

Разработчик: Keyframe Animations

Для сложных анимаций с точным управлением используйте [Keyframe Editor] (/features/keyframes).

Советы

Q

Анимационные советы:

  • Используйте тонкие анимации (пульс, увядание) для профессионального контента
  • Сопоставьте скорость анимации с продолжительностью видео
  • Не переодушевляйтесь — одного или двух анимированных элементов часто бывает достаточно
Q