Guia do Usuário Cancelar

Usar expressões para criar listas suspensas em Modelos de animações

  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. 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
  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
      5. Anime de maneira mais rápida e fácil usando o painel Propriedades
  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. Traçados de forma cônica
    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 e máscaras
    3. Foscos de controle e foscos móveis
  12. Ajustar cor
    1. Noções básicas de cores
    2. Gerenciamento de cores
    3. Efeitos de correção de cores
    4. Gerenciamento de cores OpenColorIO e ACES
  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. Gerenciador de efeitos
    4. Efeitos de simulação
    5. Efeitos de estilo
    6. Efeitos de áudio
    7. Efeitos de distorção
    8. Efeitos de perspectiva
    9. Efeitos de canal
    10. Efeitos de geração
    11. Efeitos Tempo
    12. Efeitos de transição
    13. O efeito Reparo do obturador de rolagem
    14. Efeitos Desfoque e Tornar nítido
    15. Efeitos de Canal 3D
    16. Efeitos de utilitários
    17. Efeitos de fosco
    18. Efeitos Ruído e Granulação
    19. Efeito de ampliação com preservação de detalhes
    20. Efeitos obsoletos
  14. Expressões e automação
    1. Expressões
      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 idioma de expressão
      10. Exemplos de expressão
    2. Automação
      1. Automação
      2. Scripts
  15. Vídeo imersivo, VR e 3D
    1. Construa ambientes VR no After Effects
    2. Aplicar efeitos de vídeo imersivo
    3. Ferramentas de composição para vídeos VR/360
    4. Renderizador 3D avançado
    5. Importar e adicionar modelos 3D à composição
    6. Importação de modelos 3D das bibliotecas da Creative Cloud
    7. Iluminação com base na imagem
    8. Extração e animação de luzes e câmeras de modelos 3D
    9. Rastreamento de movimento de câmera 3D
    10. Projetar e aceitar sombras
    11. Animações de modelos 3D incorporadas
    12. Coletor de sombras
    13. Extração de dados de profundidade 3D
    14. Modificar as propriedades de materiais de uma camada 3D
    15. Trabalhar no Espaço de design 3D
    16. Gizmos de transformação 3D
    17. Faça mais com a animação 3D
    18. Visualização de alterações em projetos 3D em tempo real com o mecanismo Mercury 3D.
    19. 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. Codificação em H.264 no After Effects
    3. Exportar um projeto do After Effects como um projeto do Adobe Premiere Pro
    4. Conversão de filmes
    5. Renderização de vários quadros
    6. Renderização automatizada e renderização de rede
    7. Renderização e exportação de imagens estáticas e sequências de imagens estáticas
    8. Utilização do codec GoPro CineForm no After Effects
  18. Trabalho com outros aplicativos
    1. Dynamic Link e After Effects
    2. Trabalho com o After Effects e outros aplicativos
      1. Exportar um projeto do After Effects como um projeto do Premiere Pro
    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 Frame.io com Premiere Pro e 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. Como o After Effects lida com problemas de memória insuficiente durante uma visualização    
    3. Melhorar o desempenho
    4. Preferências
    5. GPU e os requisitos de driver de GPU para o After Effects
  21. Knowledge Base
    1. Problemas conhecidos
    2. Problemas corrigidos
    3. Perguntas frequentes
    4. After Effects e macOS Ventura
    5. Como o After Effects lida com problemas de memória insuficiente durante uma visualização

Crie Modelos de animações com listas suspensas que permitem aos usuários personalizá-los no Premiere Pro.

controle de menu suspenso

Ao criar um Modelo de animações (MOGRT), você pode manter suas propriedades flexíveis e habilitar editores para personalizá-las no Premiere Pro. Assim, é possível criar controles deslizantes e caixas de seleção. Você também pode criá-los usando as listas suspensas com diferentes opções.

Criar listas suspensas é benéfico porque fornece mais controles de menu e uma experiência de edição mais simples para editores do Premiere Pro. É possível salvar as configurações de controle suspenso como modelo e usá-las posteriormente em diferentes composições e projetos.

Diferentes opções de texto são exibidas ao usar as listas suspensas no After Effects
Diferentes opções de texto são exibidas ao usar as listas suspensas no After Effects

Por que criar listas suspensas

Ofereça controles deslizantes e caixas de seleção como opções de edição a editores do Premiere Pro, mas elas podem ser menos intuitivas e mais demoradas. Nesses casos, as listas suspensas podem ser úteis. Use-as para permitir que um editor do Premiere Pro escolha a partir de:

 Uma seleção de temas de cor: por exemplo, você pode criar uma lista suspensa para um grupo de cores que deseja usar para um título de filme.

 Posições ou designs diferentes: por exemplo, adicione um menu suspenso para a posição de um terço inferior, como à esquerda ou à direita.

 Opções de animação: por exemplo, adicione um menu suspenso para selecionar diferentes durações de animação.

 Opções de texto ou ativo: por exemplo, adicione uma lista suspensa para os diferentes dias da semana. Isso impede a necessidade de redigitar o texto de origem e também reduz a chance de erros pós produção.

