Usando um editor HTML, abra o modelo Animate HTML a ser alterado. Os modelos estão nos seguintes locais:
- 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 os modelos de publicação HTML
Um modelo HTML do Animate é um arquivo que contém código HTML estático e código de modelo flexível, que consiste em um tipo especial de variáveis (que diferem das variáveis do ActionScript). Quando você publica um arquivo SWF, o Animate substitui essas variáveis pelos valores que você seleciona na aba HTML da caixa de diálogo Configurações de publicação e produz uma página HTML com o arquivo SWF incorporado.
O Animate inclui modelos adequados para a maioria das exigências dos usuários, que eliminam a necessidade de criar uma página HTML que exiba o arquivo SWF. Por exemplo: o modelo Somente Animate é útil para testar seus arquivos em um navegador. Ele coloca o arquivo SWF na página HTML para que você possa exibi-lo por meio de um navegador com Flash Player instalado.
Para publicar uma nova página HTML, use o mesmo modelo e altere as configurações. Você pode criar modelos personalizados com qualquer editor HTML. Criar um modelo é o mesmo que criar uma página HTML padrão; a diferença é que você substitui valores específicos pertinentes ao arquivo SWF pelas variáveis que começam com um cifrão ($).
Os modelos HTML do Animate têm as seguintes características especiais:
Um título de uma linha que aparece no menu pop-up Modelo na aba HTML da caixa de diálogo Configurações de publicação.
Uma descrição mais longa é exibida quando você clica em Informações na aba HTML da caixa de diálogo Configurações de publicação.
Variáveis de modelo que começam com um cifrão ($) e especificam onde os valores de parâmetros devem ser substituídos quando o Animate gera o arquivo de saída.
Observação: use uma combinação de uma barra invertida e um cifrão (\ $) para usar o cifrão para outra finalidade no documento.
Tags HTML object e embed que seguem os requisitos de tags do Microsoft Internet Explorer e do Netscape® Communicator® ou Navigator®, respectivamente. Para exibir um arquivo SWF adequadamente em uma página HTML, siga estes requisitos de tags. O Internet Explorer utiliza a tag HTML object para abrir arquivo SWF; o Netscape usa a tag embed.
Personalizar modelos de publicação HTML
Modifique variáveis de modelo HTML para criar um mapa de imagem, um relatório de texto ou um relatório de URL, ou para inserir valores personalizados para alguns dos parâmetros de tag object e embed do Animate HTML mais comuns (em navegadores que usam controles ActiveX e plug-ins, respectivamente).
Os modelos do Animate podem incluir qualquer conteúdo HTML para seu aplicativo ou até código para intérpretes, como o ColdFusion e o ASP.
-
Windows XP ou Vista: unidade de inicialização:\Documents and Settings\usuário\Local Settings\Application Data\Adobe\Flash CS5\idioma\Configuration\HTML\. A pasta Dados do aplicativo é normalmente uma pasta oculta; talvez seja necessário alterar suas configurações do Windows Explorer para visualizar essa pasta.
Mac OS X 10.3 e posterior: Macintosh HD/Applications/Adobe Flash CS5/idioma/First Run/HTML.
A unidade de inicialização é a unidade a partir da qual o sistema operacional Windows é inicializado (geralmente C:). O usuário é o nome da pessoa que fez login no sistema operacional Windows. idioma é definido com um nome de idioma abreviado. Por exemplo, nos EUA idioma é "en", de English.
-
Edite o modelo.
-
Salve o modelo na mesma pasta da qual ele foi recuperado.
-
Para aplicar as configurações de modelo ao seu arquivo SWF, selecione Arquivo > Configurações de publicação, clique em HTML e selecione o modelo que você modificou. O Animate altera somente as variáveis do modelo selecionado.
-
Selecione as configurações de publicação restantes e clique em OK.
Variáveis de modelo HTML
A tabela abaixo lista as variáveis de modelo reconhecidas pelo Animate:
Atributo/parâmetro |
Variável de modelo |
---|---|
Título do modelo |
$TT |
Início da descrição do modelo |
$DS |
Fim da descrição do modelo |
$DF |
Título do Animate (arquivo SWF) |
$T1 |
Título do Animate (arquivo SWF) para metadados de mecanismo de pesquisa |
$TL |
Descrição dos metadados do mecanismo de pesquisa |
$DC |
String XML de metadados para uso com mecanismos de pesquisa |
$MD |
Largura |
$WT |
Altura |
$HT |
Filme |
$MO |
Alinhamento HTML |
$HA |
Repetição |
$LO |
Parâmetros para object |
$PO |
Parâmetros para embed |
$PE |
Reproduzir |
$PL |
Qualidade |
$QU |
Dimensionamento |
$SC |
Salign |
$SA |
Wmode |
$WM |
Devicefont |
$DE |
Bgcolor |
$BG |
Texto do filme (área para escrever texto do filme) |
$MT |
URL do filme (local da URL do arquivo SWF) |
$MU |
Largura da imagem (tipo de imagem não especificado) |
$IW |
Altura da imagem (tipo de imagem não especificado) |
$IH |
Nome do arquivo de imagem (tipo de imagem não especificado) |
$IS |
Nome do mapa de imagens |
$IU |
Localização da tag do mapa de imagens |
$IM |
Largura QuickTime |
$QW |
Altura QuickTime |
$QH |
Nome de arquivo QuickTime |
$QN |
Largura GIF |
$GW |
Altura GIF |
$GH |
Nome de arquivo GIF |
$GN |
Largura JPEG |
$JW |
Altura JPEG |
$JH |
Nome de arquivo JPEG |
$JN |
Largura PNG |
$PW |
Altura PNG |
$PH |
Nome de arquivo PNG |
$PN |
Utilização de variáveis de modelo taquigrafadas
As variáveis de modelo $PO (para as tags object) e $PE (para as tags embed) são elementos taquigrafados úteis. Cada variável faz com que o Animate insira em um modelo os valores não padrões para alguns dos parâmetros object e embed mais comuns, incluindo PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) e BGCOLOR ($BG).
Amostra de modelo HTML
O arquivo de modelo Default.HTML do Animate mostrado abaixo inclui algumas variáveis de modelo mais usadas:
Somente $TTFlash $DS Exibir arquivo Adobe SWF em HTML. $DF <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> $CS <title>$TI</title> </head> <body bgcolor="$BG"> <!--url's usadas no filme--> $MU <!--Texto usado no filme--> $MT <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="$WI" height="$HE" id="$TI" align="$HA"> <param name="allowScriptAccess" value="sameDomain" /> $PO <embed $PEwidth="$WI" height="$HE" name="$TI" align="$HA" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </object> </body> </html>
Criação de um mapa de imagem para substituir um arquivo SWF
O Animate pode gerar um mapa de imagens para mostrar qualquer imagem e manter a função do botão que faz a ligação com as URLs. Quando um modelo HTML inclui a variável de modelo $IM, o Animate insere o código de mapa de imagens. A variável $IU identifica o nome do arquivo GIF, JPEG ou PNG.
-
Em seu documento, selecione o quadro-chave a ser usado para o mapa de imagens e rotule-o como #Map no Inspetor de propriedades do quadro (Janela > Propriedades). Use qualquer quadro-chave com botões que tenha as ações getURL do ActionScript 1.0 ou 2.0 anexadas.
Se você não criar um rótulo de quadro, o Animate criará um mapa de imagens usando os botões do último quadro do arquivo SWF. Essa opção gera um mapa de imagens incorporado, e não um arquivo SWF incorporado.
-
Para selecionar o quadro para exibir a o mapa de imagens, siga um destes procedimentos:
Para arquivos PNG ou GIF, rotule o quadro para seja exibido como #Static.
Para JPEG, durante a operação de publicação, coloque o indicador de reprodução no quadro a ser usado para exibição.
-
Em um editor HTML, abra o modelo HTML a ser modificado.
-
Salve o modelo.
-
Selecione Arquivo > Configurações de publicação, clique em Formato, selecione um formato para o mapa de imagens e clique em OK.
Por exemplo, insira o seguinte código em um modelo:
$IM <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
Isso pode produzir o seguinte código no documento HTML criado pelo comando Publicar:
<map name="mymovie"> <area coords="130,116,214,182" href="http://www.adobe.com"> </map> <img src="mymovie.gif" usemap="#mymovie" width=550 height=400 border=0>
Criação de texto e relatórios URL
A variável de modelo $MT faz o Animate inserir todo o texto do arquivo SWF atual como comentário no código HTML. Isso é útil para indexar o conteúdo de um arquivo SWF e torná-lo visível para mecanismos de pesquisa.
A variável de modelo $MU faz o Animate gerar uma lista de URLs às quais o arquivo SWF atual faz referência e insere a lista no local atual na forma de comentário. Esta ação permite que a ferramenta de verificação de links detecte e confirme os links do arquivo SWF.
Incorporação de metadados de pesquisa
As variáveis de modelo $TL (título de arquivo SWF) e $DC (metadados de descrição) permitem incluir metadados de pesquisa no HTML. Esta capacidade pode tornar o arquivo SWF mais visível para mecanismos de pesquisa e oferece resultados mais significativos. Use a variável de modelo $MD para incluir os metadados de pesquisa como string XML.