Sobre animação, quadros-chave e expressões

A animação é alterada com o tempo. Você anima uma camada ou um efeito em uma camada fazendo com que uma ou mais de suas propriedades mude com o tempo. Por exemplo, é possível animar a propriedade Opacidade de uma camada de 0% no tempo zero para 100% no tempo 1 segundo para tornar a camada esmaecida. Qualquer propriedade com um botão de cronômetro à esquerda de seu nome no painel Linha de tempo ou no painel Controles do efeito pode ser animada.

Ícones de cronômetro: cronômetro ativo e inativo
Ícones de cronômetro

A. Cronômetro ativo B. Cronômetro inativo 

Para animar propriedades de camada com quadros-chave, expressões ou ambos.

Muitas predefinições de animação incluem quadros-chave e expressões para poder simplesmente aplicar a predefinição de animação à camada para obter um resultado animado complexo.

Trabalhe com quadros-chave e expressões no After Effects em um dos dois modos: modo de barra de camadas ou modo Editor de gráfico. O modo de barra de camadas é o padrão, que mostra camadas como barras de duração, com quadros-chave e expressões alinhados verticalmente com suas propriedades no painel Linha de tempo. O modo Editor de gráfico não mostra barras e mostra quadros-chave e resultados de expressão nos gráficos de valor ou gráficos de velocidade. (Consulte Editor de gráfico.)

Quadros-chave

Os quadros-chave são usados para definir parâmetros para movimento, efeitos, áudio e muitas outras propriedades, normalmente as alterando ao longo do tempo. Um quadro-chave marcará o ponto em que você especifica um valor para uma propriedade de camada, como posição espacial, opacidade ou volume de áudio. Os valores entre quadros-chave são interpolados. Quando você usa quadros-chave para criar uma mudança com o passar do tempo, você normalmente usa pelo menos dois quadros-chave – um para o estado no início da mudança e um para o novo estado no final da mudança. (Consulte Definir ou adicionar quadros-chave.)

Quando o cronômetro está ativado para uma propriedade específica, o After Effects define ou muda automaticamente um quadro-chave para a propriedade no tempo atual sempre que você altera o valor da propriedade. Quando o cronômetro está desativado para uma propriedade, a propriedade não possui quadros-chave. Se você alterar o valor de uma propriedade da camada enquanto o cronômetro está inativo, esse valor permanece o mesmo para a duração da camada.

Observação:

Quando o modo Quadro-chave automático estiver ativado, o cronômetro é ativado automaticamente para uma propriedade quando é modificada. (Consulte Modo Quadro-chave automático.)

Se você desativar o cronômetro, todos os quadros-chave para essa propriedade de camada são excluídos, e o valor constante para a propriedade se torna o valor atual. Não desative o cronômetro a menos que tenha certeza de que deseja excluir permanentemente todos os quadros-chave para essa propriedade.

Observação:

Altere os ícones do quadro-chave no modo de barra de camadas para números escolhendo Utilizar índices do quadro-chave no menu do painel Linha de tempo.

Quadros-chave como ícones comparados com quadros-chave como números
Quadros-chave como ícones comparados com quadros-chave como números

Observação:

Quando uma propriedade de camada que contém quadros-chave é recolhida, os pontos cinza (indicadores de quadro-chave resumidos) para o grupo de propriedades mostram que existem quadros-chave contidos nela.

Algumas ferramentas, como Desenho de trajetória e Marionete, definem automaticamente quadros-chave para você combinar o movimento que você esboçou.

Expressões

As expressões usam uma linguagem de script com base em JavaScript para especificar os valores de uma propriedade e para relacionar propriedade a uma outra. Você pode criar expressões simples conectando propriedades com o ícone de seleção. (Consulte Sobre expressões.)

Recursos online de animação

Consulte o tutorial em vídeo, “Animating Transform Properties With Keyframes”, de Jeff Sengstack e Infinite Skills.

Para um tutorial passo a passo que demonstra a animação de camadas individuais de um arquivo do Photoshop (PSD), consulte o capítulo “Animar camadas no After Effects” do After Effects Classroom in a Book no site da Peachpit Press.

O Editor de gráfico

O Editor de gráfico representa valores de propriedade usando um gráfico bidimensional, com tempo de composição representado horizontalmente (da esquerda para a direita). No modo da barra de camadas, por outro lado, o gráfico de tempo representa apenas o elemento de tempo horizontal, sem mostrar uma representação gráfica, vertical de valores de alteração.

Observação:

Para alternar entre o modo de barra de camada e o modo de Editor de gráfico, clique no botão Editor de gráfico  no painel Linha de tempo ou pressione Shift+F3.

Duas propriedades animadas (Posição e Escala) exibidas no Editor de gráfico
Duas propriedades animadas (Posição e Escala) exibidas no Editor de gráfico

Estão disponíveis dois tipos de gráfico no Editor de gráfico: gráficos de valor, que exibem valores de propriedade; e gráficos de velocidade, que mostram as taxas de alteração dos valores de propriedade. Para propriedades temporais, como Opacidade, o gráfico de valor é a predefinição do Editor de gráfico. Para propriedades espaciais, como Posição, o gráfico de velocidade é a predefinição do Editor de gráfico. Para obter informações sobre a exibição e edição de valores de quadros-chave, consulte Exibir ou editar um valor de quadro-chave.

No Editor de gráfico, cada propriedade é representada por sua própria curva. Você pode exibir e trabalhar em uma propriedade por vez ou pode exibir várias propriedades simultaneamente. Quando mais de uma propriedade é visível no Editor de gráfico, cada curva da propriedade tem a mesma cor que o valor de propriedade no contorno da camada.