Configurar um controle de lista suspensa

Use o efeito Controle de menu suspenso para criar listas suspensas. Para entender como esse recurso funciona, siga estas etapas:

  1. Criar uma composição.
    Clique no ícone de composição na parte inferior do painel Projetos ou selecione Nova composição na tela inicial.

  2. Para adicionar uma camada de texto, selecione Camada > Novo > Texto e digite o texto que deseja adicionar. Neste exemplo, vamos escrever Morning.

  3. Abra o painel Efeitos e predefinições, pesquise Cor de preenchimento e solte-o na camada de texto.

  4. Assim que tiver todas as camadas definidas, no painel Efeitos e predefinições, pesquise por Controle de menu suspenso e solte-as nas camadas. Você também pode acessá-las em Efeito > Controles de expressão > Controle de menu suspenso.

    No painel Linha do tempo, gire para abrir as propriedades da camada de texto e clique com a tecla Alt pressionada no ícone de cronômetro ao lado do Texto de origem.

    No campo de texto de expressão, copie o seguinte trecho de expressão que altera o texto de origem:

    var x = effect("Weekday")("Menu").value;

    if ( x === 1 ) {
    "Morning";
    } else if ( x === 2 ) {
    "Evening";

    } else if ( x === 3 ) {

    "Night";

    }

    Use a ferramenta de seleção e vincule o menu suspenso, nomeado como Dia da semana, à propriedade Texto de origem.

    No painel Controles de efeitos, clique em Editar. O controle de menu suspenso vem com um menu padrão com três itens: Item 1, Item 2, Item 3. Use essa opção para nomear suas opções de menu. Você também pode adicionar mais opções ao menu com o ícone +.

  5. Adicione outro menu suspenso e o renomeie como Cor. Em seguida, gire para abrir a camada Cor de preenchimento e clique com a tecla Alt pressionada na propriedade Cor. Para alterar a cor do texto, no campo de expressão, copie o seguinte texto:

    dropDownIndex = effect("Color options")("Menu").value;

    switch ( dropDownIndex )
    {
    case 1: hexToRgb("FF3211");
    break;
    case 2: hexToRgb("CC1234");
    break;
    default: hexToRgb("BBB001")
    };

    Use a ferramenta de seleção e vincule o menu suspenso à propriedade Cor. Nomeie essa lista suspensa como Opções de cor. É possível alterar a cor de acordo com o gráfico de cores ao lado da propriedade de cor. 

  6. Para vincular as duas propriedades do menu suspenso uma a outra, use a ferramenta de seleção Opções de cor e vincule-a ao menu suspenso Dia da semana. O menu suspenso Opções de cor faz referência ao menu suspenso Dia da semana, o que significa que o dia útil selecionado também altera a cor do texto.

  7. Arraste o menu suspenso para o painel Gráficos essenciais e use-o para criar Modelos de animações.

Para ajudá-lo a começar a criar um projeto, baixe este arquivo de amostra.

Download

Expressões de exemplo para controles de lista suspensa

Assim como ocorre com outros controles de expressão, como controles deslizantes, os valores do menu são chamados de índices nas expressões. É possível copiar da expressão de amostra abaixo no campo de texto de expressões para obter resultados diferentes com o menu suspenso.

Observação:

Os nomes dos itens de menu em si não são lidos pela expressão. Em vez disso, ele está lendo o índice, o que significa a posição hierárquica do item de menu na lista.

Amostra 1: defina a cor de uma camada e faça referência a ela aos itens de menu no Controle suspenso

Amostra 2

dropDownIndex = thisComp.layer("Null 2").effect("Dropdown Menu Control")("Menu").value;

switch ( dropDownIndex )
{
case 1: hexToRgb("FF4678");
break;
case 2: hexToRgb("CC1234");
break;
default: hexToRgb("BBB007")
};

Alterar cores usando o trecho de expressão
Alterar cores usando o trecho de expressão

dropDownIndex = thisComp.layer("Null 2").effect("Dropdown Menu Control")("Menu").value;

switch ( dropDownIndex )
{
case 1: hexToRgb("FF3211");
break;
case 2: hexToRgb("CC1234");
break;
default: hexToRgb("BBB001")
};

Exemplo 2: usar o texto de origem com um controle de menu suspenso

Se você tiver um menu suspenso com os seguintes itens de menu nesta ordem:

  1. Segunda-feira
  2. Terça-feira
  3. Quarta-feira

Segunda-feira é o índice 1, Terça-feira é 2, contanto que seja o segundo item na lista. Se você renomear Terça-feira como outra coisa, a expressão não é interrompida, pois ela ainda está no índice 2.

