Guia do Usuário Cancelar

Noções básicas de animação 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

 Como a maioria das coisas no Animate (antigo Flash Professional CC), a animação não exige nenhum ActionScript. Contudo, você pode criar a animação com o ActionScript se quiser.

Tipos de animação

O Animate oferece várias maneiras de criar animações e efeitos especiais. Cada método oferece diferentes possibilidades de criar um conteúdo envolvente e animado.

O Animate suporta os seguintes tipos de animação:

Interpolações de movimento

Use interpolações de movimento para definir propriedades de um objeto, como posição e transparência alfa em um quadro e novamente em outro quadro. Em seguida, o Animate interpola os valores de propriedade entre os quadros. A interpolação de movimento é útil para a animação, que consiste em movimento ou transformação contínua de um objeto. As interpolações de movimento são exibidas na Linha do tempo como uma extensão contígua de quadros que, por padrão, podem ser selecionados como um único objeto. As Interpolações de movimento são eficientes e simples de criar.

Interpolações clássicas

As interpolações clássicas são como as interpolações de movimento, mas mais complexas de criar. As Interpolações clássicas permitem alguns efeitos animados específicos que não são possíveis em interpolações com base em extensão.

Poses de cinemática inversa (desaprovado no Animate)

As poses cinemáticas inversas permitem alongar e curvar objetos Shape e vincular grupos de ocorrências de símbolos para fazer com que se movam juntos de forma natural. Depois de adicionar bones a uma forma ou a um grupo de símbolos, é possível alterar a posição dos bones ou dos símbolos em diferentes quadros-chave. O Animate interpola as posições nos quadros intermediários.

Interpolações de formas

Na interpolação de forma, você desenha uma forma em um quadro específico na Linha do tempo e altera essa forma ou desenha outra forma em outro quadro específico. Em seguida, o Animate interpola as formas intermediárias para os quadros intermediários, o que cria a animação de uma forma se transformando em outra.

Animação quadro a quadro

Esta técnica de animação permite especificar artes diferentes para cada quadro na Linha do tempo. Use esta técnica para criar um efeito parecido com os quadros de um filme reproduzido em rápida sucessão. Essa técnica é útil para animações complexas em que os elementos gráficos de cada quadro devem ser diferentes.

Sobre as taxas de quadro

A taxa de quadros, que é a velocidade com que uma animação é reproduzida, é medida pelo número de quadros por segundo (fps). Uma taxa de quadros muito lenta dá a impressão de que a animação está parando e começando novamente; uma taxa muito rápida borra os detalhes da animação. A taxa de quadros de 24 q/s é o padrão de novos documentos do Animate e normalmente oferece os melhores resultados na Web. A taxa padrão de um filme de cinema também é de 24 q/s.

A complexidade da animação e a velocidade do computador que reproduz a animação afetam a suavidade da reprodução. Para determinar as taxas de quadro ideais, teste suas animações em vários computadores.

Como você especifica apenas uma taxa de quadros para todo o documento do Animate, ajuste essa taxa antes de começar a criar a animação.

Identificação de animações na Linha de tempo

O Animate diferencia a animação interpolada da animação quadro a quadro na Linha de tempo, exibindo indicadores diferentes em cada quadro que contém conteúdo.

