Guia do Usuário Cancelar

Criação de uma animação de interpolação de movimento

  1. Guia do Usuário do Adobe Animate
  2. Introdução ao Animate
    1. Novidades no Animate
    2. Glossário visual
    3. Requisitos de sistema do Animate
    4. Atalhos de teclado do Animate
    5. Trabalhar com vários tipos de arquivo no Animate
  3. Animação
    1. Noções básicas de animação no Animate
    2. Como usar quadros e quadros-chave no Animate
    3. Animação quadro a quadro no Animate
    4. Como trabalhar com animação de interpolação clássica no Animate
    5. Ferramenta Pincel
    6. Guia de movimento
    7. Interpolação de movimento e ActionScript 3.0
    8. Sobre a animação com interpolação de movimento
    9. Animações de interpolação de movimento
    10. Criação de uma animação de interpolação de movimento
    11. Utilização dos quadros-chave de propriedade
    12. Animação de posição com uma interpolação
    13. Editar interpolações de movimento usando o Motion Editor
    14. Edição do caminho de movimento de uma animação de interpolação
    15. Manipulação de interpolações de movimento
    16. Adição de atenuações personalizadas
    17. Criação e aplicação das predefinições de movimento
    18. Configuração de extensões de interpolação de animação
    19. Trabalhar com interpolações de movimento salvas como arquivos XML
    20. Interpolações de movimento e interpolações clássicas
    21. Interpolação de formas
    22. Uso da animação da ferramenta Bone no Animate
    23. Trabalho com articulações de personagens no Animate
    24. Como usar camadas de máscara no Adobe Animate
    25. Como trabalhar com cenas no Animate
  4. Interatividade
    1. Como criar botões com o Animate
    2. Converter projetos do Animate em outros formatos de tipo de documento
    3. Criação e publicação de documentos HTML5 Canvas no Animate
    4. Adicionar interatividade com snippets de código no Animate
    5. Criar componentes HTML5 personalizados
    6. Uso de componentes do HTML5 Canvas
    7. Criação de componentes personalizados: exemplos
    8. Snippets de código para componentes personalizados
    9. Práticas recomendadas - Publicidade com o Animate
    10. Criação e publicação de Realidade virtual
  5. Fluxo de trabalho e espaço de trabalho
    1. Criação e gerenciamento de pincéis
    2. Uso de Google Fonts em documentos HTML5 Canvas
    3. Uso das Bibliotecas da Creative Cloud e do Adobe Animate
    4. Uso dos painéis Palco e Ferramentas do Animate
    5. Fluxo e espaço de trabalho do Animate
    6. Uso de fontes da Web em documentos HTML5 Canvas
    7. Linhas de tempo e ActionScript
    8. Trabalhar com múltiplas linhas de tempo
    9. Definir preferências
    10. Uso de painéis de criação do Animate
    11. Criar camadas na linha do tempo com o Animate
    12. Exportar animações para aplicativos móveis e mecanismos de jogo
    13. Mover e copiar objetos
    14. Modelos
    15. Localização e substituição no Animate
    16. Desfazer, refazer e o painel de Histórico
    17. Atalhos de teclado
    18. Como usar a linha do tempo no Animate
    19. Criação de extensões HTML
    20. Opções de otimização para imagens e GIFs animados
    21. Configurações de exportação para imagens e GIFs
    22. Painel Ativos no Animate
  6. Multimídia e vídeo
    1. Transformação e combinação de objetos gráficos no Animate
    2. Criar e trabalhar com instâncias do símbolo no Animate
    3. Traçado de imagem
    4. Como usar som no Adobe Animate
    5. Exportação de arquivos SVG
    6. Criação de arquivos de vídeo para uso no Animate
    7. Como adicionar vídeos no Animate
    8. Desenhar e criar objetos com o Animate
    9. Remodelação de linhas e formas
    10. Traçados, preenchimentos e gradientes com o Animate CC
    11. Trabalhar com o Adobe Premiere Pro e o After Effects
    12. Painéis de cor no Animate CC
    13. Abrir arquivos do Flash CS6 com o Animate
    14. Trabalho com texto clássico no Animate
    15. Aplicação de ilustração final no Animate
    16. Bitmaps importados no Animate
    17. Gráficos em 3D
    18. Trabalhar com símbolos no Animate
    19. Desenhar linhas e formas com o Adobe Animate
    20. Trabalho com bibliotecas no Animate
    21. Exportação de sons
    22. Seleção de objetos no Animate CC
    23. Trabalho com arquivos AI do Illustrator no Animate
    24. Aplicação de modos de mesclagem
    25. Organização de objetos
    26. Automação de tarefas com o menu Comandos
    27. Texto multilíngue
    28. Uso de câmera no Animate
    29. Filtros gráficos
    30. Som e ActionScript
    31. Preferências de desenho
    32. Desenho com a ferramenta Caneta
  7. Plataformas
    1. Converter projetos do Animate em outros formatos de tipo de documento
    2. Compatibilidade com plataforma personalizada
    3. Criação e publicação de documentos HTML5 Canvas no Animate
    4. Criação e publicação de um documento WebGL
    5. Compactação de aplicativos no AIR para iOS
    6. Publicação de AIR em aplicativos Android
    7. Publicação no Adobe AIR para desktop
    8. Configurações de publicação do ActionScript
    9. Práticas recomendadas - Organização do ActionScript em um aplicativo
    10. Como usar ActionScript com o Animate
    11. Acessibilidade no espaço de trabalho do Animate
    12. Programação e gerenciamento de scripts
    13. Ativação do suporte para plataformas personalizadas
    14. Visão geral do suporte da plataforma personalizada
    15. Trabalhar com plug-ins personalizados de suporte da plataforma
    16. Depuração do ActionScript 3.0
    17. Ativação do suporte para plataformas personalizadas
  8. Publicação e exportação
    1. Exportação de arquivos do Animate CC
    2. Publicação OAM
    3. Exportação de arquivos SVG
    4. Exportar gráficos e vídeos com o Animate
    5. Publicação de documentos AS3
    6. Exportar animações para aplicativos móveis e mecanismos de jogo
    7. Exportação de sons
    8. Práticas recomendadas - Dicas para a criação de conteúdo em dispositivos móveis
    9. Práticas recomendadas - Convenções de vídeo
    10. Práticas recomendadas - Diretrizes de criação de aplicativos SWF
    11. Práticas recomendadas - Estruturação de arquivos FLA
    12. Práticas recomendadas para otimizar arquivos FLA para o Animate
    13. Configurações de publicação do ActionScript
    14. Especificar configurações de publicação para o Animate
    15. Exportação de arquivos projetores
    16. Exportar imagens e GIFs animados
    17. Modelos de publicação HTML
    18. Trabalhar com o Adobe Premiere Pro e o After Effects
    19. Compartilhar e publicar animações rapidamente
  9. Solução de problemas
    1. Problemas corrigidos
    2. Problemas conhecidos

 

