nonotion nonotion luccagualda.com ↗

// NoSpeed

// GUIA VISUAL — v0.3.0 · Editor de curvas de easing · After Effects + Premiere Pro

Controle o timing com cubic-bézier, funções matemáticas e blend: aplique em lote no After Effects ou asse a curva nos clipes do Premiere.

// LEIA DE CIMA PRA BAIXO — É UM FLUXO
// abre em Window → Extensions → NoSpeed no After Effects e no Premiere Pro

O que o NoSpeed faz

O timing padrão dos apps Adobe é grosseiro. Animação boa vive nas curvas — e ajustar easing propriedade por propriedade é lento e difícil de repetir.

O NoSpeed traz um editor visual de curva cubic-bézier com curvas matemáticas, blend e presets. No After Effects ele aplica o easing aos keyframes selecionados; no Premiere Pro ele reproduz a curva criando keyframes intermediários nos clipes selecionados.

// O PROBLEMA

Easy Ease igual pra tudo, ajuste manual de influência/velocidade no Graph Editor, timing que você não consegue reproduzir no próximo keyframe nem descrever pra outra pessoa.

// A SOLUÇÃO

Uma curva cubic-bezier(x1,y1,x2,y2) editável e nomeável, combinável com SINE/BACK/ELASTIC/BOUNCE, aplicada em lote com presets, captura (GRAB) e expression exata no AE.
Ferramenta independente. O NoSpeed tem estética própria (terminal escuro / verde neon) e leva o controle de easing por curva pro seu painel, aplicado em lote.

Anatomia do painel

Tudo cabe numa coluna. De cima pra baixo: editor, ferramentas, modo, // MATH_CURVE, biblioteca de presets, status e aplicar. O bloco // ADVANCED fica escondido até você ligar ADV.

Os blocos, na ordem

BlocoPra que serve
CURVE_EDITORCanvas com a curva e os dois handles arrastáveis + leituras OUT/IN/SPD + preview animado.
FerramentasSNAP, GRAB, FLIP, INV, RVS, RESET, ADV.
MODEBOTH / IN / OUT — que lado do keyframe recebe a curva.
ContadoresKEYS selecionados, PROPS elegíveis, SKIP pulados.
MATH_CURVEFunção matemática, direção, parâmetros e mistura BLND com a bezier desenhada.
PRESETSCategorias, busca, grade de presets, salvar / importar / exportar.
STATUSTerminal de feedback: READY / APPLIED / WARNING / EMPTY / ERROR.
APPLY CURVEO botão grande no rodapé (ou tecle Enter).

Numa dockagem larga o painel reorganiza automaticamente em duas colunas (editor à esquerda, presets à direita).

Como ler a curva

A curva é uma cubic-bézier de 4 números. O eixo X é o tempo (0 → 1); o eixo Y é o progresso da animação (0 → 1). O caminho que a linha faz entre os cantos é o "sabor" do movimento.

TEMPO → PROGRESSO → P0 (início) P3 (fim) P1 (x1,y1) P2 (x2,y2) Os 4 números x1,y1 = handle de saída (P1) x2,y2 = handle de chegada (P2) As leituras do painel OUT = x1 · quanto o começo "segura" IN = 1 − x2 · quanto o fim "assenta" SPD = AUTO · velocidade tirada dos keyframes Linha tracejada = linear (sem easing). Quanto mais a curva desvia dela, mais "ease".
// exemplo: EASE_IN_OUT = cubic-bezier(0.42, 0, 0.58, 1)
Overshoot é permitido. O eixo X dos handles fica travado em 0…1, mas o Y pode passar de 0 e de 1 (faixa -1…2). Puxe um handle pra fora e a curva "estoura" além do alvo antes de assentar — o canvas expande o eixo Y sozinho pra você ver isso.

O fluxo em 4 passos

Do keyframe cru ao timing pronto. Os passos 2 e 3 são onde mora a criatividade; 1 e 4 são só selecionar e clicar.

