É possível alternar da exibição padrão de várias camadas para uma exibição de camada atual clicando no ícone Exibição de camada na parte superior esquerda.
- Guia do Usuário do Adobe Animate
- Introdução ao Animate
- Animação
- Noções básicas de animação no Animate
- Como usar quadros e quadros-chave no Animate
- Animação quadro a quadro no Animate
- Como trabalhar com animação de interpolação clássica no Animate
- Ferramenta Pincel
- Guia de movimento
- Interpolação de movimento e ActionScript 3.0
- Sobre a animação com interpolação de movimento
- Animações de interpolação de movimento
- Criação de uma animação de interpolação de movimento
- Utilização dos quadros-chave de propriedade
- Animação de posição com uma interpolação
- Editar interpolações de movimento usando o Motion Editor
- Edição do caminho de movimento de uma animação de interpolação
- Manipulação de interpolações de movimento
- Adição de atenuações personalizadas
- Criação e aplicação das predefinições de movimento
- Configuração de extensões de interpolação de animação
- Trabalhar com interpolações de movimento salvas como arquivos XML
- Interpolações de movimento e interpolações clássicas
- Interpolação de formas
- Uso da animação da ferramenta Bone no Animate
- Trabalho com articulações de personagens no Animate
- Como usar camadas de máscara no Adobe Animate
- Como trabalhar com cenas no Animate
- Interatividade
- Como criar botões com o Animate
- Converter projetos do Animate em outros formatos de tipo de documento
- Criação e publicação de documentos HTML5 Canvas no Animate
- Adicionar interatividade com snippets de código no Animate
- Criar componentes HTML5 personalizados
- Uso de componentes do HTML5 Canvas
- Criação de componentes personalizados: exemplos
- Snippets de código para componentes personalizados
- Práticas recomendadas - Publicidade com o Animate
- Criação e publicação de Realidade virtual
- Fluxo de trabalho e espaço de trabalho
- Criação e gerenciamento de pincéis
- Uso de Google Fonts em documentos HTML5 Canvas
- Uso das Bibliotecas da Creative Cloud e do Adobe Animate
- Uso dos painéis Palco e Ferramentas do Animate
- Fluxo e espaço de trabalho do Animate
- Uso de fontes da Web em documentos HTML5 Canvas
- Linhas de tempo e ActionScript
- Trabalhar com múltiplas linhas de tempo
- Definir preferências
- Uso de painéis de criação do Animate
- Criar camadas na linha do tempo com o Animate
- Exportar animações para aplicativos móveis e mecanismos de jogo
- Mover e copiar objetos
- Modelos
- Localização e substituição no Animate
- Desfazer, refazer e o painel de Histórico
- Atalhos de teclado
- Como usar a linha do tempo no Animate
- Criação de extensões HTML
- Opções de otimização para imagens e GIFs animados
- Configurações de exportação para imagens e GIFs
- Painel Ativos no Animate
- Multimídia e vídeo
- Transformação e combinação de objetos gráficos no Animate
- Criar e trabalhar com instâncias do símbolo no Animate
- Traçado de imagem
- Como usar som no Adobe Animate
- Exportação de arquivos SVG
- Criação de arquivos de vídeo para uso no Animate
- Como adicionar vídeos no Animate
- Desenhar e criar objetos com o Animate
- Remodelação de linhas e formas
- Traçados, preenchimentos e gradientes com o Animate CC
- Trabalhar com o Adobe Premiere Pro e o After Effects
- Painéis de cor no Animate CC
- Abrir arquivos do Flash CS6 com o Animate
- Trabalho com texto clássico no Animate
- Aplicação de ilustração final no Animate
- Bitmaps importados no Animate
- Gráficos em 3D
- Trabalhar com símbolos no Animate
- Desenhar linhas e formas com o Adobe Animate
- Trabalho com bibliotecas no Animate
- Exportação de sons
- Seleção de objetos no Animate CC
- Trabalho com arquivos AI do Illustrator no Animate
- Aplicação de modos de mesclagem
- Organização de objetos
- Automação de tarefas com o menu Comandos
- Texto multilíngue
- Uso de câmera no Animate
- Filtros gráficos
- Som e ActionScript
- Preferências de desenho
- Desenho com a ferramenta Caneta
- Plataformas
- Converter projetos do Animate em outros formatos de tipo de documento
- Compatibilidade com plataforma personalizada
- Criação e publicação de documentos HTML5 Canvas no Animate
- Criação e publicação de um documento WebGL
- Compactação de aplicativos no AIR para iOS
- Publicação de AIR em aplicativos Android
- Publicação no Adobe AIR para desktop
- Configurações de publicação do ActionScript
- Práticas recomendadas - Organização do ActionScript em um aplicativo
- Como usar ActionScript com o Animate
- Acessibilidade no espaço de trabalho do Animate
- Programação e gerenciamento de scripts
- Ativação do suporte para plataformas personalizadas
- Visão geral do suporte da plataforma personalizada
- Trabalhar com plug-ins personalizados de suporte da plataforma
- Depuração do ActionScript 3.0
- Ativação do suporte para plataformas personalizadas
- Publicação e exportação
- Exportação de arquivos do Animate CC
- Publicação OAM
- Exportação de arquivos SVG
- Exportar gráficos e vídeos com o Animate
- Publicação de documentos AS3
- Exportar animações para aplicativos móveis e mecanismos de jogo
- Exportação de sons
- Práticas recomendadas - Dicas para a criação de conteúdo em dispositivos móveis
- Práticas recomendadas - Convenções de vídeo
- Práticas recomendadas - Diretrizes de criação de aplicativos SWF
- Práticas recomendadas - Estruturação de arquivos FLA
- Práticas recomendadas para otimizar arquivos FLA para o Animate
- Configurações de publicação do ActionScript
- Especificar configurações de publicação para o Animate
- Exportação de arquivos projetores
- Exportar imagens e GIFs animados
- Modelos de publicação HTML
- Trabalhar com o Adobe Premiere Pro e o After Effects
- Compartilhar e publicar animações rapidamente
- Solução de problemas
Sobre a Linha do tempo
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.
A Linha do tempo mostra onde a animação ocorre em um documento, incluindo a animação quadro a quadro, a animação interpolada e os caminhos de movimento. Os controles na seção de camadas da Linha do tempo permitem ocultar, mostrar, bloquear ou desbloquear camadas, bem como exibir o conteúdo das camadas como contornos. É possível arrastar um quadro na Linha do tempo para um novo local na mesma camada, ou para uma camada diferente.
Linha do tempo moderna
A aparência e a funcionalidade do painel linha de tempo são aprimoradas, incluindo a representação clara do intervalo do quadro, melhor legibilidade do quadro e do marcador de tempo, aprimorado transparência aprimorado, botões para criar quadros-chave, quadros em branco e assim por diante.
Controles da linha de tempo
Exibição de camada
Câmera
Para ativar ou desativar a câmera, clique no botão da câmera.
Exibição de hierarquia de camadas
Ele exibe a hierarquia principal de camadas.
Profundidade da camada
Cria um painel de profundidade da camada e permite que você modifique a profundidade da camada ativa fornecida na lista.
Quando uma animação é reproduzida, a taxa de quadros real é exibida. Essa taxa de quadros pode ser diferente da configuração de taxa de quadros do documento, se o computador não puder calcular e exibir a animação com rapidez.
Transparências
A transparência foi renovada e torna-se mais simples. É possível ativar a transparência clicando no botão transparência. A transparência é aprimorada para excluir de maneira seletiva (e incluir) quadros clicando com o botão direito do mouse em qualquer quadro de transparência no intervalo de transparência.
Siga um destes procedimentos:
- Clique no botão transparência para ativar e desativar a transparência. Quando ativados, Todos os quadros entre os marcadores de Iniciar transparência e Terminar transparência (no cabeçalho da linha do tempo) são sobrepostos em um quadro na janela Documento.
- Clique e mantenha o botão do mouse sobre o botão de transparência para exibir e selecione as opções, como o intervalo selecionado, todos os quadros, marcadores de ancoragem e configurações avançadas.
- Selecione o ícone Transparência (o ícone à esquerda do ícone Alça) na linha do tempo.
Alguns dos parâmetros de transparência nesse painel são recursos existentes, como o modo de contorno, a aparência da pele anterior/preferência de cor do quadro futuro, marcadores de ancoragem:.
- Modo somente quadro-chave: renderizar somente quadros-chave em intervalo de transparência, que é ignorado entre os quadros de interpolação.
- Iniciar Opacidade: A opacidade do primeiro quadro de transparência em qualquer lado do quadro ativo.
- Diminuir por: Diminuição da porcentagem delta em cada quadro de transparência.
- R estrições: intervalo de quadros anteriores e posteriores são os mesmos quando as restrições estão ativadas, a menos que o usuário edite o intervalo da linha do tempo.
Para obter mais informações, consulte Uso de transparência.
A. Opacidade do primeiro quadro de transparência B. Diminuir opacidade nos quadros de transparência C. Mostrar apenas os quadros principais D. Marcadores de âncora
Editar vários quadros
Permite que você visualize e edite conteúdo em múltiplos quadros dentro do intervalo selecionado.
Clique e mantenha o botão do mouse no botão editar vários quadros para exibir e selecionar Editar intervalo selecionado e editar todos os quadros. Clique para desativar e ativar o modo Editar vários quadros.
Criar interpolações
Clique e mantenha o botão do mouse no ícone criar interpolação para exibir e selecionar as opções. Selecione o intervalo de quadros na linha do tempo e clique em criar interpolação para criar uma interpolação de acordo com a seleção recente.
Alterar a aparência da Linha do tempo
Por padrão, a Linha do tempo aparece abaixo da janela do documento principal. Para alterar sua posição, desconecte a linha do tempo da janela do documento e a faça flutuar em sua própria janela. É possível encaixá-la em qualquer outro painel de sua escolha. É possível também ocultar a Linha do tempo.
Para alterar o número de camadas e quadros visíveis, redimensione a Linha do tempo. Para exibir camadas adicionais, quando a Linha do tempo tiver mais camadas do que é possível exibir, use as barras de rolagem no lado direito da Linha do tempo.
Para mover a Linha do tempo quando ela estiver encaixada na janela do documento, arraste a aba da barra de título no canto superior esquerdo da Linha do tempo.
Para encaixar uma Linha do tempo desencaixada na janela do aplicativo, arraste a aba da barra de título para a parte superior ou inferior da janela do documento.
Para encaixar uma Linha do tempo desencaixada em outros painéis, arraste a aba da barra de título da Linha do tempo até o local escolhido. Para impedir que a Linha do tempo seja encaixada em outros painéis, pressione a tecla Ctrl enquanto arrasta. Uma barra azul é exibida para indicar o local em que a Linha do tempo será encaixada.
Para estender ou encurtar campos de nome de camada no painel Linha do tempo, arraste a barra que separa os nomes de camada e as partes dos quadros da Linha do tempo.
Personalizar a exibição da Linha do tempo
-
Para exibir o menu pop-up Exibição de quadros, clique em Exibição de quadros no canto superior direito da Linha do tempo.
-
Selecione uma das seguintes opções:
- Para alterar o tamanho das camadas, selecione grande, média ou curta. (A configuração de largura de quadro Grande é útil para a exibição de detalhes de formas de ondas sonoras.
- Para exibir miniaturas do conteúdo de cada quadro dimensionado para se ajustar aos quadros da Linha do tempo, selecione Visualizar. Essa visualização pode levar o tamanho do conteúdo aparente a variar, e requer espaço de tela adicional.
- Para mover os controles da linha do tempo para a parte superior ou inferior, selecione cabeçalho superior ou cabeçalho inferior, respectivamente.
- Para ampliar e reduzir a linha do tempo, use a barra deslizante da linha de tempo de exibição de redimensionamento.
Alterar a altura da camada na Linha do tempo
-
Siga um destes procedimentos:
Clique no menu de opções no cabeçalho da linha de tempo. Selecione Baixo, Médio ou Alto.
Clique duas vezes no ícone da camada (o ícone à esquerda do nome da camada) na Linha do tempo.
Clique com o botão direito (Windows) ou com a tecla Ctrl pressionada (Macintosh) no nome da camada e selecione Propriedades no menu de contexto.
Selecione a camada na Linha do tempo e selecione Modificar > Linha do tempo > Propriedades da camada.
-
Na caixa de diálogo Propriedades da camada, selecione uma opção para Altura da camada e clique em OK.
Codificação por cores e fixação de camadas
É possível fixar ou colorir uma camada para facilitar a identificação clicando no ponto que aparece logo após o nome da camada. Quando ativado, um sublinhado com a cor de contorno da camada aparece na camada para um reconhecimento rápido da camada.
Definir a opacidade da camada
Siga um destes procedimentos:
- Para definir a visibilidade como opacidade, use shift+clique na coluna de olho na linha do tempo.
- Clique duas vezes no ícone da camada (o ícone à esquerda do nome da camada) na Linha do tempo.
- Clique com o botão direito (Windows) ou com a tecla Ctrl pressionada (Macintosh) no nome da camada e selecione Propriedades no menu de contexto. Na caixa de diálogo Propriedades da camada, selecione Visibilidade > Opacidade.
- Clique com botão direito do mouse (Windows) ou pressione Control (Macintosh) e clique no nome da camada e selecione Mostrar outros como transparentes.
Redimensionar o painel Linha do tempo
Se a Linha do tempo estiver encaixada na janela principal do aplicativo, arraste a barra que separa a Linha do tempo da área do Palco.
Se a Linha do tempo não estiver encaixada na janela principal do aplicativo, arraste o canto inferior direito (Windows) ou a caixa de tamanho no canto inferior direito (Macintosh).
O indicador de reprodução azul no alto da Linha do tempo se movimenta conforme o documento é reproduzido, para indicar o quadro atual exibido no Palco. O cabeçalho da Linha do tempo mostra os números dos quadros da animação. Para exibir um quadro no Palco, mova o indicador de reprodução até o quadro na Linha do tempo.
Para exibir um quadro específico, quando você estiver trabalhando com vários quadros, mova o indicador de reprodução ao longo da linha do tempo.
Para ir até um quadro, clique no local do quadro no cabeçalho da Linha do tempo, ou arraste o indicador de reprodução até a posição desejada.
- Para centralizar a linha do tempo no quadro atual, clique no botão Centralizar Quadro na parte inferior da Linha do tempo.
- Agora, o intervalo de loop pode ser criado apenas arrastando sobre a seção do loop. Ele permite que você exporte os quadros (como filme ou vídeo) no intervalo selecionado.
- Com a opção loop ativada na linha de tempo, agora é possível executar um áudio em looping em um intervalo de quadros junto com outras animações.
Exibição de tempo com quadros
A Linha do tempo mostra o tempo em segundos junto aos números de quadro. Esse recurso permite a conversão mais rápida de quadros em tempo e mantém você ciente do valor de quadros por segundo (qps) definido durante o processo de animação.
Na captura de tela a seguir, a linha do tempo mostra 20 quadros por segundo (qps):
Controle da velocidade de animação
Para controlar a velocidade da animação dimensionando as extensões do quadro, anime com base em intervalos de tempo ou estenda e compacte animações usando controles de tempo.
Dimensionar as extensões dos quadros
Você pode alterar o qps (quadros por segundo) para sua animação sem alterar a velocidade da animação. Use a opção Dimens. intervalos de quadros conforme altera o qps para manter o tempo inalterado.
Animação com base em intervalos de tempo
Transforme seus intervalos de quadros em 1s, 2s, 3s ou qualquer intervalo desejado. Esse recurso funciona no intervalo de interpolação clássica, de interpolação de forma, de interpolação de movimento, de quadros-chave e até mesmo no intervalo de quadros-chave vazio.
A opção Converter para animação quadro a quadro está disponível no menu Modificar. Também é possível atribuir as teclas desejadas na caixa de diálogo de atalhos do teclado para executar essas tarefas.
Estenda ou compacte animações usando os controles da linha do tempo
Agora, você pode estender a duração do quadro dos quadros selecionados inserindo o número desejado de quadros no campo expandir intervalo de quadros. A duração dos quadros selecionados é aumentada pelo número inserido no expandir intervalo de quadros.
É possível estender ou reduzir o tempo da extensão selecionada na linha do tempo. Selecione a extensão de quadros e arraste a borda do lado direito da extensão selecionada na linha do tempo para frente ou para trás. Os quadros dentro da linha do tempo são ajustados automaticamente.
Você pode reproduzir suas animações várias vezes (x2, x3 e assim por diante), arrastando os intervalos na linha do tempo. Também é possível compactar os quadros à suas posições normais, depois de estendê-los.
Selecione os quadros na linha do tempo, clique e arraste a borda realçada no lado direito da seleção.
Ao arrastar, conforme ilustrado na captura de tela a seguir, é possível visualizar várias animações em múltiplos como x2, x3 e assim por diante.
Na captura de tela a seguir, você pode ver o intervalo estendido no múltiplo de x2. x2 é o dobro do tamanho de uma extensão selecionada. x3 é três vezes o tamanho original de uma extensão.
A duração do quadro agora pode ser estendida inserindo o número desejado no campo expandir extensão de quadro. A duração do quadro selecionado é aumentada pelo número de quadros inseridos na faixa de tempo expande.
Navegar na linha do tempo
Navegação em quadros-chave
Agora, você pode clicar na etapa para trás um quadro ou o botão Avançar um quadro para mover para o quadro anterior ou seguinte. Além disso, clique e mantenha pressionado o botão do mouse na etapa para trás um quadro ou um quadro para avançar um quadro para mover-se para o primeiro ou o último quadro, respectivamente.
Clique no botão reproduzir para exibir a visualização da sua animação.
É possível navegar entre os quadros-chave na camada ativa com o uso do menu Controle. Também é possível usar Alt+. ou Alt+, para mover para frente e para trás para os quadros-chave anterior e posterior, respectivamente, na Linha do tempo.
É possível navegar entre os quadros-chave na camada ativa usando os controles para a esquerda e para a direita na camada. Além disso, você pode usar o menu e os atalhos do teclado.
Você pode usar atalhos de navegação de página como Alt+Shift+, para retroceder e Alt+Shift+. para avançar.
Inserir quadros e quadros-chave
Quadros-chave, quadros-chave em branco e quadros podem ser adicionados apenas com um clique do botão na linha do tempo. Clique e mantenha pressionado o botão do mouse sobre o ícone do quadro-chave para exibir e selecionar as opções. Selecione um quadro na linha do tempo e clique no ícone de quadro-chave para inserir um quadro, quadro-chave ou quadro-chave em branco conforme a seleção recente.
Inserir quadro-chave ou quadro-chave em branco no painel linha de tempo agora tem um feedback visual. Um brilho sutil indica que a operação foi executada.
Modo somente de camada ativa
O ícone de exibição da linha do tempo é modificado com um novo modo chamado somente camada ativa . Para exibir apenas as camadas ativas na linha de tempo, clique e mantenha o botão do mouse na opção exibição da linha do tempo e selecione somente camada ativa .
Deslocar por meio da linha do tempo no palco
- Agora, você também pode usar a ferramenta mão para deslizar a linha do tempo horizontalmente.
- Agora, você pode depurar a Linha do tempo no Palco usando a nova ferramenta Depurador de tempo. Essa ferramenta é agrupada com a ferramenta Mão no painel Ferramentas. Você também pode usar o atalho de teclado barra de espaço+T para ativar temporariamente essa ferramenta. Arraste para a esquerda ou direita para exibir a linha do tempo na direção do deslocamento.
Barra de ferramentas da linha do tempo personalizável
Com a linha do tempo personalizável, você pode escolher quais botões de ação devem ser exibidos na barra de ferramentas da linha do tempo. No menu de opções da linha do tempo, clique em Personalizar ferramentas da linha do tempo.
Um painel com botões da barra de ferramentas é exibido, que pode ser adicionado ou removido da barra de ferramentas da linha do tempo. Clique em qualquer ponto fora do painel para fechá-lo. Quando o painel está aberto, os botões exibidos na barra de ferramentas da linha do tempo são selecionados no painel. Para alternar a seleção do botão, clique nos botões apropriados. As alterações são exibidas imediatamente na barra de ferramentas da linha do tempo.
A barra de ferramentas da linha do tempo tem algumas opções agrupadas em um único botão. Dê um clique longo no botão para revelar todas as opções agrupadas no botão.
Por exemplo, o botão Inserir quadro-chave ou grupo de quadros tem quatro opções agrupadas abaixo dele:
- Quadro-chave
- Quadro-chave em branco
- Quadro
- Quadro-chave automático
No painel da barra de ferramentas, as opções acima aparecem como um botão agrupado e botões individuais. Se um botão de grupo for selecionado, os botões individuais desse grupo serão desmarcados automaticamente. E se qualquer botão individual no grupo for selecionado, o botão do grupo será desmarcado.
Esses dois grupos existem no painel de ferramentas. Um para inserir quadros-chave ou quadros e outro para inserir interpolações.
Existem alguns botões no painel de ferramentas que são selecionados e desmarcados em pares. Por exemplo, botões para avançar ou retroceder os quadros-chave e botões para avançar e retroceder um único quadro.
Se você deseja descartar as alterações no painel de configuração e reverter a barra de ferramentas da linha do tempo para o estado padrão, clique em Redefinir controles da linha do tempo.
Assista ao vídeo para saber como personalizar a linha do tempo.
Novidades?
Nós explicamos como usar e personalizar a linha do tempo. Agora você pode aprender a criar animações usando o painel Ativos.