Pular para o conteúdo
Menu

Estúdio de vinhetas

Um mini estúdio de abertura de vídeo. Escreva um título e um subtítulo, escolha o estilo e assista à vinheta. A linha do tempo embaixo mostra cada animação e deixa você arrastar para qualquer momento.

Como usar

  1. 01Escreva o título e o subtítulo.
  2. 02Escolha um estilo: cinema, pop, glitch ou minimalista.
  3. 03Aperte play ou arraste a linha do tempo para ver quadro a quadro.

Mouse ou dedoToqueTeclado

experimento ao vivo
Carregando o experimento…
Como isso funciona?

01Cada elemento (letras, linhas, formas e fundo) tem keyframes: momentos em que ele está num lugar, tamanho ou cor. Entre um keyframe e outro, o site calcula os quadros do meio.

02A curva de animação (easing) decide o ritmo entre os keyframes: começar devagar, frear no fim ou quicar. Trocar só a curva já muda o clima da vinheta.

03É o mesmo princípio de programas como After Effects, só que feito do zero com código e desenhado ao vivo no navegador.