Antes de começar

 Antes de iniciar a animação, saiba mais sobre os seguintes conceitos:

Pré-requisitos

Descrição

Antes de trabalhar com interpolações de movimento, compreenda o uso da Linha do tempo e de propriedades de edição. Você pode editar quadros-chave de propriedade individuais no Palco, no Inspetor de propriedades ou usando o Editor de movimento reestruturado.

O Animate interpola apenas ocorrências de símbolo e campos de texto. Todos os outros tipos de objeto são envolvidos em um símbolo quando uma interpolação é aplicada a eles. A ocorrência de símbolo pode obter símbolos aninhados, que podem ser interpolados em suas próprias linhas de tempo.

O bloco de construção mínimo em uma camada de interpolação é uma extensão de interpolação. A extensão de interpolação em uma camada correspondente pode conter apenas uma ocorrência de símbolo ou campo de texto. A ocorrência de símbolo é chamada de destino da extensão de interpolação. No entanto, um símbolo individual pode conter muitos objetos.

A inclusão de um segundo símbolo ou campo de texto à extensão de interpolação substitui o símbolo original da interpolação. Use qualquer um dos seguintes métodos para alterar o objeto de destino de uma interpolação:

  • Arraste um símbolo diferente da biblioteca para a extensão da interpolação na Linha do tempo
  • Use o comando Modificar > Símbolo > Trocar símbolo .

