Slopographic

Guia do Slop Effects

Primeiros passos com o Slop Effects

O Slop Effects cria gráficos em movimento no seu navegador: camadas, quadros-chave e efeitos, renderizados no seu dispositivo. Nada é enviado.

Abrir o Slop Effects

Adicione uma camada

  1. Clique em Camada no topo e escolha Texto. Sólido, Forma, Nula e imagens ou vídeos do seu computador ou do Slop Drive também estão disponíveis.
  2. Na aba Camada, à direita, digite as suas palavras em Texto. Ajustar caixa ao texto faz a caixa acompanhar o texto.
  3. Composição, no topo, define o tamanho, a taxa de quadros, a duração e o fundo.

Anime

A aba Movimento também tem Movimento aleatório: uma oscilação com semente, que você pode repetir usando a mesma semente.

  1. Abra a aba Movimento. Escolha um predefinido em Entrada (Surgir, Deslizar para cima, Estourar ou Girar) e clique em Entrada. Saída funciona do mesmo jeito, para o fim.
  2. Para uma animação sua, mova o cabeçote de reprodução e clique no losango ao lado de uma propriedade, como posição ou opacidade, para adicionar um quadro-chave. Mova o cabeçote de novo e mude o valor.
  3. Os quadros-chave aparecem como losangos na Linha do tempo. Arraste-os para mudar o tempo. O editor de Gráfico mostra as curvas de suavização.
  4. Pressione Espaço para reproduzir. Repetir, Entrada e Saída, abaixo da prévia, definem o que é reproduzido.

Adicione efeitos

Na aba Efeitos, escolha um efeito e clique em Adicionar. Os efeitos são desfoque, sombra projetada, brilho, cor, granulação, vinheta e falha. Eles são aplicados de cima para baixo, e as setas mudam a ordem. Cada número tem o seu próprio losango, então também pode ser animado.

Uma camada de texto em movimento Hello com um efeito Brilho no Slop Effects, com dois quadros-chave na linha do tempo

Renderize

O vídeo é gravado em tempo real, então um clipe de 5 segundos leva cerca de 5 segundos. Salvar no Slop Drive (Ctrl+S) guarda o projeto.

  1. Clique em Renderizar (Ctrl+E).
  2. Escolha o Formato: uma sequência PNG (um zip que mantém a transparência), WebM ou MP4, quando o seu navegador conseguir gravá-lo.
  3. Escolha o Intervalo e clique em Renderizar.
A janela Renderizar do Slop Effects, definida como sequência PNG da composição inteira, em 1920×1080 e 30 fps

Atalhos de teclado

TeclasO que faz
SpaceReproduzir ou pausar
Left / RightQuadro anterior / próximo
Shift+Left / Shift+RightVoltar / avançar 10 quadros
I / ODefinir o início / fim do intervalo de reprodução
LAtivar ou desativar a repetição
Ctrl+Shift+TAdicionar camada de texto
Ctrl+Shift+NAdicionar camada sólida
Ctrl+DDuplicar camada
Ctrl+ERenderize
Ctrl+SSalvar no Slop Drive