Horas

  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

Use esse artigo para saber mais sobre os diferentes componentes de Tempo no Animate.

Linha do tempo

Linha do tempo na animação de interpolação de movimento

A Linha do tempo no Adobe Animate organiza e controla o conteúdo de um documento com o passar do tempo em camadas e quadros. Como um filme, os documentos do Animate dividem espaços de tempo em quadros. As camadas são como várias faixas de filme empilhadas uma em cima da outra, cada uma contendo uma imagem diferente que é exibida no Palco. Os principais componentes da Linha do tempo são camadas, quadros e o indicador de reprodução.

  • As camadas em um documento são listadas em uma coluna no lado esquerdo da Linha do tempo.
  • Os quadros contidos em cada camada são exibidos em uma linha à direita do nome da camada.
  • O cabeçalho da Linha do tempo, na parte superior da Linha do tempo, indica os números dos quadros.
  • O indicador de reprodução indica o quadro atual exibido no Palco. Durante a reprodução de um documento, o indicador de reprodução é movido da esquerda para a direita em toda a Linha do tempo.

Por padrão, o indicador de reprodução repete quando chega ao fim. A exibição de status da Linha do tempo, na parte inferior da Linha do tempo, indica o número do quadro selecionado, a taxa de quadros atual e o tempo decorrido até o quadro atual.

Para obter mais informações sobre a Linha do tempo, consulte Como usar a linha do tempo no Animate.

Quadros

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 seu filme.

Para saber mais sobre Quadros, consulte o artigo sobre Quadros e o artigo sobre Criar animações quadro a quadro.

Extensão de quadros

Extensão de quadros em animações de interpolação de movimento

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. Se o quadro-chave em uma sequência contém o conteúdo gráfico visível no palco, os quadros regulares que seguem aparecerão em cinza. Se o quadro-chave em uma sequência não tiver nenhum conteúdo gráfico, os quadros regulares que o seguem aparecerão brancos.

Quadros-chave

Quadros e quadros-chave no Animate CC

Assim como os filmes, os documentos do Adobe Animate dividem espaços de tempo em quadros. Na Linha do tempo, você trabalha com esses 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.

Um quadro-chave é aquele em que aparece uma nova instância de símbolo na Linha do tempo no Adobe Animate Um 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 espaço reservado para os símbolos que planeja adicionar posteriormente ou para deixar explicitamente o quadro em branco. Um ponto preto na Linha do tempo 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 ponto preto no quadro-chave inicial com uma seta preta e plano de fundo azul indica uma interpolação clássica.

Não confunda quadros-chave com os quadros-chave de propriedade; o ícone da Linha do tempo de um quadro-chave de propriedade é um losango sólido e um ícone padrão de quadro-chave é um círculo preenchido ou vazio.

Edição de vários quadros

Edição de vários quadros na animação de interpolação de movimento

Editar vários quadros.

QPS

Quadros por segundo

A taxa de quadros (a velocidade em que a animação no Adobe Animate é reproduzida) é medida pelo número de quadros por segundo (QPS). 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. Uma taxa de quadros de 24 qps é a configuração padrão para os novos documentos do Animate e geralmente geram os melhores resultados na web. (A taxa padrão de um filme de cinema também é de 24 qps.)

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 com diferentes capacidades de processamento. Como você especifica apenas uma taxa de quadros para todo o documento do Animate, certifique-se de definir a taxa de quadros desejada antes de criar suas animações. A taxa de quadros determina essencialmente a taxa na qual o indicador de reprodução se move pela Linha do tempo.

Leia o artigo sobre as noções básicas de animação para saber mais sobre quadros por segundo.

Atenuação

A atenuação é uma técnica que modifica a maneira como o Adobe Animate calcula os valores de propriedade entre os quadros-chave de propriedade de uma interpolação. Sem o conjunto de atenuação, o Animate move os objetos interpolados na mesma velocidade em cada quadro da animação. Com a atenuação, você pode ajustar a velocidade dos objetos interpolados para criar movimentos mais naturais e animações complexas. A atenuação é uma curva matemática que é aplicada aos valores de propriedade de uma interpolação.

