Guia do Usuário Cancelar

Exemplos de expressão

  1. Guia do usuário do After Effects
  2. Versões beta
    1. Visão geral do programa Beta
    2. Página inicial do After Effects Beta
    3. Recursos na versão beta
      1. Painel Propriedades (Beta)
  3. Introdução
    1. Introdução ao After Effects
    2. Novidades no After Effects 
    3. Notas de versão | After Effects
    4. Requisitos de sistema do After Effects
    5. Atalhos de teclado no After Effects
    6. Formatos de arquivo compatíveis | After Effects
    7. Recomendações de hardware
    8. After Effects para Apple Silicon
    9. Planejamento e configuração
    10. Configuração e instalação
  4. Espaços de trabalho
    1. Itens gerais da interface do usuário
    2. Conheça a interface do After Effects
    3. Fluxos de trabalho
    4. Espaços de trabalho, painéis e visualizadores
  5. Projetos e composições
    1. Projetos
    2. Noções básicas da composição
    3. Pré-composição, aninhamento e pré-renderização
    4. Exibir informações detalhadas de desempenho com o Criador de perfil de composição
    5. Renderizador de composição CINEMA 4D
  6. Importação de gravação
    1. Preparação e importação de imagens estáticas
    2. Importação do After Effects e do Adobe Premiere Pro
    3. Importação e interpretação de vídeo e áudio
    4. Preparo e importação de arquivos de imagem 3D
    5. Importação e interpretação de itens de gravação
    6. Trabalhar com itens de gravação
    7. Detectar pontos de edição usando a Detecção de edição de cena
    8. Metadados XMP
  7. Textos e gráficos
    1. Texto
      1. Formatação de caracteres e o painel Caractere
      2. Efeitos de texto
      3. Criação e edição de camadas de texto
      4. Formatação de parágrafos e o painel Parágrafo
      5. Extrusão de texto e camadas de forma
      6. Animação de texto
      7. Exemplos e recursos de animação de texto
      8. Modelos de texto dinâmico
    2. Animações
      1. Trabalhar com Modelos de animações no After Effects
      2. Usar expressões para criar listas suspensas em Modelos de animações
      3. Trabalhar com propriedades essenciais para criar Modelos de animações
      4. Substituir imagens e vídeos em Modelos de animações e Propriedades essenciais
  8. Desenho, pintura e caminhos
    1. Visão geral de camadas de forma, caminhos e gráficos vetoriais
    2. Ferramentas de pintura: Pincel, Carimbo e Borracha
    3. Como afunilar traçados de forma
    4. Atributos de forma, operações de pintura e operações de caminho para camadas de forma
    5. Use o efeito de forma Deslocar caminhos para alterar formas
    6. Criação de formas
    7. Criar máscaras
    8. Remover objetos de seus vídeos com o painel Preenchimento com reconhecimento de conteúdo
    9. Pincel tipo rotoscópio e Refinar fosco
  9. Camadas, marcadores e câmera
    1. Seleção e organização de camadas
    2. Modos de mesclagem e estilos de camadas
    3. Camadas 3D
    4. Propriedades da camada
    5. Criação de camadas
    6. Gerenciamento de camadas
    7. Marcadores de camada e de composição
    8. Câmeras, luzes e pontos de interesse
  10. Animação, quadros-chave, rastreamento de movimento e chaveamento
    1. Animação
      1. Noções básicas de animação
      2. Animação com ferramentas Marionete
      3. Gerenciamento e animação de caminhos de forma e máscaras
      4. Animação de desenho e captura de formas usando o After Effects
      5. Ferramentas de animação diversas
      6. Trabalhar com animação orientada por dados
    2. Quadro-chave
      1. Interpolação do quadro-chave
      2. Definir, selecionar e excluir quadros-chave
      3. Editar, mover e copiar quadros-chave
    3. Rastreamento de movimento
      1. Rastrear e estabilizar movimento
      2. Reconhecimento facial
      3. Rastreamento de máscara
      4. Referência de máscara
      5. Velocidade
      6. Esticamento e remapeamento de tempo
      7. Timecode e unidades de exibição de tempo
    4. Aplicação de máscara
      1. Aplicação de máscara
      2. Efeitos de máscara
  11. Transparência e composição
    1. Visão geral e recursos da composição e transparência
    2. Canais alfa, máscaras e foscos
  12. Ajustar cor
    1. Noções básicas de cores
    2. Uso da extensão de temas do Adobe Color
    3. Gerenciamento de cores
    4. Efeitos de correção de cores
  13. Predefinições de animação e efeitos
    1. Visão geral das predefinições de animação e efeitos
    2. Lista de efeitos
    3. Efeitos de simulação
    4. Efeitos de estilo
    5. Efeitos de áudio
    6. Efeitos de distorção
    7. Efeitos de perspectiva
    8. Efeitos de canal
    9. Efeitos de geração
    10. Efeitos de transição
    11. O efeito Reparo do obturador de rolagem
    12. Efeitos Desfoque e Nitidez
    13. Efeitos de Canal 3D
    14. Efeitos de utilitários
    15. Efeitos de fosco
    16. Efeitos Ruído e Granulação
    17. Efeito Ampliação com preservação de detalhes
    18. Efeitos obsoletos
  14. Expressões e automação
    1. Expressão
      1. Noções básicas de expressão
      2. Entender sobre a linguagem de expressões
      3. Utilização de controles de expressão
      4. Diferenças de sintaxe entre os mecanismos de expressão Javascript e Legacy ExtendScript
      5. Edição de expressões
      6. Erros de expressão
      7. Utilização do editor de expressões
      8. Usar expressões para editar e acessar propriedades de texto
      9. Referência de linguagem de expressão
      10. Exemplos de expressão
    2. Automação
      1. Automação
      2. Scripts
  15. Vídeo imersivo, VR e 3D
    1. Criar ambientes de VR no After Effects
    2. Aplicar efeitos de vídeo imersivo
    3. Ferramentas de composição para vídeos VR/360
    4. Rastreamento de movimento de câmera 3D
    5. Trabalhar no Espaço de design 3D
    6. Gizmos de transformação 3D
    7. Faça mais com a animação 3D
    8. Visualização de alterações em projetos 3D em tempo real com o Mecanismo em tempo real
    9. Adicionar design responsivo aos gráficos 
  16. Exibições e visualizações
    1. Visualizar
    2. Visualização de vídeo com o Mercury Transmit
    3. Modificação e utilização de exibições
  17. Renderização e exportação
    1. Noções básicas de renderização e exportação
    2. Exportar um projeto do After Effects como um projeto do Adobe Premiere Pro
    3. Conversão de filmes
    4. Renderização de vários quadros
    5. Renderização automatizada e renderização de rede
    6. Renderização e exportação de imagens estáticas e sequências de imagens estáticas
    7. Utilização do codec GoPro CineForm no After Effects
  18. Trabalho com outros aplicativos
    1. Dynamic Link e After Effects
    2. Trabalhar com o After Effects e outros aplicativos
    3. Sincronizar configurações no After Effects
    4. Bibliotecas da Creative Cloud no After Effects
    5. Plug-ins
    6. CINEMA 4D e Cineware
  19. Colaboração: Frame.io e Team Projects
    1. Colaboração no Premiere Pro e After Effects
    2. Frame.io
      1. Instalar e ativar o Frame.io
      2. Usar o Frame.io com o Premiere Pro e o After Effects
      3. Perguntas frequentes
    3. Team Projects
      1. Introdução ao Team Projects
      2. Criar um Projeto de equipe
      3. Colaborar com o Team Projects
  20. Memória, armazenamento e desempenho
    1. Memória e armazenamento
    2. Melhorar o desempenho
    3. Preferências
    4. GPU e os requisitos de driver de GPU para o After Effects

