Slopographic

Руководство по Slop Effects

Начало работы со Slop Effects

Slop Effects создаёт моушн-графику в браузере: слои, ключевые кадры и эффекты, которые выводятся на вашем устройстве. Ничего не отправляется.

Открыть Slop Effects

Добавьте слой

  1. Нажмите «Слой» вверху и выберите «Текст». Также доступны «Сплошной», «Фигура», «Нулевой» и изображения или видео с вашего компьютера или из Slop Drive.
  2. На вкладке «Слой» справа введите текст в поле «Текст». «Подогнать рамку под текст» делает рамку по его размеру.
  3. «Композиция» вверху задаёт размер, частоту кадров, длительность и фон.

Анимируйте

На вкладке «Движение» также есть «Случайное движение»: плавное покачивание, которое повторяется при том же зерне.

  1. Откройте вкладку «Движение». Выберите пресет в разделе «Вход» (появление, выезд снизу, «Всплытие» или вращение) и нажмите «Вход». Конец анимации задаётся так же через «Выход».
  2. Для собственной анимации передвиньте playhead, затем нажмите ромбик рядом со свойством, например положением или прозрачностью, чтобы добавить ключевой кадр. Передвиньте playhead снова и измените значение.
  3. Ключевые кадры видны ромбиками на «Шкале времени». Перетаскивайте их, чтобы менять тайминг. «Редактор графиков» показывает кривые сглаживания.
  4. Нажмите пробел, чтобы воспроизвести. «Повтор», «Вход» и «Выход» под превью задают, что проигрывается.

Добавьте эффекты

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

Текстовый слой «Hello» с эффектом «Свечение» в Slop Effects и двумя ключевыми кадрами на шкале времени

Выведите результат

Видео записывается в реальном времени, поэтому клип в 5 секунд выводится около 5 секунд. «Сохранить в Slop Drive» (Ctrl+S) сохраняет проект.

  1. Нажмите «Вывод» (Ctrl+E).
  2. Выберите «Формат»: последовательность PNG (ZIP-архив с прозрачностью), WebM или MP4, если ваш браузер может их записать.
  3. Выберите «Диапазон» и нажмите «Вывод».
Окно вывода Slop Effects: последовательность PNG для всей композиции 1920×1080 при 30 кадрах в секунду

Сочетания клавиш

КлавишиЧто делает
SpaceВоспроизведение или пауза
Left / RightПредыдущий / следующий кадр
Shift+Left / Shift+RightНазад / вперёд на 10 кадров
I / OЗадать начало / конец диапазона воспроизведения
LВключить или выключить повтор
Ctrl+Shift+TДобавить текстовый слой
Ctrl+Shift+NДобавить сплошной слой
Ctrl+DДублировать слой
Ctrl+EВыведите результат
Ctrl+SСохранить в Slop Drive