Pré-requisitos
- 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
Antes de começar
Antes de iniciar a animação, saiba mais sobre os seguintes conceitos:
|
Descrição |
Antes de trabalhar com interpolações de movimento, compreenda o uso da Linha do tempo e de propriedades de edição. Você pode editar quadros-chave de propriedade individuais no Palco, no Inspetor de propriedades ou usando o Editor de movimento reestruturado. |
|
O Animate interpola apenas ocorrências de símbolo e campos de texto. Todos os outros tipos de objeto são envolvidos em um símbolo quando uma interpolação é aplicada a eles. A ocorrência de símbolo pode obter símbolos aninhados, que podem ser interpolados em suas próprias linhas de tempo. |
|
O bloco de construção mínimo em uma camada de interpolação é uma extensão de interpolação. A extensão de interpolação em uma camada correspondente pode conter apenas uma ocorrência de símbolo ou campo de texto. A ocorrência de símbolo é chamada de destino da extensão de interpolação. No entanto, um símbolo individual pode conter muitos objetos. |
|
A inclusão de um segundo símbolo ou campo de texto à extensão de interpolação substitui o símbolo original da interpolação. Use qualquer um dos seguintes métodos para alterar o objeto de destino de uma interpolação:
Você pode excluir o símbolo de uma camada de interpolação sem remover ou romper a interpolação. Posteriormente, você poderá adicionar uma ocorrência de símbolo diferente à interpolação. Também é possível alterar o tipo de símbolo de destino ou editar o símbolo a qualquer momento. |
|
Quando uma interpolação tiver movimento, um caminho de movimento aparecerá no Palco. O caminho de movimento mostra a posição do objeto interpolado em cada quadro. Você pode editar o caminho de movimento no Palco por arrastar seus pontos de controle. Não é possível adicionar uma guia de movimento a uma camada interpolação/cinemática inversa. |
Consulte também
Componentes das interpolações de movimento
- Em uma sequência de quadros na Linha do tempo, na qual um objeto tem uma ou mais propriedades alteradas ao longo do tempo.
- A extensão da interpolação de movimento aparece na Linha do tempo como um grupo de quadros em uma única camada com uma cor de fundo.
- Você pode selecionar as extensões de interpolação como um único objeto e arrastá-las de um local na Linha do tempo para outro, ou para outra camada.
- Você pode animar somente um objeto no Palco em cada extensão de interpolação. Esse objeto é chamado de objeto de destino da extensão de interpolação.
- É um quadro em uma extensão de interpolação na qual você define explicitamente um ou mais valores de propriedade de um objeto de destino da interpolação.
- Essas propriedades podem incluir posição, alfa (transparência), cor da tonalidade e assim por diante.
- Cada propriedade definida tem seus próprios quados-chave de propriedade.
- Se você definir mais de uma propriedade em um único quadro, os quadros-chave de propriedade de cada uma dessas propriedades residirão nesse quadro.
- Use o Editor de movimento para exibir cada propriedade de uma extensão de interpolação e seus quadros-chave de propriedade.
- Para escolher o tipo de quadros-chave de propriedade para exibição na Linha do tempo no menu de contexto da extensão de interpolação, clique com o botão direito do mouse em qualquer quadro-chave de propriedade e selecione Exibir quadros-chave.
Objeto de destino de uma interpolação
Uma interpolação de movimento tem um único objeto em uma extensão de interpolação chamado de objeto de destino da interpolação. Existem diversas vantagens em ter um objeto de destino único em uma interpolação:
- Você pode salvar uma interpolação como uma predefinição para reutilização.
- É possível mover facilmente as interpolações de movimento na Linha do tempo (arraste a extensão do interpolação) ou no Palco.
- Para aplicar uma nova ocorrência a uma interpolação existente:
- Cole-a em uma interpolação para trocá-la
- Arraste uma nova ocorrência da Biblioteca
- Use o recurso Trocar símbolo.
Propriedades e objetos interpoláveis
Os tipos de objetos aos quais você pode aplicar uma interpolação de movimento são clipes de filme, gráficos e símbolos de botões, além de campos de texto. As propriedades dos objetos que podem ser interpolados incluem o seguinte:
- Posição X e Y 2D
Posição Z 3D (somente clipes de filme)
Rotação 2D (ao redor do eixo z)
Rotação X, Y e Z 3D (somente clipes de filme): configure o destino do arquivo FLA como ActionScript 3.0 e Flash Player 10 ou superior nas configurações de publicação. O Adobe AIR também suporta movimento 3D.
Inclinação X e Y
Escala X e Y
Efeitos de cor: inclui alfa (transparência), brilho, tonalidade e configurações de cores avançadas. Os efeitos de cor podem ser interpolados somente nos símbolos e nos textos TLF. Através da interpolação dessas propriedades é possível fazer objetos aparecerem/desaparecerem gradualmente de uma cor para outra. Para interpolar um efeito de cor em texto clássico, converta o texto em símbolo.
Propriedades de filtragem (os filtros não podem ser aplicados a símbolos gráficos)
Criação de uma animação de interpolação de movimento
Você pode criar uma interpolação de movimento usando um destes três métodos:
- Crie um gráfico ou uma ocorrência que você deseja interpolar, em seguida, clique com o botão direito do mouse em um quadro e selecione Criar interpolação de movimento.
- Selecione o gráfico ou a ocorrência que você deseja interpolar e selecione Inserir > Interpolação de movimento no menu principal.
- Crie um gráfico ou uma instância que você deseja interpolar, em seguida, clique com o botão direito na instância em Palco e selecione Criar interpolação de movimento.
O uso de ActionScript na animação é opcional.
Interpolação de outras propriedades com o Inspetor de propriedades
Use o comando Criar interpolação de movimento para animar as propriedades de uma ocorrência do símbolo ou de um campo de texto. As propriedades variam entre rotação, escala, transparência e tonalidade (somente símbolos e texto TLF). Por exemplo, você pode editar a propriedade alfa (transparência) de uma ocorrência de símbolo para fazê-lo desaparecer na tela.
-
Selecione uma ocorrência de símbolo ou campo de texto no Palco.
Se a seleção tiver outros objetos ou vários objetos da camada, o Animate faz a conversão em um símbolo de clipe de filme.
-
Selecione Inserir > Interpolação de movimento.
Se a caixa de diálogo "Converter a seleção para símbolo por interpolação" aparecer, clique em OK para converter a seleção em um símbolo de clipe de filme.
Quando você aplica uma interpolação a um objeto que existe apenas em um quadro-chave único, o indicador de reprodução se move para o último quadro da nova interpolação. Do contrário, o indicador de reprodução não se move.
-
Coloque o indicador de reprodução no quadro da extensão de interpolação em que você deseja especificar o valor de propriedade.
Você pode colocar o indicador de reprodução em qualquer outro quadro da extensão de interpolação. A interpolação começa com os valores de propriedade no primeiro quadro da extensão de interpolação, que é sempre um quadro-chave de propriedade.
-
Com o objeto selecionado no Palco, defina um valor para uma propriedade que não seja de posição, como alfa (transparência), rotação ou inclinação. Defina um valor com o Inspetor de propriedades ou com uma das ferramentas no painel Ferramentas.
O quadro atual da extensão torna-se um quadro-chave de propriedade.
Você pode exibir diferentes tipos de quadros-chave de propriedade em extensões de interpolação. Clique com o botão direito (Windows) ou Ctrl-click (Macintosh) em uma extensão de interpolação e selecione Exibir quadros-chave > tipo de propriedade no menu de contexto.
-
Movimente rapidamente o indicador de reprodução na Linha do tempo para visualizar a interpolação no Palco.
-
Para adicionar mais quadros-chave de propriedade, mova o indicador de reprodução até o quadro desejado na expansão e defina um valor da propriedade no Inspetor de propriedades.
Adição de interpolações a uma camada de interpolação existente
Você pode adicionar mais interpolações a uma camada de interpolação atual. Adicione mais interpolações para usar um número menor de camadas ao criar conteúdo animado no Animate.
-
Siga um destes procedimentos:
- Adicione à camada um quadro-chave em branco (Inserir > Linha do tempo > Quadro-chave em branco), adicione itens ao quadro-chave e, em seguida, interpole os itens.
- Crie uma interpolação em uma camada separada e depois arraste a extensão até a camada desejada.
- Arraste um quadro estático de outra camada para a camada de interpolação e depois adicione uma interpolação a um objeto no quadro estático.
- Pressione Alt-arrastar (Windows) ou Option-drag (Macintosh) para duplicar uma extensão existente da mesma camada ou de uma camada diferente.
- Copie e cole uma extensão interpolada da mesma camada ou de uma camada diferente.