Keyframes Básico
Introdução a animação com keyframes para criar movimentos e efeitos dinâmicos.
O que você vai aprender
- Adicionar e editar keyframes no painel de efeitos para animar parâmetros
- Criar animações de opacidade (fade in/out) usando keyframes
- Animar posição e escala para criar efeito Ken Burns em imagens estáticas
- Escolher o tipo de interpolação adequado: linear, suave, ease in/out ou bézier
Keyframes Básico🔗
Keyframes são fundamentais para animação em vídeo. Neste tutorial, você vai aprender a usar keyframes para criar movimentos suaves e efeitos dinâmicos.
O Que Você Vai Aprender🔗
- Entender como keyframes funcionam
- Criar animações básicas de opacidade
- Animar posição e escala
- Usar o editor de curvas
Duração: ~20 minutos
Conceito: O Que é um Keyframe?🔗
Um keyframe define o valor de um parâmetro em um momento específico. O software interpola os valores entre keyframes.
Exemplo: Opacidade de 0% no frame 0 → 100% no frame 60
- Frames 1-59: Kdenlive calcula valores intermediários
- Resultado: fade in suave
Passo 1: Ativar Keyframes em um Efeito🔗
- Adicione um efeito a um clipe (ex: Corretor de Cor)
- Encontre um parâmetro com ícone de diamante (◇)
- Clique no ícone para ativar keyframes
keyframe-ativar.png
Passo 2: Criar Animação de Opacidade🔗
Vamos criar um fade in:
- Posicione o playhead no início do clipe
- No parâmetro de Opacidade, clique no ícone ◇
- Digite 0 (ou use o slider)
- Mova o playhead para 2 segundos depois
- Digite 100
O Kdenlive cria automaticamente keyframes nos pontos definidos.
keyframe-fade-in.png
Passo 3: Usar o Editor de Curvas🔗
O editor de curvas dá controle preciso:
- Menu → Exibir → Editor de Curvas de Keyframe
- Veja todos os keyframes do clipe selecionado
- Arraste keyframes para ajustar timing
- Arraste as alças de curva para mudar interpolação
Tipos de Interpolação🔗
Linear🔗
Valor muda em velocidade constante. Bom para fades simples.
Suave (Smooth)🔗
Transição com aceleração/desaceleração. Bom para movimentos naturais.
Ease In / Ease Out🔗
Você controla de forma independente o início e fim da curva.
keyframe-curvas-tipos.png
Passo 4: Animar Posição🔗
Vamos criar um efeito de “Ken Burns” (panorâmica em imagem estática):
- Adicione o efeito Posição
- Mova o playhead para o início
- Defina a posição inicial (ex: centro)
- Mova o playhead para o fim
- Defina a posição final (ex: deslocado 20% para direita)
- Use interpolação Smooth para movimento natural
Passo 5: Animar Escala🔗
Para criar efeito de “zoom in”:
- Adicione o efeito Posição (que inclui escala)
- No parâmetro Escala:
- Início: 100%
- Fim: 120%
- Use interpolação Ease Out para desaceleração no final
Prática: Criar Lower Third Animado🔗
Um lower third é a barra com nome/título que aparece em entrevistas:
- Adicione um título (Filtros → Título)
- Posicione na parte inferior da imagem
- Adicione efeito de Opacidade com keyframes:
- Frame 0: 0%
- Frame 15: 100% (entrada suave)
- Frame 90: 100%
- Frame 105: 0% (saída suave)
- Use interpolação Smooth em todas as transições
keyframe-lower-third.png
Dicas🔗
Menos é Mais🔗
Muitos keyframes com curvas complexas podem criar movimento errático. Comece simples.
Previews são Essenciais🔗
Reproduza frequentemente para verificar se o movimento está fluido.
Use Markers como Referência🔗
Adicione markers na timeline para saber onde você quer que keyframes aconteçam.
Exercício🔗
Desafio: Crie uma animação de “imagem dentro da imagem”:
- Use uma imagem ou clipe de vídeo
- Adicione efeito de Posição com escala e posição
- Anime: no início, imagem pequena no canto; no meio, imagem expandida para fullscreen; no fim, imagem volta ao canto
- Use interpolação smooth para transições suaves
Dica: isso simula o efeito visto em telejornais quando mostram “B-roll”.
Perguntas para reflexão
Você aprendeu