O efeito final da interpolação é o resultado da combinação do intervalo dos valores de propriedade na interpolação e na curva de atenuação que faz com que os objetos interpolados comecem lentos e acelerem rapidamente, comecem rápido e desacelerem ou alguma combinação desses efeitos.

Por exemplo, se você animar a imagem de um carro no Palco, o movimento será mais realista se o carro começar a andar lentamente de uma posição parada e ganhar velocidade gradualmente à medida que a aceleração aumenta. As atenuações aplicadas no Inspetor de propriedades afetam todas as propriedades incluídas em uma interpolação. As atenuações aplicadas no Editor de movimento podem afetar uma única propriedade, um grupo de propriedades ou todas as propriedades de uma interpolação.

Consulte Como modelar interpolações e Como editar interpolações de movimento para obter informações detalhadas sobre a Atenuação.

Transparências

Transparências no Animate CC

Use as Transparências para comparar os quadros anteriores e posteriores e ajustar os objetos no quadro atual. Quando as transparências estão desativadas (configuração padrão), somente um quadro da sequência de animação é exibido no Palco por vez.

O quadro exibido corresponde ao local do indicador de reprodução na Linha do tempo. Quando as Transparências estão ativadas, o quadro na posição de reprodução aparece totalmente colorido, ao passo que os quadros vizinhos ficam mais claros, como se cada quadro fosse desenhado em uma folha de papel transparente, com as folhas presas umas às outras pela parte superior.

Não é possível editar quadros mais claros. Eles são exibidos apenas como uma referência visual.

Para obter mais informações sobre a sequência em Transparências, consulte Criação de animações quadro a quadro e Linha do tempo.

Camadas

Camadas em animações de interpolação de movimento

As camadas ajudam a organizar a arte-final do documento do Adobe Animate É possível desenhar e editar objetos em uma camada, sem afetar os objetos em outra camada. Em áreas do Palco sem nada em uma camada, é possível visualizar através dessa camada as camadas abaixo. Para desenhar, pintar, ou modificar uma camada ou pasta, selecione a camada na Linha do tempo para torná-la ativa. Um ícone de caneta, ao lado do nome de uma camada ou pasta na Linha do tempo indica que a camada ou pasta está ativa.

Apenas uma camada pode ficar ativa por vez, embora mais de uma camada possa ser selecionada por vez. Quando você cria um documento do Animate, ele contém apenas uma camada. Para organizar a arte-final, a animação e outros elementos no documento, adicione mais camadas. Também é possível ocultar, bloquear ou reorganizar as camadas. 

O número de camadas que podem ser criadas limita-se apenas pela memória do computador, e as camadas não aumentam o tamanho de arquivo do arquivo SWF publicado. Apenas os objetos colocados em camadas são adicionados ao tamanho do arquivo do projeto. Para ajudar a criar efeitos sofisticados, use camadas de guias especiais para facilitar o desenho e a edição e para criar camadas de máscara.

Para saber mais sobre as camadas, acesse Criação de camadas de linha do tempo.

Camada de máscara

Camada de máscara no Animate CC

As camadas de máscara contêm objetos usados como máscaras para ocultar partes selecionadas de camadas abaixo delas. Apenas a parte da camada de máscara não coberta pela máscara estará visível.

Para saber como usar camadas de máscara, consulte Usar camadas de máscara no Animate.

Camada de guia

Camada de guia em animações de interpolação de movimento

Para alinhar objetos ao desenhar no Adobe Animate, crie camadas de guias e alinhe os objetos em outras camadas aos objetos criados nas camadas de guias.  Qualquer camada pode ser uma camada de guia. As camadas de guia exibem um ícone de guia, à esquerda do nome da camada. As camadas de guias não são exportadas nem exibidas em um arquivo SWF.

Embora não seja possível arrastar uma camada de interpolação de movimento ou uma camada de pose de cinemática inversa em uma camada de guia, você pode arrastar uma camada normal para uma camada de guia. Isso converte a camada de guia em uma camada de guia de movimento e vincula a camada normal à nova camada de guia de movimento.

Logotipo da Adobe

Fazer logon em sua conta