Muitos dos exemplos nesta seção são baseados em expressões fornecidas por Dan Ebberts.

Baixar projeto de amostra

Download

A camada gira em um círculo

Você pode criar uma expressão sem usar propriedades de outras camadas. Por exemplo, você pode fazer uma camada girar em torno do centro da composição.

Selecione uma camada. Pressione P para revelar a propriedade Posição no painel da linha do tempo. Clique com a tecla Alt (Windows) ou Option (macOS) pressionada no cronômetro à esquerda do nome da propriedade.

Insira o seguinte snippet de código no campo de expressão:

var centerOfComp = [ ( thisComp.width / 2 ), ( thisComp.height / 2) ]; var circleOverTime = [ Math.sin( time ) * 50, -Math.cos( time ) * 50 ]; centerOfComp + circleOverTime;

Chocalho aleatório

A expressão de chocalho é uma das expressões mais comuns do After Effects. Ela chocalha um objeto por valores aleatórios. Essa expressão pode ser usada para fazer com que a cena pareça mais natural. Adicione esta expressão à propriedade posição da camada.

Por exemplo, chocalhar (frequência, valor) o local onde o primeiro número é o número de chocalhos por segundo e o segundo número é o valor do chocalho. Assim, usar chocalho (2, 30) fará com que a camada seja chocalhada 2 vezes por segundo até 30 pixels em qualquer direção.

Controle um chocalho com controles deslizantes

chocalho com controle deslizante