Aqui está um exemplo simples para usar texto de origem com um controle de menu suspenso:

x = comp("CompName").layer("LayerName").effect("Controle de menu suspenso")("Menu");

if (x == 1) {

text.sourceText = ("Segunda-feira");

se (x == 2) {

text.sourceText = ("Terça-feira");

}

se (x == 3) { 

text.sourceText = ("Quarta-feira");

}

Amostra 3: defina o texto de origem de uma camada de texto e faça referência a ele para os itens de menu no controle suspenso

var listItems = [

"Cordeiros",
"Filhotes",
"Não é uma coisa",
];
var dropDownValue = effect("Controle de menu suspenso")("Menu").value;
listItems[ dropDownValue - 1 ];

 

var x = effect("Controle de menu suspenso")("Menu").value;if ( x === 1 ) {
"Cordeiros";
} else if ( x === 2 ) {
"Filhotes";
} else {
"Não é uma coisa";
}

 

x = effect("Controle de menu suspenso")("Menu").value;
switch (x) {
case 1 : "cão";
break;
case 2 : "gato";
break;
default : "padrão" }

Itens a serem considerados ao usar controles de lista suspensa

  • Sempre renomeie o controle de lista suspensa com algo que reflita melhor o conteúdo.
  • As opções de menu no Controle de menu suspenso não são maiúsculas ou diferenciam maiúsculas de minúsculas. Isso significa que, mesmo que você renomeie os itens de menu, a expressão não será interrompida. No entanto, eles são sensíveis à posição, portanto, alterar a posição da opção de menu interrompe a expressão.
  • Mantenha um equilíbrio entre os diferentes componentes usados nos Modelos de animações. Para as ocorrências em que há intervalos, use os controles deslizantes, já em casos em que há opções como Sim ou não, use as caixas de seleção. 
  • O menu suspenso ao qual você vincula todos os outros menus suspensos para se tornarem o principal. Os menus suspensos na composição fazem referência ao menu principal e se comportam de acordo.

Suporte de script para Controle de menu suspenso

Property.setPropertyParameters()

Método:

app.project.item(index).layer(index).propertySpec.setPropertyParameters([param-array])

Descrição:

Define parâmetros para uma Propriedade.

Observações

  • O efeito Controle de menu suspenso (matchname: Controle suspenso ADBE) é a única propriedade que permite que os parâmetros sejam definidos. 
  • Uma exceção ocorre sempre que esse método falha.
  • Para verificar se uma propriedade permite que o parâmetro seja definido, marque isDropdownEffect antes de chamar esse método (consulte Property.isDropdownEffect.)

Detalhes do parâmetro:

param-array

Uma matriz de strings. Esse método substituirá o conjunto existente de itens de menu pela matriz de strings fornecida. 

Existem algumas restrições nas strings especificadas como itens de menu:

1.     Não são permitidas strings de itens vazios

2.     Não são permitidas strings de itens duplicados

3.     O caractere “|” não é permitido nas strings de itens.

4.     Apenas strings são permitidas.

5.     As strings de itens devem estar codificadas em ASCII ou MultiByte na página de código atual. Em outras palavras, as strings de itens devem ser fornecidas no script do sistema em execução. Por exemplo: especificar as strings de itens em japonês ao executar o script em um sistema em inglês criará o efeito de menu suspenso com caracteres ilegíveis nas strings de itens. 

Observação: a string “(-” - pode ser especificada como as strings de itens. Eles serão exibidos como linhas separadoras no menu suspenso. O autor precisa lembrar que as linhas separadoras reivindicarão um índice para cada uma delas. 

Exemplo:

Dropdowneffect = Dropdowneffect.setPropertyParameters(["Segunda-feira", "Quarta-feira", "Sexta-feira", "Domingo"]);

A instrução acima editará o menu suspenso para que Segunda-feira, Quarta-feira, Sexta-feira, Domingo sejam os itens. A propriedade retornada é a atualizada e deve ser aplicada para todas as outras utilizações.

Retorna:

A propriedade atualizada. O usuário deve observar que o objeto de propriedade em que esse método é chamado se torna inválido devido à implementação interna e, portanto, a propriedade retornada deve ser aplicada para todas as outras utilizações.

Property.isDropdownEffect

Método:

app.project.item(index).layer(index).propertySpec.isDropdownEffect

Descrição:

Retorna true se a propriedade for um efeito Controle de menu suspenso.

Exemplos:

appliedEffect.property("Menu").isDropdownEffect  // retorna true

appliedEffect.property("Color").isDropdownEffect  // retorna false  

appliedEffect.property("Feather").isDropdownEffect  // retorn false

Return:

Booleano

Tem uma pergunta ou uma ideia?

Se você tiver dúvidas ou uma ideia para compartilhar, participe de nossa Comunidade do After Effects. Adoraríamos saber sua opinião e ver seus Modelos de animações.

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online