Qual é o quadro-chave?

Animação tradicional

Quadros-chave são parte integrante do processo de animação que volta ao desenho 2-D. Os animadores criam animações desenhadas à mão primeiro, delineando todos os quadros-chave da animação antes de trabalhar nos detalhes. Esses keyframes sugeririam o curso geral de ação para animação, mas com uma quantidade significativa de espaço entre eles. Muitas vezes, esses keyframes foram feitos pelos principais animadores e depois entregues a outros animadores para preencher as lacunas.

Animação computadorizada

Os quadros-chave são usados ​​por programas de animação por computador, como o Adobe Flash, de uma maneira um pouco diferente. O usuário deste programa pode designar certos pontos em sua linha do tempo como quadros-chave. Estes são lugares onde algo está mudando drasticamente, como uma pessoa caminhando ao mudar de direção. As diferenças entre esses quadros-chave podem ser preenchidas com "Objetos" ou caminhos de movimento. Os objetos preenchem automaticamente o espaço entre os quadros-chave, movendo a animação de um ponto para outro ou ajustando a forma da animação. Um caminho de movimento é como uma interpolação de movimento, mas permite um caminho mais complicado que pode ser extraído pelo animador.

Gráficos em movimento

Programas de gráficos em movimento, como o Apple Motion e o Adobe After Effects, também usam keyframes. Quadros-chave são usados ​​quando qualquer parâmetro dos gráficos em movimento precisa ser ajustado, como o tamanho da posição ou cor. Em geral, esses programas possuem recursos de rastreamento de movimento. Isso significa que, se você precisar do efeito para rastrear algo no vídeo que já está em execução, basta definir alguns quadros-chave ao longo desse caminho e permitir que o programa acompanhe o objeto.

CSS3

CSS é a linguagem de programação usada pelos web designers para controlar a aparência de suas páginas da web. CSS3 é a nova entrega do código CSS, embora esteja disponível apenas no Safari ou no Google Chrome em julho de 2011. O CSS3 permite que os web designers criem dois quadros-chave e, em seguida, criem uma animação com ambos. Por exemplo, você pode definir duas caixas com rótulos e movê-las para um lado ou para outro. Embora a capacidade de enquadramento fundamental do CSS3 não seja tão avançada quanto outras formas de animação, é uma ferramenta muito útil para animações simples que devem ser colocadas na Internet.

Referências

• Manual do usuário da Apple Motion: O que é keyframing? (Qual é o quadro-chave?)
• Animando com quadros-chave Flash; Gurdy Leete e Ellen Finkelstein (Animação com keyframes Flash)
• Siggraph; Princípios da Animação; G. Scott Owen; Março de 1999 (Princípios da animação)
• Lee Munroe; Comece a experimentar com animações de quadros-chave CSS3; Julho de 2011 (comece a experimentar com animações de keyframes CSS3, julho de 2011)