As expressões podem apresentar quadros-chave substituindo valores por links para controles de expressão, como um controle deslizante. É possível aplicar um quadro-chave ao comportamento para iniciar e parar em momentos específicos substituindo o segundo argumento na expressão de wiggle() por um link para um controle deslizante.

  1. Adicione um efeito de controle deslizante a qualquer camada e nomeie-o como "intensidade de chocalho"
  2. Aplique a seguinte expressão à posição da mesma camada:
// Usa o ícone de seleção para criar o link “efeito (...)” para o controle deslizante var wiggleAmount = effect(“Wiggle Amount”)(“Slider”); // Chocalha 4 vezes por segundo na quantidade definida no controle deslizante wiggle( 4, wiggleAmount );

Overshoot

Conhecida normalmente como salto em inércia, essa expressão usa a animação dos quadros-chave de uma camada para criar um overshoot natural. Cria um movimento de salto de qualquer parâmetro de um quadro-chave para o outro, com base na sua velocidade. O salto acontece em qualquer direção em que o objeto esteja viajando. Para obter essa animação: Crie ou importe seus gráficos no After Effects.

Adicione quadros-chave à propriedade Posição da camada que deseja animar. Adicione a seguinte expressão à propriedade Posição da camada:

Configura valores para controlar o overshoot. // Vincule-os aos controles de expressão do controle deslizante para visualizar configurações diferentes rapidamente. var amp = 40; var freq = 30; var decay = 50; // Finds the most recent keyframe var nK = nearestKey(time); var n = (nK.time <= time) ? nK.index : --nK.index; var t = (n === 0) ? 0 : time - key(n).time; // Se o tempo atual for posterior a um quadro-chave, calcule o overshoot. Caso contrário, use o valor original. se ( n > 0 && t < 1 ) { var v = velocityAtTime( key( n ).time - thisComp.frameDuration /10 ); value + v * amp * .001 * Math.sin(freq * .1 * t * 2 * Math.PI) / Math.exp(decay * .1 * t); } else { value; }

Girar com o tempo

Você pode usar o ícone de seleção para vincular valores de rotação entre camadas para animar objetos. Como se fosse um relógio, considere esses três círculos como três ponteiros do relógio: o ponteiro das horas se move de hora em hora e o ponteiro dos minutos gira toda a circunferência do mostrador do relógio.

  1. Importe ou crie camadas de cores sólidas com três círculos. Vamos supor que um deles funcione como o ponteiro das horas, o outro como o ponteiro dos minutos e o terceiro como o ponteiro dos segundos. (Consulte Camadas de cor sólida e itens de gravação de cor sólida.)
  2. Defina os pontos de ancoragem nas extremidades das camadas. (Consulte Pontos de ancoragem da camada.)
  3. Mova as camadas de forma que os pontos de ancoragem fiquem no centro da composição. (Consulte Mover camadas no espaço.)
  4. Defina quadros-chave de rotação para o ponteiro das horas. (Consulte Definir ou adicionar quadros-chave). Selecione a propriedade Rotação para o ponteiro dos minutos e clique em Animação > Adicionar expressão.
  5. Arraste o ícone de seleção para a propriedade Rotação do círculo maior. A seguinte expressão aparece: thisComp.layer("circle").rotation.
  6. Para fazer o segundo círculo girar 12 vezes na mesma velocidade do primeiro, adicione *12 no final da expressão da seguinte maneira: thisComp.layer("circle").rotation*12.
  7. Repita o mesmo com o terceiro círculo e adicione *24 ao final da expressão: thisComp.layer("circle").rotation*24.

Loop

A expressão permite repetir uma animação sem ter que adicionar quadros-chave continuamente. Por exemplo, várias formas girando até o final da composição. Aqui é possível definir um quadro-chave inicial para a rotação de início e outro para a rotação final. Em seguida, ao adicionar a expressão loopOut ao parâmetro de rotação, a rotação continuará.

As variáveis na expressão abaixo são para o tipo de loop e a quantidade de quadros-chave a serem incluídos no loop.

Em primeiro lugar, vamos falar do tipo de loop. Na expressão abaixo, definimos o tipo como “cycle".

//loopOut definido para fazer o ciclo de todos os quadros-chave loopOut (“cycle”, 0);

os tipos podem ser usados com expressões loopOut. Os tipos de loop Cycle, Continue, Offset e Ping PongThis terminam no último quadro-chave e começam novamente no primeiro quadro-chave no intervalo selecionado. A segunda variável é o número de quadros-chave a serem incluídos. O loopOut é baseado no último quadro-chave que se move para trás. Por padrão, 0 conta para todos os quadros-chave no conjunto, do início ao fim. Se você não quiser usar todos os quadros-chave para o loop, defina um número de contagem regressiva a partir do final. Definir a variável como 1 inclui 1 quadro-chave antes do último, 2 retrocede 2 quadros-chave e assim por diante.

