Última atualização em
24 de mai de 2023
- 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
O Animate pode ser estendido usando extensões HTML. O Adobe Extension Builder 3 permite que você crie extensões HTML para o Animate. Antes, somente era possível fazer isso usando extensões SWF. No entanto, o Adobe Extension Builder 3 permite que você crie extensões HTML para aplicativos da Creative Cloud. Para começar, você precisa baixar e instalar o Eclipse e o Extension Builder 3.0.
Criação de uma extensão HTML
Para criar uma extensão HTML, faça o seguinte.
- Inicie o Eclipse.
- No assistente de Novo projeto, crie um novo Projeto de extensão de aplicativo. Forneça um nome significativo para o projeto e clique em Next (Avançar).
- No painel Novo projeto de extensão de aplicativo Adobe, escolha Adobe Animate. Clique em Avançar.
- Configure sua extensão usando as opções disponíveis:
- Bundle ID (ID de compactação) identifica especificamente sua extensão.
- Menu name (Nome do menu) é o nome de exibição de sua extensão. O Nome do menu aparece no menu Janela> Extensões no Animate.
- Detalhes da janela use essas opções para personalizar o tipo e o tamanho da janela de extensão.
Clique em Avançar.
- É possível personalizar ainda mais as bibliotecas de referência de sua extensão nas próximas telas:
- Biblioteca de interfaces CEP fornece funções para interagir com o aplicativo host. A opção é selecionada por padrão.
- Estruturas são para bibliotecas Javascript comuns, como a jQuery.
- Serviços inclui o Kit de ferramentas de comunicação de IPC da Adobe, que possibilita a comunicação entre aplicativos da Adobe, extensões e aplicativos externos. Ele fornece um protocolo para envio de mensagens pelo Gerenciador de serviços CEP, que atua como um hub para as comunicações da Creative Cloud.
Clique em Concluir para criar um novo projeto do Eclipse.
Depuração de extensão no Animate
É possível executar a extensão diretamente no Eclipse:
- Clique com o botão direito do mouse no projeto e selecione Executar como > Adobe Flash Extension. Isso inicia o Animate.
- No Animate, selecione o item de menu Janela > Extensões . Isso abre o painel de extensões.
Exportar sua extensão
Para distribuir sua extensão, é necessário exportá-la como um pacote ZXP. O pacote ZXP é baixado e executado pelo Adobe Extension Manager em aplicativos da Creative Cloud:
- No Eclipse, alterne para a exibição do Script Explorer para clicar com o botão direito do mouse em seu projeto e selecionar Export (Exportar) > Adobe Extension Builder 3 > Application Extension (Extensão de aplicativo). Isso exibe o assistente de exportação.
- É necessário ter um certificado para assinar o pacote de extensão. Navegue até um certificado existente ou clique em Create (Criar) para criar um novo.
- Clique em Finish (Concluir).
- Quando a exportação for concluída, você encontrará o pacote ZXP para sua extensão na pasta do projeto, pronto para a distribuição.
Observação: para efetuar a instalação, você deverá acessar o arquivo <extension>\.staged-extension\CSXS\manifest.xml e atualizar a tag do host para definir a versão mínima do Animate para 13.0.
Instalação da extensão no Animate
Você pode instalar extensões HTML no Animate usando o Adobe Extension Manager. Extensões HTML podem ajudá-lo a ampliar as funcionalidades e os recursos do Animate.
Adição de interatividade às extensões HTML
Você pode construir uma extensão HTML para interagir com o Animate. Basta adicionar controles, definir comportamentos e obter informações sobre o ambiente (que inclui o Animate e o sistema operacional) do host. Isso pode ser feito de duas maneiras:
- Usando a biblioteca de interfaces CEP: a biblioteca de interfaces CEP oferece APIs que ajudam a obter informações sobre o ambiente do host e fornece um script eval que permite a execução de JSFLs. Para saber mais sobre a biblioteca de interfaces CEP, vá até Ajuda > Conteúdo da ajuda > Adobe Extension Builder > Referências no Eclipse.
- Usando o JSFL: scripts JSFL podem ser executados com uma API de script eval da biblioteca de interfaces CEP.
Além de JSFLs, a infraestrutura do CEP dentro do Animate também exibe os seguintes eventos, que podem ser usados somente nos painéis HTML.- com.adobe.events.flash.documentChanged é disparado devido a uma alteração no documento que se encontra ativo.
- com.adobe.events.flash.timelineChanged é disparado no momento em que é feita alguma alteração na linha do tempo do documento que se encontra ativo.
- com.adobe.events.flash.documentSaved é disparado no momento em que o arquivo que se encontra ativo é salvo.
- com.adobe.events.flash.documentOpened é disparado quando um novo documento é aberto.
- com.adobe.events.flash.documentClosed é disparado ao fechar o documento que se encontra ativo.
- com.adobe.events.flash.documentNew é disparado ao criar um novo documento.
- com.adobe.events.flash.layerChanged é disparado quando uma nova camada é selecionada.
- com.adobe.events.flash.frameChanged é disparado quando um novo quadro é selecionado.
- com.adobe.events.flash.selectionChanged é disparado quando outro objeto é selecionado no palco.
- com.adobe.events.flash.mouseMove é disparado ao mover o mouse no palco.
Exemplo
csinterface.addEventListener("com.adobe.events.flash.selectionChanged", CallbackFunction)
No trecho de código acima:
- csinterface: objeto da biblioteca de interfaces CEP.
- com.adobe.events.flash.selectionChanged: evento que dispara uma alteração na seleção de um objeto. Você também pode usar qualquer um dos eventos mencionados acima.
- CallbackFunction: método que detecta o evento disparado.