Os seguintes indicadores de conteúdo do quadro aparecem na Linha de tempo:

  • Uma extensão de quadros com um plano de fundo azul indica uma interpolação de movimento. Um ponto preto no primeiro quadro da extensão indica que a extensão interpolada tem um objeto de destino atribuído a ele. Losangos pretos indicam o último quadro e todos os outros quadros-chave de propriedade. Os quadros-chave de propriedade são quadros que contêm alterações de propriedade que você definiu de maneira explícita. Você pode selecionar que tipos de quadros-chave de propriedade devem ser exibidos, clicando com o botão direito do mouse (Windows) ou com o botão Command (Macintosh) na extensão da interpolação de movimento e selecionando Exibir quadros-chave > tipo no menu de contexto. Por padrão, o Animate exibe todos os tipos de quadros-chave de propriedade. Todos os outros quadros na extensão contêm valores interpolados para as propriedades de interpolação do objeto de destino.

     

     

  • Um ponto vazio no primeiro quadro indica que o objeto de destino da interpolação de movimento foi removido. A extensão interpolada ainda contém seus quadros-chave de propriedade e pode ter um novo objeto de destino aplicado a ela.

     

     

  • Uma extensão de quadros com plano de fundo verde indica uma camada de pose de cinemática inversa (IK). As camadas de pose contêm armaduras IK e poses. Cada pose é exibida na Linha do tempo como um losango preto. o Animate interpola as posições da armadura nos quadros entre as poses.

     

     

  • Um ponto preto no quadro-chave inicial com uma seta preta e plano de fundo azul indica uma interpolação clássica.

     

     

  • Uma linha tracejada indica que a interpolação clássica está quebrada ou incompleta, por exemplo, quando falta um quadro-chave no final.

     

     

  • Um ponto preto no quadro-chave inicial com uma seta preta e plano de fundo verde claro indica uma interpolação de forma.

     

     

  • Um ponto preto indica um único quadro-chave. Os quadros em cinza-claro depois de um quadro-chave único contêm o mesmo conteúdo sem alterações. Esses quadros têm uma linha preta vertical e um retângulo vazio no último quadro da extensão.

     

     

  • Um pequeno a indica que é atribuído ao quadro o painel Ações.

     

     

  • Um sinalizador vermelho indica que o quadro contém um rótulo.

     

     

  • Uma barra dupla verde indica que o quadro contém um comentário.

     

     

  • Uma âncora dourada indica que o quadro é uma âncora com nome.

     

Noções de camadas na animação

Cada cena em um documento do Animate pode consistir em um número qualquer de camadas na Linha do tempo. Use camadas e pastas de camada para organizar o conteúdo de uma sequência de animação e separar objetos animados. Organizá-los em camadas e pastas evita que sejam apagados, conectados ou segmentados uns aos outros quando sobrepostos. Para criar uma animação que inclua o movimento interpolado de mais de um símbolo ou campo de texto no mesmo tempo, coloque cada objeto em uma camada separada. Você pode usar uma camada como camada de plano de fundo para a arte estática e usar camadas extras para um objeto animado separado.

Ao criar uma interpolação de movimento, o Animate converte a camada que contém o objeto selecionado para interpolar em uma camada de interpolação. A camada de interpolação tem um ícone de interpolação perto do nome da camada na Linha do tempo.

Se houver outros objetos na mesma camada que o objeto interpolado, o Animate acrescenta novas camadas acima ou abaixo da camada original conforme necessário. Os objetos que existirem abaixo do objeto interpolado em sua camada original se movem para uma nova camada abaixo da camada original. Os objetos que estavam abaixo do objeto interpolado em sua camada original são movidos para uma nova camada acima da camada original. O Animate insere essas novas camadas entre as camadas preexistentes na Linha do tempo. Dessa forma, o Animate preserva a ordem de empilhamento original de todos os objetos gráficos no Palco.

Uma camada de interpolação só pode conter extensões de interpolação (grupos contíguos de quadros contendo uma interpolação), quadros estáticos, quadros-chave em branco ou quadros vazios. Cada extensão de interpolação contém apenas um objeto de destino único e um caminho opcional de movimento para o objeto destino. Como você não pode desenhar em uma camada de interpolação, crie interpolações adicionais ou estáticas em outras camadas e depois arraste-as para a camada de interpolação. Para colocar scripts de quadros em uma camada de interpolação, crie os scripts em outra camada e arraste-os para a camada de interpolação. O script de quadro só pode residir em um quadro fora da própria extensão de interpolação de movimento. Em geral, é melhor manter todos os scripts de quadro em uma camada separada contendo apenas o ActionScript.

Quando um documento contiver várias camadas, o controle e a edição dos objetos em uma ou mais camadas podem ser tarefas difíceis. Essa tarefa se mostra mais fácil se você trabalhar com o conteúdo de uma camada por vez. Para ocultar ou bloquear as camadas nas quais você não esteja trabalhando no momento, clique no ícone Olho ou Bloqueio próximo ao nome da camada na Linha do tempo. O uso das pastas de camada o ajuda a organizar as camadas em grupos gerenciáveis.

Distribuição de objetos em camadas para animação interpolada

O Animate move automaticamente o objeto para a respectiva camada de interpolação, quando aplicada uma interpolação de movimento ao objeto. No entanto, você também pode distribuir objetos nas respectivas camadas distintas. Por exemplo, você mesmo pode optar por distribuir objetos quando estiver organizando o conteúdo. A distribuição manual também é útil para aplicar animação aos objetos, mantendo, ao mesmo tempo, o controle preciso sobre a forma como eles são transferidos de uma camada para outra.

