Slopographic

Guía de Slop Effects

Primeros pasos con Slop Effects

Slop Effects crea gráficos animados en tu navegador: capas, fotogramas clave y efectos, renderizados en tu dispositivo. No se sube nada.

Abrir Slop Effects

Añade una capa

  1. Haz clic en Capa arriba y elige Texto. También están Sólido, Forma, Nula, y las imágenes o vídeos de tu ordenador o de Slop Drive.
  2. En la pestaña Capa, a la derecha, escribe tus palabras en Texto. Ajustar el cuadro al texto hace que el cuadro se ajuste a ellas.
  3. Composición, arriba, fija el tamaño, los fotogramas por segundo, la duración y el fondo.

Anímala

La pestaña Movimiento también tiene Movimiento aleatorio: una oscilación con semilla que puedes repetir con la misma semilla.

  1. Abre la pestaña Movimiento. Elige un preajuste en Entrada (Aparecer desde la nada, Deslizar hacia arriba, Pop o Girar al entrar) y haz clic en Entrada. Salida funciona igual para el final.
  2. Para tu propia animación, mueve el cabezal de reproducción y haz clic en el rombo junto a una propiedad, como la posición o la opacidad, para añadir un fotograma clave. Mueve otra vez el cabezal y cambia el valor.
  3. Los fotogramas clave aparecen como rombos en la Línea de tiempo. Arrástralos para cambiar el ritmo. El editor de Curvas muestra las curvas de aceleración.
  4. Pulsa Espacio para reproducir. Bucle, Entrada y Salida, debajo de la vista previa, fijan lo que se reproduce.

Añade efectos

En la pestaña Efectos, elige un efecto y haz clic en Añadir. Los efectos son desenfoque, sombra proyectada, resplandor, color, grano, viñeta y glitch. Se aplican de arriba abajo, y las flechas cambian el orden. Cada número tiene su propio rombo, así que también puede animarse.

Una capa de texto en movimiento Hola con un efecto de Resplandor en Slop Effects, con dos fotogramas clave en la línea de tiempo

Renderiza

El vídeo se graba en tiempo real, así que un clip de 5 segundos tarda unos 5 segundos. Guardar en Slop Drive (Ctrl+S) conserva el proyecto.

  1. Haz clic en Renderizar (Ctrl+E).
  2. Elige el Formato: una secuencia PNG (un zip que conserva la transparencia), WebM o MP4 cuando tu navegador pueda grabarlo.
  3. Elige el Rango y haz clic en Renderizar.
El diálogo Renderizar de Slop Effects con una secuencia PNG para toda la composición a 1920×1080 y 30 fps

Atajos de teclado

TeclasQué hace
SpaceReproducir o pausar
Left / RightFotograma anterior / siguiente
Shift+Left / Shift+RightRetroceder / avanzar 10 fotogramas
I / OFijar el inicio / fin del rango de reproducción
LActivar o desactivar el bucle
Ctrl+Shift+TAñadir capa de texto
Ctrl+Shift+NAñadir capa sólida
Ctrl+DDuplicar capa
Ctrl+ERenderiza
Ctrl+SGuardar en Slop Drive