Como usar quadros e quadros-chave no Animate

  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. Trabalhar com manipulação de caracteres 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. Trabalhar com pontos de sinalização de vídeo
    9. Desenhar e criar objetos com o Animate
    10. Remodelação de linhas e formas
    11. Traçados, preenchimentos e gradientes com o Animate CC
    12. Trabalhar com o Adobe Premiere Pro e o After Effects
    13. Painéis de cor no Animate CC
    14. Abrir arquivos do Flash CS6 com o Animate
    15. Trabalho com texto clássico no Animate
    16. Aplicação de ilustração final no Animate
    17. Bitmaps importados no Animate
    18. Gráficos em 3D
    19. Trabalhar com símbolos no Animate
    20. Desenhar linhas e formas com o Adobe Animate
    21. Trabalho com bibliotecas no Animate
    22. Exportação de sons
    23. Seleção de objetos no Animate CC
    24. Trabalho com arquivos AI do Illustrator no Animate
    25. Aplicação de padrões com a ferramenta Pincel de borrifar
    26. Aplicação de modos de mesclagem
    27. Organização de objetos
    28. Automação de tarefas com o menu Comandos
    29. Texto multilíngue
    30. Uso de câmera no Animate
    31. Uso do Animate com o Adobe Scout
    32. Trabalhar com arquivos Fireworks
    33. Filtros gráficos
    34. Som e ActionScript
    35. Preferências de desenho
    36. Desenho com a ferramenta Caneta
  7. Plataformas
    1. Converter projetos do Animate em outros formatos de tipo de documento
    2. Suporte da 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. Práticas recomendadas - Diretrizes de acessibilidade
    12. Acessibilidade no espaço de trabalho do Animate
    13. Programação e gerenciamento de scripts
    14. Ativação do suporte para plataformas personalizadas
    15. Visão geral do suporte da plataforma personalizada
    16. Criação de conteúdo acessível
    17. Trabalhar com plug-ins personalizados de suporte da plataforma
    18. Depuração do ActionScript 3.0
    19. 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. Exportação de arquivos de vídeo QuickTime
    9. Controle de reprodução de vídeo externo com o ActionScript
    10. Práticas recomendadas - Dicas para a criação de conteúdo em dispositivos móveis
    11. Práticas recomendadas - Convenções de vídeo
    12. Práticas recomendadas - Diretrizes de criação de aplicativos SWF
    13. Práticas recomendadas - Estruturação de arquivos FLA
    14. Práticas recomendadas para otimizar arquivos FLA para o Animate
    15. Configurações de publicação do ActionScript
    16. Especificar configurações de publicação para o Animate
    17. Exportação de arquivos projetores
    18. Exportar imagens e GIFs animados
    19. Modelos de publicação HTML
    20. Trabalhar com o Adobe Premiere Pro e o After Effects
    21. Compartilhar e publicar animações rapidamente

Visão geral

Os documentos do Adobe Animate dividem espaços de tempo em quadros semelhantes a filmes. Os quadros estão no centro de qualquer animação, ditando cada segmento de tempo e movimento. O número total de quadros no seu filme e a velocidade em que são reproduzidos determinam a duração total do filme. Uma breve descrição de alguns dos conceitos sobre quadros encontra-se abaixo para referência.

Quadros

Na Linha do tempo, você trabalha com os quadros para organizar e controlar o conteúdo do documento. Os quadros na Linha do tempo devem ser colocados na ordem em que você deseja que os objetos apareçam nos quadros em seu conteúdo finalizado.

Quadro-chave

O quadro-chave é um quadro em que é exibida uma nova ocorrência de símbolo na Linha do tempo. O quadro-chave também pode ser o quadro que inclui o código ActionScript® para controlar algum aspecto do seu documento. Você também pode adicionar um quadro-chave em branco à Linha do tempo como alocador de espaço dos símbolos que planeja adicionar posteriormente ou para deixar explicitamente o quadro em branco.

Ao usar um quadro-chave, é possível definir uma posição, adicionar pontos de ancoragem, executar ações, fazer comentários e assim por diante. 

Extensão

A seleção de quadro com base em extensão permite selecionar um intervalo de quadros entre dois quadros-chave com um único clique.

Extensão estática do quadro

Na extensão estática do quadro, o mesmo conteúdo é disponibilizado para toda a extensão. Você pode usar esse tipo de extensão sempre que precisar exibir gráficos para um intervalo fixo de tempo. 

Extensão do quadro interpolado

Na extensão do quadro interpolado, o conteúdo é alterado dentro da interpolação referente a cada quadro. Você pode usar esse tipo de extensão para animações. 

Adicionar ou inserir quadros na linha do tempo

  • Para inserir um novo quadro, selecione Inserir > Linha do tempo > Quadro (F5).

  • Para criar um quadro-chave, selecione Inserir > Linha do tempo > Quadro-chave (F6) ou clique com o botão direito do mouse (Windows) ou clique com a tecla Control pressionada (Macintosh) no quadro em que você deseja colocar um quadro-chave e, no menu de contexto, selecione Inserir quadro-chave.

  • Para criar um novo quadro-chave em branco, selecione Inserir > Linha do tempo > Quadro-chave em branco ou clique com o botão direito do mouse (Windows) ou clique com a tecla Control pressionada (Macintosh) no quadro em que você deseja colocar um quadro-chave e selecione Inserir quadro-chave em branco, no menu de contexto.

Efeitos em quadros

Os filtros e os efeitos de cor costumavam ser aplicáveis somente a clipe e simbolos gráficos. Com as camadas avançadas, filtros e efeito de cor agora podem ser aplicados a quadros específicos, que por sua vez aplicam-se a todo o seu conteúdo incluindo formas, objeto de desenho, símbolos gráficos e assim por diante. Os efeitos de camada também podem ser interpolados usando as interpolações clássica, de forma e IK entre os quadros.