1 · SELECIONAR keyframes na timeline 2 · MOLDAR preset · handles · GRAB 3 · MODO BOTH · IN · OUT 4 · APLICAR Enter / APPLY CURVE
// cada APPLY roda dentro de um undo group — Ctrl+Z desfaz tudo de uma vez

01 // SELECIONAR

O NoSpeed trabalha em cima do que está selecionado na timeline. Ele fica lendo a seleção sozinho (a cada ~1,2 s) e atualizando os contadores e o status.

  1. Abra uma composição e revele as propriedades animadas (U mostra só as que têm keyframe).
  2. Selecione os keyframes — em uma ou várias propriedades, de uma ou várias camadas.
  3. Confira os contadores: KEYS (keyframes elegíveis), PROPS (propriedades) e SKIP (pulados).

O que conta e o que é pulado

Uma propriedade só entra na conta se tiver 2+ keyframes e keyframes selecionados. São puladas e reportadas:

  • Camada travada (locked).
  • Cor — o easing temporal de cor não é suportado.
  • Tipo não suportado (marker, texto-fonte, etc.) e propriedades com menos de 2 keyframes.
  • Com expression ativa — puladas por padrão (as suas próprias, geradas pelo AS_EXPR, não contam como obstáculo). Use FORCE_EXPR pra ignorar esse pulo.
Position é diferente de Scale. Propriedades espaciais (Position) recebem um easing temporal escalar — o timing vale para o movimento inteiro. Propriedades multidimensionais como Scale recebem o easing por dimensão. O NoSpeed cuida disso automaticamente.

02 // MOLDAR A CURVA

Três formas de chegar na curva certa: escolher um preset, arrastar os handles ou capturar de um keyframe que já existe. Tudo alimenta a mesma curva ativa.

Arrastar os handles

  • Arraste P1 (saída) e P2 (chegada) direto no canvas — as leituras OUT/IN acompanham.
  • SNAP: liga o encaixe em passos de 5% pra valores redondos.
  • Segure Shift/Alt para ajuste fino.
  • Mexer num handle transforma o preset ativo em CUSTOM (a curva deixa de estar "presa" ao preset).

Transformações rápidas

  • FLIP (H) — reverte no tempo: troca IN ⇄ OUT. Um ease-out vira ease-in.
  • INV (V) — inverte a função: troca aceleração ⇄ desaceleração.
  • RVS (T) — espelha no tempo os valores e eases dos keyframes selecionados. Disponível somente no After Effects.
  • RESET (R) — volta pro EASE_IN_OUT padrão.

GRAB — capturar uma curva existente

Gostou do timing de um keyframe que já está na comp? O GRAB lê a curva de easing do primeiro par de keyframes selecionado e a coloca no editor, pronta pra reaproveitar.

  1. Selecione 2+ keyframes (um segmento) cujo easing você quer copiar.
  2. Clique GRAB. O status mostra GRABBED FROM <propriedade>.
  3. Ajuste, salve como preset, ou aplique em outra seleção.

Preview animado

O botão PRE (P) liga um preview: um ponto correndo com o easing da curva efetiva, ao lado de um tick linear. Respeita a preferência de movimento reduzido do sistema.

MATH_CURVE + RVS

A bezier continua sendo a base verde. A versão 0.3.0 adiciona uma curva matemática amarela que pode substituir ou se misturar ao desenho com o slider BLND.

// FUNÇÕES

SINE, QUAD, CUBIC, QUART, EXPO, CIRC, BACK, ELASTIC e BOUNCE, cada uma com direção IN / OUT / INOUT.

// PARÂMETROS

AMP ajusta a intensidade de Back/Elastic; PER muda o período de Elastic; BLND 0–100% mistura a bezier com a função escolhida.
No After Effects: curvas matemáticas e blends usam expression exata automaticamente, porque KeyframeEase não representa toda a forma de Bounce/Elastic. A curva efetiva aparece em amarelo no editor.
RVS é outra operação: ele não muda o desenho da curva; inverte a sequência temporal dos keyframes selecionados, preservando valores e eases espelhados. Cada operação fica em um grupo de undo no AE.

03 // MODO — BOTH / IN / OUT