Você pode excluir o símbolo de uma camada de interpolação sem remover ou romper a interpolação. Posteriormente, você poderá adicionar uma ocorrência de símbolo diferente à interpolação. Também é possível alterar o tipo de símbolo de destino ou editar o símbolo a qualquer momento.

Quando uma interpolação tiver movimento, um caminho de movimento aparecerá no Palco. O caminho de movimento mostra a posição do objeto interpolado em cada quadro. Você pode editar o caminho de movimento no Palco por arrastar seus pontos de controle. Não é possível adicionar uma guia de movimento a uma camada interpolação/cinemática inversa. 

Consulte também

Componentes das interpolações de movimento

Extensão de interpolação:

  • Em uma sequência de quadros na Linha do tempo, na qual um objeto tem uma ou mais propriedades alteradas ao longo do tempo.
  • A extensão da interpolação de movimento aparece na Linha do tempo como um grupo de quadros em uma única camada com uma cor de fundo.
  • Você pode selecionar as extensões de interpolação como um único objeto e arrastá-las de um local na Linha do tempo para outro, ou para outra camada.
  • Você pode animar somente um objeto no Palco em cada extensão de interpolação. Esse objeto é chamado de objeto de destino da extensão de interpolação.

Quadro-chave de propriedade:

  • É um quadro em uma extensão de interpolação na qual você define explicitamente um ou mais valores de propriedade de um objeto de destino da interpolação.
  • Essas propriedades podem incluir posição, alfa (transparência), cor da tonalidade e assim por diante.
  • Cada propriedade definida tem seus próprios quados-chave de propriedade.
  • Se você definir mais de uma propriedade em um único quadro, os quadros-chave de propriedade de cada uma dessas propriedades residirão nesse quadro.
  • Use o Editor de movimento para exibir cada propriedade de uma extensão de interpolação e seus quadros-chave de propriedade.
  • Para escolher o tipo de quadros-chave de propriedade para exibição na Linha do tempo no menu de contexto da extensão de interpolação, clique com o botão direito do mouse em qualquer quadro-chave de propriedade e selecione Exibir quadros-chave. 

Objeto de destino de uma interpolação

Uma interpolação de movimento tem um único objeto em uma extensão de interpolação chamado de objeto de destino da interpolação. Existem diversas vantagens em ter um objeto de destino único em uma interpolação:

  • Você pode salvar uma interpolação como uma predefinição para reutilização. 
  • É possível mover facilmente as interpolações de movimento na Linha do tempo (arraste a extensão do interpolação) ou no Palco.
  • Para aplicar uma nova ocorrência a uma interpolação existente:
    • Cole-a em uma interpolação para trocá-la
    • Arraste uma nova ocorrência da Biblioteca
    • Use o recurso Trocar símbolo. 

Propriedades e objetos interpoláveis

Os tipos de objetos aos quais você pode aplicar uma interpolação de movimento são clipes de filme, gráficos e símbolos de botões, além de campos de texto. As propriedades dos objetos que podem ser interpolados incluem o seguinte:

  • Posição X e Y 2D
  • Posição Z 3D (somente clipes de filme)

  • Rotação 2D (ao redor do eixo z)

  • Rotação X, Y e Z 3D (somente clipes de filme): configure o destino do arquivo FLA como ActionScript 3.0 e Flash Player 10 ou superior nas configurações de publicação. O Adobe AIR também suporta movimento 3D.

  • Inclinação X e Y

  • Escala X e Y

  • Efeitos de cor: inclui alfa (transparência), brilho, tonalidade e configurações de cores avançadas. Os efeitos de cor podem ser interpolados somente nos símbolos e nos textos TLF. Através da interpolação dessas propriedades é possível fazer objetos aparecerem/desaparecerem gradualmente de uma cor para outra. Para interpolar um efeito de cor em texto clássico, converta o texto em símbolo.

  • Propriedades de filtragem (os filtros não podem ser aplicados a símbolos gráficos)

