Descrição
Última atualização em
11/02/2022
- 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
- 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
- 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
- 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
- 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
- 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
- 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
-
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
-
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
<convert using="" document="" type="" converter<="" p="">
Para converter o documento atual em qualquer outro tipo de documento, clique emArquivo > Converter em e escolha o tipo de documento desejado. A seguinte captura de tela descreve a opção de conversão do documento para o tipo de documento do HTML5 Canvas em outros formatos disponíveis.
O tipo de documento de tela HTML5 não suporta cenas múltiplas. Quando você tenta converter qualquer documento de cenas múltiplas em um tipo de documento do HTML5 Canvas, todas as cenas são salvas como arquivos separados. Insira todas as suas cenas em símbolos separados se quiser usá-las em um único documento.
É possível converter seus projetos do Animate existentes em outro formato ou reutilizar ativos em um projeto ao copiar e colar símbolos de biblioteca ou camadas.
Conversão em outros tipos de documento usando JSAPI
Se você tiver cenários personalizados nos quais deseja converter os arquivos em outros tipos de documento, poderá usar o JSAPI. Por exemplo, converter muitos arquivos de uma só vez em outros tipos de documento.
método convertToDoc
|
|
Uso |
Parâmetros |
Valor de retorno |
|---|---|---|---|
|
Converte um documento no tipo de documento esperado. |
document.convertToDoc(fileURI, doctype, fileClose) |
fileURI Uma sequência, expressa como file:/// URI, que especifica o caminho do arquivo gerado após a conversão. docType Um valor de sequência que especifica o tipo de documento necessário a ser gerado. Para localizar o tipo de documento, você pode usar a propriedade document.type. Por exemplo, fl.trace(fl.getDocumentDOM().type). fileClose (opcional) Um valor booleano que especifica se o arquivo gerado após a conversão deve ser fechado. A especificação de true fecha o arquivo gerado. O padrão é false. |
Um valor booleano. True se o documento foi convertido no tipo de documento esperado com sucesso. False, caso contrário. |
Alguns dos scripts de exemplo são fornecidos abaixo para sua referência. Você pode copiar o script de amostra no tipo de documento Arquivo de script JSFL, salvar o arquivo e executá-lo para obter melhores resultados.
Conversão de todos os arquivos de uma pasta em outro tipo de documento
O seguinte script JSFL converte todos os arquivos fla colocados em uma pasta em um documento do HTML5 Canvas.
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
var folderURI = url + "/";
var fileMask = "*.fla";
var list = FLfile.listFolder(folderURI + "/" + fileMask, "files");
fl.trace(folderURI);
if (list) {
for(var i=0;i<list.length;i++)
{
var fileURI = folderURI + list[i];
var doc = fl.openDocument(fileURI);
fl.trace(folderURI);
doc.convertToDoc(folderURI+'Convertedfla'+i+'.fla',' htmlcanvas');
}
}
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
var folderURI = url + "/";
var fileMask = "*.fla";
var list = FLfile.listFolder(folderURI + "/" + fileMask, "files");
fl.trace(folderURI);
if (list) {
for(var i=0;i<list.length;i++)
{
var fileURI = folderURI + list[i];
var doc = fl.openDocument(fileURI);
fl.trace(folderURI);
doc.convertToDoc(folderURI+'Convertedfla'+i+'.fla',' htmlcanvas');
}
}
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
var folderURI = url + "/";
var fileMask = "*.fla";
var list = FLfile.listFolder(folderURI + "/" + fileMask, "files");
fl.trace(folderURI);
if (list) {
for(var i=0;i<list.length;i++)
{
var fileURI = folderURI + list[i];
var doc = fl.openDocument(fileURI);
fl.trace(folderURI);
doc.convertToDoc(folderURI+'Convertedfla'+i+'.fla',' htmlcanvas');
}
}
Conversão de documento ativo mais recente em outro tipo de documento
O seguinte script JSFL converte o tipo de documento ativo mais recente em um documento do HTML5 Canvas.
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
var doc = fl.getDocumentDOM();
//doc.convertToDoc('url','htmlcanvas');
doc.convertToDoc(url +'/RotationCamera2.fla','htmlcanvas');
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
var doc = fl.getDocumentDOM();
//doc.convertToDoc('url','htmlcanvas');
doc.convertToDoc(url +'/RotationCamera2.fla','htmlcanvas');
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
var doc = fl.getDocumentDOM();
//doc.convertToDoc('url','htmlcanvas');
doc.convertToDoc(url +'/RotationCamera2.fla','htmlcanvas');
Conversão de todos os documentos ativos em outro tipo de documento
O seguinte script JSFL converte todos os documentos ativos no tipo de documento WebGL.
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
for(var i=0;i<fl.documents.length;i++)
{
fl.trace(fl.documents[i].name);
fl.trace(fl.documents[i].type);
fl.documents[i].convertToDoc(url +'/abc'+i+'.fla','webGLDoc',true);
}
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
for(var i=0;i<fl.documents.length;i++)
{
fl.trace(fl.documents[i].name);
fl.trace(fl.documents[i].type);
fl.documents[i].convertToDoc(url +'/abc'+i+'.fla','webGLDoc',true);
}
var str = fl.scriptURI;
var url = str.substring(0, str.lastIndexOf("/"));
for(var i=0;i<fl.documents.length;i++)
{
fl.trace(fl.documents[i].name);
fl.trace(fl.documents[i].type);
fl.documents[i].convertToDoc(url +'/abc'+i+'.fla','webGLDoc',true);
}
Pesquisar um documento e convertê-lo em outro tipo de documento
O seguinte script JSFL procura um tipo de documento específico de cadeia de caracteres e converte-o no tipo de documento AS3.
var fileURI = fl.browseForFileURL('open','open');
var doc = fl.openDocument(fileURI);
var sr = "";
sr +=fileURI;
var str = sr.substring(0, sr.lastIndexOf("/"));
doc.convertToDoc( str+"/test.fla" ,'Flash',true);
//doc.convertToDoc('fileURI','htmlcanvas',true);
//doc.convertToDoc('fileURI','WebGlDoc',true
var fileURI = fl.browseForFileURL('open','open');
var doc = fl.openDocument(fileURI);
var sr = "";
sr +=fileURI;
var str = sr.substring(0, sr.lastIndexOf("/"));
doc.convertToDoc( str+"/test.fla" ,'Flash',true);
//doc.convertToDoc('fileURI','htmlcanvas',true);
//doc.convertToDoc('fileURI','WebGlDoc',true
var fileURI = fl.browseForFileURL('open','open');
var doc = fl.openDocument(fileURI);
var sr = "";
sr +=fileURI;
var str = sr.substring(0, sr.lastIndexOf("/"));
doc.convertToDoc( str+"/test.fla" ,'Flash',true);
//doc.convertToDoc('fileURI','htmlcanvas',true);
//doc.convertToDoc('fileURI','WebGlDoc',true