O modo decide qual lado de cada keyframe recebe a curva. O lado que você não escolhe é preservado como está.

// BOTH

Aplica a curva nos dois lados de cada keyframe selecionado — o easing completo. É o padrão.

// IN

Só a chegada (o easing de entrada) de cada keyframe. Usa o intervalo com o keyframe anterior.

// OUT

Só a saída (o easing de saída) de cada keyframe. Usa o intervalo com o keyframe seguinte.
Por que separar IN/OUT: às vezes você quer só suavizar a saída de um keyframe sem tocar em como ele chega. Com OUT, o lado IN fica intacto — nada de refazer o que já estava bom.

04 // APLICAR

Um clique no botão grande // APPLY CURVE (ou Enter) grava a curva em toda a seleção elegível. Também há um APPLY compacto no topo do painel.

  1. Confira MODE e os contadores KEYS/PROPS/SKIP.
  2. Clique // APPLY CURVE ou tecle Enter.
  3. Leia o STATUS: quantos keys, propriedades e pulados. Se algo tinha expression, aparece um WARNING amarelo dizendo quantas foram puladas.
  4. A curva aplicada entra automaticamente nos recentes (RCT).

No After Effects, cada apply roda num undo group próprio. No Premiere, Ctrl+Z desfaz a aplicação assada.

O status é seu console. Verde = ok, amarelo = aviso (algo foi pulado), vermelho = erro. Ele segura a última mensagem por alguns segundos antes de voltar a mostrar a seleção ao vivo.

Premiere Pro — mesma curva, outro motor

O Premiere não expõe os handles bezier dos parâmetros por script. Por isso o NoSpeed “assa” a curva: cria keyframes intermediários, um por frame, entre cada par já existente.

  1. Selecione um ou mais clipes com 2+ keyframes em Motion ou em efeitos.
  2. Escolha a bezier, a função matemática ou o blend.
  3. Clique // APPLY CURVE; o status mostra BAKED n KEYS.
  4. Se necessário, use Ctrl+Z imediatamente para desfazer.
No PremiereComportamento
Badge PPROO host é detectado automaticamente.
APPLYAté 150 keyframes intermediários por segmento, no máximo.
Re-APPLYSegmento já assado é reconhecido e não duplica keyframes.
OcultosGRAB, AS_EXPR, RVS e modos IN/OUT não existem nesse host.

Biblioteca de presets

Presets são curvas nomeadas. O NoSpeed vem com um conjunto interno por categoria, e você monta o seu — com favoritos, recentes, busca e import/export.

Categorias e busca

  • Filtros: ALL, STD (standard), MOT (motion), EDT (editorial), UTL (utility), RCT (recentes), (favoritos) e USR (seus).
  • A busca // SEARCH filtra por nome dentro da categoria atual.
  • Cada preset mostra uma miniatura da curva — dá pra reconhecer o timing de relance.

Favoritos e recentes

  • Clique na estrela (☆ / ★) do preset para favoritar — vira atalho na aba .
  • RCT guarda automaticamente as últimas curvas aplicadas, mesmo as custom.

Seus presets

  • // SAVE_PRESET — salva a curva ativa com um nome (categoria USER).
  • Renomear: duplo clique no preset de usuário.
  • Deletar: no × do preset, ou clique direito.
  • IMPORT / EXPORT — leva sua biblioteca (JSON) entre máquinas e projetos.

Presets internos

PresetCategoriaSensação
LINEARSTANDARDSem easing, velocidade constante.
EASE_INSTANDARDComeça devagar, acelera até o fim.
EASE_OUTSTANDARDEntra rápido, desacelera no fim.
EASE_IN_OUTSTANDARDSuave nas duas pontas. O padrão.
GLIDEMOTIONDeslize fluido, saída macia.
FLOATMOTIONFlutuante, simétrico e leve.
SLOW_DRIFTMOTIONDeriva lenta e contida.
SOFT_SETTLEEDITORIALChega rápido e assenta com carinho.
QUICK_PUNCHEDITORIALEstalo seco, punch editorial.
SNAPUTILITYSegura, dispara e trava. Bem rígido.
HEAVY_INUTILITYArranque bem pesado na entrada.
HEAVY_OUTUTILITYFreada pesada na saída.