Criação de uma animação de interpolação de movimento

Você pode criar uma interpolação de movimento usando um destes três métodos:

  • Crie um gráfico ou uma ocorrência que você deseja interpolar, em seguida, clique com o botão direito do mouse em um quadro e selecione Criar interpolação de movimento.
  • Selecione o gráfico ou a ocorrência que você deseja interpolar e selecione Inserir > Interpolação de movimento no menu principal.
  • Crie um gráfico ou uma instância que você deseja interpolar, em seguida, clique com o botão direito na instância em Palco e selecione Criar interpolação de movimento.

 O uso de ActionScript na animação é opcional.

Criação de uma animação de interpolação de movimento

Interpolação de outras propriedades com o Inspetor de propriedades

Use o comando Criar interpolação de movimento para animar as propriedades de uma ocorrência do símbolo ou de um campo de texto. As propriedades variam entre rotação, escala, transparência e tonalidade (somente símbolos e texto TLF). Por exemplo, você pode editar a propriedade alfa (transparência) de uma ocorrência de símbolo para fazê-lo desaparecer na tela.

  1. Selecione uma ocorrência de símbolo ou campo de texto no Palco.

    Se a seleção tiver outros objetos ou vários objetos da camada, o Animate faz a conversão em um símbolo de clipe de filme.

  2. Selecione Inserir Interpolação de movimento.

    Se a caixa de diálogo "Converter a seleção para símbolo por interpolação" aparecer, clique em OK para converter a seleção em um símbolo de clipe de filme.

    Quando você aplica uma interpolação a um objeto que existe apenas em um quadro-chave único, o indicador de reprodução se move para o último quadro da nova interpolação. Do contrário, o indicador de reprodução não se move.

  3. Coloque o indicador de reprodução no quadro da extensão de interpolação em que você deseja especificar o valor de propriedade.

    Você pode colocar o indicador de reprodução em qualquer outro quadro da extensão de interpolação. A interpolação começa com os valores de propriedade no primeiro quadro da extensão de interpolação, que é sempre um quadro-chave de propriedade.

  4. Com o objeto selecionado no Palco, defina um valor para uma propriedade que não seja de posição, como alfa (transparência), rotação ou inclinação. Defina um valor com o Inspetor de propriedades ou com uma das ferramentas no painel Ferramentas.

    O quadro atual da extensão torna-se um quadro-chave de propriedade.

     Você pode exibir diferentes tipos de quadros-chave de propriedade em extensões de interpolação. Clique com o botão direito (Windows) ou Ctrl-click (Macintosh) em uma extensão de interpolação e selecione Exibir quadros-chave > tipo de propriedade no menu de contexto.

  5. Movimente rapidamente o indicador de reprodução na Linha do tempo para visualizar a interpolação no Palco.

  6. Para adicionar mais quadros-chave de propriedade, mova o indicador de reprodução até o quadro desejado na expansão e defina um valor da propriedade no Inspetor de propriedades.

Adição de interpolações a uma camada de interpolação existente

Você pode adicionar mais interpolações a uma camada de interpolação atual. Adicione mais interpolações para usar um número menor de camadas ao criar conteúdo animado no Animate.

  1. Siga um destes procedimentos:

    • Adicione à camada um quadro-chave em branco (Inserir > Linha do tempo > Quadro-chave em branco), adicione itens ao quadro-chave e, em seguida, interpole os itens.
    • Crie uma interpolação em uma camada separada e depois arraste a extensão até a camada desejada.
    • Arraste um quadro estático de outra camada para a camada de interpolação e depois adicione uma interpolação a um objeto no quadro estático.
    • Pressione Alt-arrastar (Windows) ou Option-drag (Macintosh) para duplicar uma extensão existente da mesma camada ou de uma camada diferente.
    • Copie e cole uma extensão interpolada da mesma camada ou de uma camada diferente.

Receba ajuda com mais rapidez e facilidade

Novo usuário?