- 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
Criar animações quadro a quadro
A animação quadro a quadro altera o conteúdo do Palco em cada quadro. É mais adequado para animações complexas, em que uma imagem é alterada em todos os quadros, em vez de simplesmente se movimentar pelo Palco. Esse tipo de animação aumenta mais o tamanho do arquivo do que a animação interpolada. Na animação quadro a quadro, o Animate armazena os valores de cada quadro completo.
Para criar uma animação quadro a quadro, defina todos os quadros como principais e crie uma imagem diferente para cada um deles. Cada quadro-chave novo contém, inicialmente, o mesmo conteúdo que o quadro-chave que o preceder, assim você pode modificar os quadros na animação aceleradamente.
-
Clique no nome de uma camada para torná-la a camada ativa e selecione um quadro na camada em que a animação deve iniciar.
-
Se o quadro não for um quadro-chave, selecione Inserir > Linha do tempo > Quadro-chave.
-
Crie a arte para o primeiro quadro da sequência. Use as ferramentas de desenho, cole o gráfico da Área de transferência ou importe um arquivo.
-
Para adicionar um quadro-chave cujo conteúdo seja o mesmo que o primeiro quadro-chave, clique no próximo quadro à direita na mesma linha. Selecione Inserir > Linha do tempo > Quadro-chave, ou clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) e selecione Inserir quadro-chave.
-
Para desenvolver o próximo incremento da animação, altere o conteúdo deste quadro no Palco.
-
Para completar sua sequência de animação quadro a quadro, repita as etapas 4 e 5 até montar o movimento desejado.
-
Para testar a sequência de animação, selecione Controlar > Reproduzir ou clique no botão Reproduzir, no Controlador (Janela > Barras de ferramentas > Controlador).
Criar animações quadro a quadro convertendo interpolações clássicas ou de movimento
É possível converter uma interpolação clássica ou extensão da interpolação de movimento em animação quadro a quadro. Na animação quadro a quadro, cada quadro contém quadros-chave distintos (não quadros-chave de propriedade), contendo cada um ocorrências separadas do símbolo animado. A animação quadro a quadro não contém valores de propriedade interpolados.
-
Clique com o botão direito do mouse (Windows) ou com a tecla Ctrl pressionada (Macintosh) na extensão de interpolação que deseja converter e escolha Converter em animação quadro a quadro, no menu de contexto.
Usar onion skinning
Geralmente, só um quadro da sequência de imagem aparece no Palco. Para ajudar a desenhar, posicionar e editar animações quadro a quadro, o recurso de onion skinning fornece a referência exibindo o conteúdo dos quadros anteriores e seguintes no palco. O quadro sob o indicador de reprodução aparece totalmente colorido. Aplique cor e o alfa para diferenciar os quadros novos e antigos.
Os quadros anteriores e seguintes do onion skinning têm tons de cores padrão. Para personalizar essas cores, use a opção Configurações avançadas.
Ativar e desativar onion skinning
- Clique no botão Onion Skin para ativar e desativar o onion skinning.
- Para excluir ou incluir quadros, no cabeçalho da linha de tempo, clique com o botão direito do mouse em qualquer quadro do onion skin no intervalo de onion skin.
- Clique e segure o mouse no botão Onion Skin para visualizar e selecionar as opções.
Configurações avançadas em onion skinning
Clique e segure o mouse no botão Onion Skin e selecione Configurações avançadas.
Personalizar intervalo
Personalização de cores para exibição de onion skin
- Para personalizar a cor dos quadros de onion skin, selecione o quadro do onion skin na barra da linha do tempo.
- Clique e segure o mouse no botão Transparência e selecione Configurações avançadas.
- Modifique a tonalidade de cor dos quadros anteriores e futuros.
Modo de contorno e preenchimento
Personalização de opacidade
-
Para modular a opacidade do quadro de onion skin em ambos os lados do quadro ativo, clique e arraste o controle deslizante Opacidade inicial.
-
Para diminuir o delta de cada quadro de onion skin por porcentagem, arraste o controle deslizante Diminuir em.
Mostrar apenas os quadros principais
- Para personalizar a cor dos quadros de onion skin, selecione o quadro do onion skin na barra da linha do tempo.
- Selecione Editar > Preferências.
- Na opção Cor do onion skin, selecione os botões de alternância de cores para personalizar e definir cores para quadros do passado, presente e futuro.
Marcadores de âncora
Visualizar simultaneamente vários quadros de uma animação no Palco
Clique no botão Papel transparente . Todos os quadros entre os marcadores Iniciar e Terminar onion skin (no cabeçalho da Linha do tempo) ficarão superpostos, como um único quadro na janela do documento.
Onion Skinning codificado por cores
A codificação por cores do recurso Onion skinning ajuda a diferenciar entre os quadros do passado, do presente e do futuro. Os quadros de onion skin que se movem para longe do quadro ativo são exibidos com uma transparência cada vez menor.
Personalização de cores para exibição de onion skin
- Para personalizar a cor dos quadros de onion skin, selecione o quadro do onion skin na barra da linha do tempo.
- Selecione Editar > Preferências.
- Na opção Cor do onion skin, selecione os botões de alternância de cores para personalizar e definir cores para quadros do passado, presente e futuro.
O código de cores também pode ser usado no modo de contorno.
- Para alterar a posição do marcador de transparência, arraste o ponteiro para um novo local. Normalmente, os marcadores de transparência se movem junto ao ponteiro do quadro atual. Aperte Control/Command e arraste para aumentar ou diminuir a posição em ambos os lados.
- Para ativar a edição de todos os quadros entre os marcadores de transparência, clique no botão Editar múltiplos quadros . Geralmente, as sequências em papel transparente permitem editar apenas o quadro atual. É possível exibir o conteúdo de cada quadro entre os marcadores de transparência e editá-los.
- Para mover o intervalo de repetição na linha do tempo para qualquer posição que inclua a posição do indicador de reprodução, use os marcadores na linha do tempo para pressionar a tecla Shift e arrastar o intervalo.
- Para ajustar os marcadores de intervalo, use a tecla Shift e arraste os marcadores de intervalo ou a faixa de loop usando os marcadores na Linha do tempo.
As camadas bloqueadas (com um ícone de cadeado) não são exibidas quando está ativada a opção de papel transparente. Para evitar uma grande quantidade de imagens confusas, bloqueie ou oculte as camadas que você não quer ver como papel transparente.
Visualizar o projeto
Para verificar como seu onion skinning está, posicione o mouse sobre a linha do tempo. A animação é reproduzida com contornos coloridos para que você tenha uma visualização precisa das alterações.