Ao usar o comando Distribuir em camadas (Modificar > Linha do tempo > Distribuir em camadas), o Animate distribui cada objeto selecionado em uma camada nova e separada. Todos os objetos que você não seleciona (incluindo objetos em outros quadros) são preservados em suas camadas originais.

Você pode aplicar o comando Distribuir em camadas a qualquer elemento no Palco, incluindo objetos gráficos, ocorrências, bitmaps, clipes de vídeo e blocos de texto separados.

Sobre as novas camadas criado com Distribuir em camadas

As novas camadas criadas durante a operação Distribuir em camadas são nomeadas de acordo com o nome do elemento que cada um contém:

  • Uma nova camada contendo um ativo de biblioteca (como símbolo, bitmap ou clipe de vídeo) recebe o mesmo nome que o ativo.

  • Uma nova camada contendo uma ocorrência com nome recebe o nome da ocorrência.

  • Uma nova camada contendo um caractere de um bloco de texto separado recebe o nome do caractere.

  • A camada nova que contém um objeto gráfico (que não tem nome) se chama Camada1 (ou Camada2 e assim por diante), pois os objetos gráficos não têm nomes.

    O Animate insere as novas camadas abaixo das camadas selecionadas. As novas camadas são organizadas de cima para baixo, na ordem em que os elementos selecionados foram originalmente criados. As camadas no texto separadas são organizadas na ordem dos caracteres, seja para esquerda para a direita, da direita para a esquerda, ou de cima para baixo. Por exemplo, suponhamos que você separe o texto FLASH e o distribua em camadas. As novas camadas, denominadas F, L, A, S e H, são organizadas de cima para baixo com a letra F na parte superior. Essas camadas são exibidas logo abaixo da camada que continha inicialmente o texto.

Distribuir objetos em camadas

  1. Selecione os objetos que você deseja distribuir em camadas separadas. Os objetos podem estar em uma camada única, ou em várias camadas, incluindo camadas não contíguas.
  2. Siga um destes procedimentos:
    • Selecione Modificar > Linha do tempo > Distribuir em camadas.
    • Clique com o botão direito (Windows) ou mantenha pressionada a tecla Control enquanto clica (Macintosh) nos objetos selecionados e escolha Distribuir em camadas.

Criação de animações interpoladas distribuindo objetos em quadros-chave

Novo no Animate

O Animate permite que você distribua automaticamente objetos para cada quadro-chave separado. Você pode escolher distribuir objetos ao organizar o conteúdo no palco. Manualmente, o processo é tedioso e demorado. A distribuição é muito útil ao criar animações interpoladas, colocando objetos em quadros-chave individuais. Você pode atribuir objetos diferentes ou estados de objetos a quadros-chave individuais. Na verdade, quando o indicador de posicionamento é arrastado por esses quadros-chave, o efeito de uma animação interpolada é aparente.

Ao usar o comando Distribuir em quadros-chave, o Animate distribui cada objeto selecionado para um novo quadro-chave separado. Todos os objetos que você não seleciona (incluindo objetos em outros quadros) são preservados em suas camadas originais.

Você pode aplicar o comando Distribuir em quadros-chave a qualquer elemento no Palco, incluindo objetos gráficos, instâncias, bitmaps, clipes de vídeo e blocos de texto.

Sobre novos quadros-chave criados com Distribuir em quadros-chave

  • Os novos quadros-chave criados durante a operação Distribuir em quadros-chave são organizados de acordo com a sequência em que os objetos que foram selecionados.
  • Se qualquer objeto na camada ficar desmarcado ao realizar a operação Distribuir em quadros-chave, os quadros originais não serão afetados por esses objetos. Os objetos selecionados para distribuição são atribuídos a quadros-chave, iniciando o próximo quadro imediatamente após o último quadro do conteúdo original. Por exemplo, Objeto1 e Objeto2 estão em uma camada que possui 50 quadros. Se Objeto1 for escolhido para distribuição, ele será colocado no 51º quadro-chave.

Distribuir objetos em quadros-chave

  1. Selecione os objetos que você deseja distribuir em camadas separadas. Os objetos podem estar em uma camada única, ou em várias camadas, incluindo camadas não contíguas.

  2. Clique com o botão direito (Windows) ou mantenha pressionada a tecla Control enquanto clica (Macintosh) nos objetos selecionados e escolha Distribuir em quadros-chave.

Recursos adicionais

O artigo a seguir fala sobre como trabalhar com animações no Animate:

Logotipo da Adobe

Fazer logon em sua conta