Modo avançado

O botão ADV revela o bloco // ADVANCED: edição numérica exata, colar/copiar strings cubic-bezier, e o modo expression para curvas exatas.

Edição numérica

  • Campos X1 / Y1 / X2 / Y2 para digitar a curva com precisão.
  • Colar uma string cubic-bezier(…) ou a,b,c,d no campo e clicar SET (ou Enter).
  • // COPY_BEZIER copia a curva atual como string — pronta pra CSS ou pra colar em outro lugar.

FORCE_EXPR

Por padrão, propriedades com expression são puladas. FORCE_EXPR ignora esse pulo e aplica mesmo assim.

AS_EXPR — curva exata via expression

O modo normal converte a bezier em influência + velocidade de KeyframeEase. Quando você precisa do easing matematicamente idêntico ao CSS, ligue AS_EXPR: o NoSpeed grava uma expression auto-contida que interpola cada segmento com a curva exata.

Trade-off do AS_EXPR: você ganha exatidão, mas a propriedade passa a ter uma expression (não são mais keyframes "puros"). Para voltar aos keyframes, use CLEAR_EXPR e reaplique sem o AS_EXPR.

Atalhos de teclado

Funcionam com o painel em foco e fora de campos de texto. Deixam o fluxo quase todo sem mouse.

TeclaAção
EnterAplicar a curva na seleção (APPLY CURVE).
19Aplicar o N-ésimo preset visível na grade.
HFLIP — reverso no tempo (troca IN ⇄ OUT).
VINV — inversa da função (troca aceleração ⇄ desaceleração).
RRESET — volta ao EASE_IN_OUT.
PLiga/desliga o preview animado.
TRVS — inverte valores e eases no tempo (somente After Effects).
Ctrl / Alt / ⌘ são ignorados pelos atalhos (pra não brigar com os atalhos do próprio AE), e nada dispara enquanto você digita num campo.

Dicas e solução de problemas

// SEM COMP / SEM KEYS

Status EMPTY ou NO ACTIVE COMP: abra uma composição e selecione keyframes. A maioria das ações precisa de seleção.

// SKIP ALTO

Muitos pulados? Confira camadas travadas, propriedades de cor, ou com expression. Para forçar sobre expressions, ligue FORCE_EXPR.

// GRAB NÃO PEGA

"SELECT 2+ KEYFRAMES TO GRAB": o GRAB precisa de um segmento — pelo menos dois keyframes num intervalo.

// EXPRESSION AVISO

Aplicou e viu WARNING amarelo? Uma ou mais propriedades tinham expression e foram puladas — decida entre FORCE_EXPR ou limpar antes.

// CURVA "NÃO PEGOU"

Se o resultado parece linear, confirme o MODE e se os keyframes certos estavam selecionados antes de aplicar.

// DESFAZER

Cada APPLY e cada CLEAR_EXPR é um único undo group — Ctrl+Z reverte o lote inteiro de uma vez.

// PREMIERE NÃO MOSTRA GRAB

É esperado: o Premiere não entrega os handles à API. Nesse host também ficam ocultos AS_EXPR, RVS e IN/OUT.

// BAKED MUITO DENSO

O bake usa um keyframe por frame, com teto de 150 por segmento. Em segmentos longos, o limite evita sobrecarregar a timeline.

Instalar & abrir

Versão 0.3.0: After Effects 2020 (17.0)+ e Premiere Pro 2020 (14.0)+, Windows ou macOS. Instala por usuário — sem administrador.

// USUÁRIO FINAL

Extraia o _installer.zip e dê dois cliques em INSTALAR.cmd (Windows) ou rode bash instalar-mac.command (macOS). O pacote também inclui desinstalador. Alternativa: instale o .zxp assinado com um gerenciador de ZXP.

// ABRIR NO HOST

Reinicie o After Effects ou o Premiere Pro e vá em Window → Extensions → NoSpeed. O painel detecta o host e adapta os controles automaticamente.