Para obter mais informações, consulte Aplicar efeitos de camada

Selecionar e rotular quadros na linha do tempo

É possível selecionar quadros usando dois métodos fornecidos no Animate. Além disso, é possível rotular quadros para organizar seu conteúdo. 

O Animate oferece dois diferentes métodos de seleção de quadros na Linha do tempo. Na seleção baseada no quadro (o padrão), você seleciona quadros individuais na Linha do tempo. Na seleção com base em extensão, a sequência inteira de quadros, de um quadro-chave para o próximo, é selecionada quando você clica em qualquer quadro na sequência. 

Selecionar quadros na Linha do tempo

Seleção única ou de vários quadros

  • Para selecionar um quadro, clique nele. 
  • Para selecionar vários quadros adjacentes, arraste o cursor sobre os quadros ou pressione Shift e clique nos quadros adicionais.

  • Para selecionar vários quadros não contíguos, clique com a tecla Control pressionada (Windows) ou clique com a tecla Command pressionada (Macintosh) nos quadros adicionais.

  • Para selecionar todos os quadros na Linha do tempo, selecione Editar > Linha do tempo > Selecionar todos os quadros.

Seleção de quadros com base em extensão

Como um pré-requisito, você pode especificar a seleção com base em extensão na linha do tempo do Animate. Para isso, clique no ícone de opções no canto superior direito e selecione o item de menu Seleção com base em extensão

  • Para selecionar uma extensão completa de quadros (interpolação de movimento ou cinemática invertida), clique no quadro. 
  • Para selecionar várias extensões, clique em cada um enquanto pressiona a tecla Shift.

Rotular quadros na Linha do tempo

É possível rotular quadros na Linha do tempo como uma forma de organizar seus conteúdos. Além disso, é possível rotular um quadro para poder fazer referência a ele no ActionScript por seu rótulo. Dessa forma, se você reorganizar a Linha do tempo e mover o rótulo para um número de quadro diferente, o ActionScript ainda fará referência ao mesmo rótulo e não terá que ser atualizado.

Os rótulos dos quadros só podem ser aplicados a quadros-chave. É recomendável criar uma camada separada na Linha do tempo para conter seus rótulos de quadros. Usar uma camada separada para rótulos permite uma melhor organização do conteúdo e dos quadros-chave. 

Para adicionar um rótulo de quadro:

  1. Selecione o quadro que você deseja rotular na Linha do tempo.

  2. Com o quadro selecionado, insira o nome do rótulo na seção Rótulo do Inspetor de Propriedades. Pressione Enter ou Retornar.

  3. Como prática recomendada, crie uma camada separada para todos os rótulos no quadro. 

Ativar seleção de quadro com base em extensão

A seleção de quadro com base em extensão permite selecionar um intervalo de quadros entre dois quadros-chave com um único clique.

  1. Clique no ícone de opções no canto superior direito da seção da linha do tempo. 

    Um menu pop-up é exibido. 

  2. Selecione a opção Seleção com base em extensão no menu pop-up. 

Distribuir para quadros-chave

A opção Distribuir para quadros-chave permite distribuir vários objetos (símbolos e bitmaps) no palco para quadros-chave individuais.

  1. Selecione vários objetos de qualquer camada do palco.
  2. Clique com o botão direito do mouse e selecione Distribuir para quadros-chave.

Copiar, colar, excluir ou mover um quadro ou uma sequência de quadros

Um quadro-chave e a extensão de quadros regulares que o seguem são conhecidos como uma sequência de quadros-chave. A linha do tempo pode conter qualquer número de sequências de quadro-chave.

Para copiar ou colar um quadro ou uma sequência de quadros, siga um dos procedimentos a seguir:

Copiar ou colar um quadro ou uma sequência de quadros

  • Selecione o quadro ou a sequência e selecione Editar > Linha do tempo > Copiar quadros. Selecione o quadro ou a sequência que você deseja substituir e selecione Editar > Linha do tempo > Colar quadros.

  • Efetue a ação Alt‑arrastar (Windows) ou Option-arrastar (Macintosh) para arrastar um quadro-chave para o local em que deseja copiá-lo.

Excluir um quadro ou uma sequência de quadros

Excluir um quadro, uma sequência de quadros ou um quadro-chave

Selecione o quadro ou a sequência e selecione Editar > Linha do tempo > Remover quadro ou clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no quadro ou na sequência e selecione Remover quadro no menu de contexto.

Os quadros circundantes permanecem inalterados.

Excluir quadros-chave

Selecione o quadro-chave e selecione Editar > Linha do tempo > Limpar quadro-chave ou clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no quadro-chave e selecione Limpar quadro-chave no menu de contexto.

Mover um quadro-chave ou uma sequência de quadros-chave

Selecione um quadro-chave ou uma extensão de quadros-chave e, em seguida, arraste o quadro chave ou a extensão para o local desejado.

Alterar o comprimento de uma sequência de quadro estático

Mantenha pressionada a tecla Control (Windows) ou Command (Macintosh) enquanto arrasta no quadro inicial ou final da extensão para a esquerda ou para a direita.

Para alterar a duração de uma sequência de animação quadro-a-quadro, consulte Criar animações quadro-a-quadro.

Visualizar o conteúdo do quadro na linha do tempo

Escolha Visualização do menu Opções do painel da linha do tempo no canto superior direito do painel Linha do tempo.

Em cada quadro-chave da Linha do tempo, você pode pré-visualizar os itens do quadro-chave em miniaturas.

Logotipo da Adobe

Fazer logon em sua conta