Noções básicas de expressão

Se deseja criar e vincular animações complexas, mas quer evitar a criação manual de dezenas ou centenas de quadros-chave, experimente usar expressões. Uma expressão é um pequeno trecho de código JavaScript que pode ser fixado em propriedades animadas dos projetos do After Effects e que é avaliado como um valor único de uma propriedade individual de camada em um momento específico.

Diferentemente de um script, que orienta o aplicativo a fazer algo, a expressão orienta a propriedade a fazer algo. Por exemplo, você tem uma bola se movendo pela tela da esquerda para a direita, mas também deseja que a bola se movimente. Em vez de animar a propriedade Posição com quadros-chave, é possível aplicar uma expressão de chocalho a ela.

A linguagem das expressões é baseada na linguagem JavaScript padrão, mas não é necessário conhecimento sobre JavaScript para começar a usar expressões. Você pode criar expressões usando o ícone de seleção ou copiando exemplos simples e alterá-los para atender suas necessidades. Se quiser saber mais sobre isso, consulte Compreender a linguagem das expressões.

Veja um exemplo básico de repetição com expressões:

A interface do usuário de expressões

Antes de começar a trabalhar com expressões, a primeira etapa é conhecer a interface do usuário. Use as etapas a seguir para começar:

Expressões e quadros-chave

Todas as propriedades do After Effects que podem ser animadas têm um valor de pré-expressão e um valor pós-expressão.

O valor pré-expressão é simplesmente o valor da propriedade antes de qualquer expressão ser aplicada, seja ela estática ou animada por quadros-chave. Pense nos valores pré-expressão como semelhantes aos pixels de uma camada que não possui efeitos aplicados. Esses valores pré-expressão podem ser modificados ou usados por uma expressão, assim como um efeito modifica ou usa os pixels de uma camada, resultando no valor pós-expressão. 

A cor de destaque do valor da propriedade na interface indica se a propriedade está usando um valor pré-expressão ou pós-expressão; valores pré-expressão são azuis, enquanto os valores pós-expressão são vermelhos.

O valor pré-expressão de qualquer propriedade pode ser acessado em uma expressão usando o valor do atributo. Por exemplo, a expressão valor+90 em uma propriedade Rotação adicionaria 90 graus ao valor que a propriedade tinha antes de a expressão ser aplicada. Isso também funciona para valores com quadros-chave; se a Rotação receber quadros-chave nos valores de 0 a 45, a mesma expressão valor+90 fará com que ela seja animada nos valores de 90 a 135. Os valores dos quadros-chave também podem ser acessados de maneira semelhante por meio do key(index).value, usando 1 para o índice para obter o valor do primeiro quadro-chave, 2 para o segundo e assim por diante. O atributo numKeys sempre será igual ao número de quadros-chave na propriedade, portanto key(numKeys).value é o valor do último quadro-chave.

Alguns métodos, como wiggle() ou os vários tipos de loop, usam implicitamente o valor pré-expressão.

Por exemplo, a expressão movimentar(10, 10) anima entre os valores -10 e 10 se uma propriedade tiver um valor de 0, adicionando um movimento de balanço em torno de seu valor existente. O mesmo se aplica quando a expressão é aplicada a uma propriedade com quadros-chave, criando uma animação secundária sobre os valores animados originais. Consulte Atributos e métodos da propriedade (referência de expressão).

Uso de matemática simples em expressões

Os valores da propriedade que contém uma expressão aparecem no texto vermelho ou rosa.

Uma boa maneira de começar a trabalhar com expressões é criar uma expressão simples com o ícone de seleção e, em seguida, ajustar o comportamento da expressão usando operações matemáticas simples, como as listadas na tabela a seguir:

Por exemplo, é possível duplicar o resultado ao digitar *2 no fim da expressão, ou obter a metade do resultado digitando /2 no fim da expressão.

Ao desenvolver expressões de edição confortável, você pode combinar essas operação simples e muito mais. Por exemplo, você pode adicionar /360 *100 ao final de uma expressão para alterar o intervalo de 0-360 a 0-100. Essa alteração será útil se você deseja converter os valores de um seletor de 360 graus em um controle deslizante que é medido em porcentagens.

Menu de idiomas da expressão

O menu Linguagem de expressão no painel Linha do tempo contém elementos de linguagem específicos ao After Effects que você pode usar em uma expressão. Esse menu é útil para determinar os elementos válidos e a sintaxe correta: utilize-o como referência para elementos disponíveis. Ao escolher qualquer objeto, atributo ou método no menu, o After Effects o insere automaticamente no campo de expressão no ponto de inserção. Se o texto for selecionado no campo de expressão, o novo texto de expressão substitui o texto selecionado. Se o ponto de inserção não estiver no campo de expressão, o novo texto de expressão substituirá todo o texto no campo.

Expressões comuns que você pode usar

Chocalho

Hora

Loop

Para obter mais exemplos, consulte Exemplos de expressão.

Editar uma expressão manualmente

Personalizar a aparência de expressões no Editor de expressões

Você pode personalizar a aparência das expressões no Editor de expressões, localizado no painel Linha do tempo, usando as preferências Scripts e expressões.

Para abrir o Editor de expressões,

• no macOS: selecione After Effects > Preferências > Scripts e expressões.
• Windows: selecione Editar > Preferências > Scripts e expressões.

Assista ao seguinte vídeo para começar a explorar as expressões.

Mais recursos de expressão

Mais itens similares

• Sobre animação, quadros-chave e expressões
• Editar expressões
• Entenda a linguagem de expressões