Quando você arrasta um quadro-chave no Editor de gráfico com o botão Encaixar selecionado, o quadro-chave se encaixa nos valores de quadro-chave, tempos de quadro-chave, tempo atual, pontos de entrada e de saída, marcadores, início e fim do espaço de trabalho e início e fim de composição. Quando o quadro-chave se encaixa em um desses itens, uma linha laranja aparece no Editor de gráfico para indicar o objeto no qual você está encaixando. Mantenha a tecla Ctrl (Windows) ou Command (Mac OS) pressionada depois de começar a arrastar para alternar temporariamente o comportamento de encaixe.

Os quadros-chave no modo Editor de gráfico pode ter as alças de direção conectadas a um ou ambos os lados. As alças de direção são usadas para controlar a interpolação de Bézier.

Você pode usar o botão Dimensões separadas na parte inferior do Editor de gráfico para separar os componentes de uma propriedade Posição em propriedades individuais – Posição X, Posição Y e (para camadas 3D) Posição Z – de forma que você possa modificar ou animar cada uma individualmente. (Consulte Separar dimensões de Posição para animar componentes individualmente.)

Quadros-chave no Editor de gráfico com alças de direção
Quadros-chave no Editor de gráfico com alças de direção

Recursos online sobre o Editor de gráfico

Antony Bolante oferece informações, dicas, ilustrações sobre o uso do Editor de gráfico em um artigo no site da Peachpit Press.

Especificar quais propriedades são mostradas no Editor de gráfico

  1. Clique no botão Mostrar propriedades na parte inferior do Editor de gráfico e selecione uma destas opções:

    Mostrar propriedades selecionadas

    Exibe as propriedades selecionadas no Editor de gráfico.

    Mostrar propriedades animadas

    Exibe propriedades animadas de camadas selecionadas no Editor de gráfico.

    Mostrar conjunto do editor de gráfico

    Exibe as propriedades que tem a opção Editor de gráfico selecionada. Essa opção está ao lado do cronômetro, à esquerda do nome de propriedade, quando o cronômetro está ativo – ou seja, quando a propriedade tem quadros-chave ou expressões.

Opções de gráfico no Editor de gráfico

Clique no botão Tipo e opções de gráfico na parte inferior do Editor de gráfico para selecionar as seguintes opções:

Selecionar tipo de gráfico automaticamente

Seleciona automaticamente o tipo apropriado de gráfico para uma propriedade: gráficos de velocidade para propriedades espaciais (como Posição) e gráficos de valor para outras propriedades.

Editar gráfico de valores

Exibe o gráfico de valores para todas as propriedades.

Editar gráfico de velocidade

Exibe o gráfico de velocidade para todas as propriedades.

Mostrar gráfico de referência

Exibe o tipo de gráfico não selecionado no plano de fundo somente para exibição. (Os números cinza à direita do Editor de gráfico exibe os valores do gráfico de referência.)

Mostrar formas de onda de áudio

Indica a forma de onda de áudio para uma camada com pelo menos uma propriedade no Editor de gráfico.

Mostrar pontos de E/S da camada

Exibe pontos de entrada e de saída de todas as camadas que contêm uma propriedade no Editor de gráfico. Os pontos de entrada e de saída são exibidos como chaves.

Mostrar marcadores de camada

Exibe marcadores de camada no Editor de gráfico, se existirem, para qualquer camada que tenha pelo menos uma propriedade no Editor de gráfico. Os marcadores de camada aparecem como pequenos triângulos.

Mostrar dicas de ferramenta de gráfico

Ativa e desativa as dicas da ferramenta de gráfico.

Mostrar editor de expressão

Mostra ou oculta o campo do editor de expressão.

Permitir quadros-chave entre quadros

Permite a disposição de quadros-chave entre quadros para animação otimizada.

Deslocar e ampliar o Editor de gráfico

  • Para deslocar vertical ou horizontalmente, arraste a ferramenta Mão

Observação:

Para momentaneamente ativar a ferramenta Mão durante o uso de outra ferramenta, pressione e mantenha pressionada a barra de espaço ou o botão do meio do mouse.

  • Para deslocar verticalmente, role a roda do mouse.
  • Para deslocar horizontalmente, pressione a tecla Shift ao usar a roda do mouse.
  • Para ampliar, clique na ferramenta Zoom.
  • Para reduzir, com a tecla Alt (Windows) ou Option (Mac OS) pressionada clique com a ferramenta Zoom.
  • Para aplicar zoom com a roda do mouse, pressione Alt (Windows) ou Option (Mac OS) ao rolar para aplicar zoom horizontalmente. Pressione Ctrl (Windows) ou Command (Mac OS) para aplicar zoom verticalmente.
  • Para aplicar zoom horizontalmente, com a tecla Alt pressionada (Windows) ou Option (Mac OS), arraste para a esquerda na ferramenta Zoom para reduzir ou para a direita para ampliar.
  • Para aplicar zoom verticalmente com a tecla Alt pressionada (Windows) ou Option (Mac OS) arraste para cima com a ferramenta Zoom para ampliar ou para baixo para reduzir.

Observação:

Não é possível deslocar ou ampliar verticalmente quando Altura do zoom automático estiver selecionada.

Definir Altura do zoom automático e ajustar

Altura do zoom automático 

Alterna o modo Altura do zoom automático que dimensiona automaticamente a altura do gráfico para se ajustar à altura do Editor de gráfico. O zoom horizontal ainda precisa ser ajustado manualmente.

Ajustar seleção 

Ajusta o valor (vertical) e tempo (vertical) e escala do gráfico para ajustar os quadros-chave selecionados no Editor de gráfico.

Ajustar tudo 

Ajusta a escala de valor (vertical) e tempo (horizontal) do gráfico para ajustar todos os gráficos no Editor de gráfico.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online