Obter a posição real de uma camada com parentesco

Quando uma camada tem parentesco, o valor mostrado na propriedade Posição não é sua localização "verdadeira" na composição, mas sim um valor relativo à localização da camada pai. Para localizar a localização real da camada com parentesco, deve ser usada uma expressão para converter o espaço de coordenadas da camada pai no espaço de coordenadas da composição. Aplique a seguinte expressão à posição de uma camada sem parentesco para vinculá-la ao local da camada com parentesco:

// Define a camada com parentesco var targetLayer = thisComp.layer(“Parented Layer”); // Localiza o ponto de ancoragem da camada com parentesco na composição targetLayer.toComp( targetLayer.anchorPoint );

Atrasar a posição de uma camada em relação à camada pai

Atraso e deslocamento são uma excelente maneira de tornar a animação mais dinâmica e natural. Você pode criar e controlar esses tipos de deslocamento atribuindo muitas camadas a uma camada pai e, em seguida, aplicando uma expressão à posição de cada camada filho para atrasar o movimento herdado da camada pai.

Observação: isso funcionará somente nas camadas com parentesco

// Define um valor de atraso em quadros var delay = 5; // Desloca a posição da camada no tempo com base no atraso parent.fromComp( toComp( anchorPoint, time - framesToTime( delay ) ) );

Você também pode determinar a quantidade de atraso com base no índice da camada filho em relação à camada pai. Isso permite que você reordene facilmente a animação das camadas filho reordenando-as na linha do tempo abaixo da camada pai (ou acima se você quiser que a animação ocorra antes da camada pai):

// Define um valor de atraso em quadros var delay = 5; // Multiplica o atraso com base no índice dessa camada em relação à camada pai var multiplyDelay = delay * ( index - parent.index ) // Desloca a posição da camada no tempo com base no atraso parent.fromComp( toComp( anchorPoint, time - framesToTime( multiplyDelay ) ) );

Criar uma trilha de imagens

Esta expressão de exemplo faz com que uma camada fique na mesma posição que a camada mais acima no painel Linha de tempo, mas atrasada por um período de tempo especificado (neste caso, 0,5 segundos). Você pode definir expressões semelhantes para outras propriedades geométricas.

  1. Comece com uma camada de forma dimensionada com aproximadamente 30% do tamanho da composição. (Consulte Camadas de cor sólida e itens de gravação de cor sólida.)
  2. Abra a propriedade Posição e adicione quadros-chave. Selecione a camada. Pressione P para revelar a propriedade Posição. Clique com a tecla Alt (Windows) ou Option (macOS) pressionada no botão de cronômetro à esquerda do nome da propriedade. (Consulte Definir, selecionar e excluir quadros-chave.)
  3. Insira o seguinte no campo de expressão:
    thisComp.layer(thisLayer, -1).position.valueAtTime(time - .5)
  4. Duplique a última camada cinco vezes selecionando-a e pressionando Ctrl+D (Windows) ou Command+D (Mac OS) cinco vezes. Todas as camadas seguem o mesmo caminho, e cada uma está atrasada 0,5 segundo em relação à anterior.
if ( toCompVec([0, 0, 1])[2] > 0 ) { value; } else { 0; }

Mais recursos de expressão

Agora que você compreendeu alguns dos conceitos por trás das expressões, acesse a Comunidade para ver alguns exemplos reais e compartilhar seu trabalho.

Consulte também a coleção excelente de expressões de exemplo e tutoriais do Dan Ebberts no seu site MotionScript.

Dan Ebberts oferece expressões de exemplo e tutoriais para aprender como trabalhar com expressões no site MotionScript. Por exemplo, Dan publicou uma excelente página sobre detecção de colisão.

Mais exemplos de expressão

Rick Gerard mostra um exemplo em seu site que demonstra a rolagem de um objeto quadrado ao longo de um piso de modo que os lados fiquem em contato com o plano do piso.

Colin Braley oferece um tutorial e um projeto de exemplo em seu site que mostram como usar expressões para fazer uma camada repelir outras de uma maneira que parece natural.

O fórum AE Enhancers fornece muitos exemplos e muitas informações úteis sobre expressões, bem como scripts e predefinições de animação. Nesta publicação do fórum AE Enhancers, Paul Tuersley fornece um tutorial e um projeto de exemplo que mostra como usar expressões para animar várias camadas em um enxame.

Logotipo da Adobe

Fazer logon em sua conta