Selecione uma camada na Linha do tempo. O Animate só pode colocar ocorrências nos quadros-chave, e sempre na camada atual. Se você não selecionar um quadro-chave, o Animate adicionará a ocorrência ao primeiro quadro-chave à esquerda do quadro atual.
- 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 ocorrências
Após criar um símbolo, você poderá criar ocorrências do símbolo em todo o documento, inclusive dentro de outros símbolos. Quando você modifica o símbolo, o Animate atualiza todas as instâncias do símbolo.
Você pode dar nomes às ocorrências no Inspetor de propriedades. Use o nome para fazer referência à ocorrência no ActionScript. Para controlar ocorrências com o ActionScript®, atribua um nome exclusivo a cada ocorrência dentro de uma linha do tempo.
Para especificar efeitos de cor, atribuir ações, definir o modo de exibição de gráfico ou alterar o comportamento de novas ocorrências, use o Inspetor de propriedades. O comportamento da ocorrência é o mesmo comportamento do símbolo, a menos que você especifique o contrário. Qualquer alteração que você faça afetará apenas à ocorrência e não ao símbolo.
Criar uma ocorrência de um símbolo
-
O quadro-chave é um quadro em que você define uma alteração na animação. Para mais informações, consulte Inserir quadros na Linha do tempo.
-
Selecione Janela > Biblioteca.
-
Arraste o símbolo da biblioteca para o palco.
-
Se você criou a ocorrência de um símbolo gráfico, para adicionar o número de quadros que o símbolo gráfico irá conter, selecione Inserir > Linha do tempo > Quadro.
Aplicar um nome personalizado a uma ocorrência
-
Selecione a ocorrência no palco.
-
Selecione Janela > Propriedades e digite um nome na caixa Nome da ocorrência.
Edição das propriedade de ocorrência
Cada ocorrência de símbolo tem suas respectivas propriedades, separadas do símbolo. Você pode alterar a tonalidade, a transparência e o brilho da ocorrência, redefinir como a ocorrência se comporta (por exemplo, alterar um gráfico para um clipe de filme) e especificar como a animação é executada dentro da ocorrência de gráfico. Você também pode inclinar, girar ou dimensionar uma ocorrência, sem que isso afete o símbolo.
Além disso, você pode atribuir um nome à instância de botão ou de clipe de filme, e alterar suas propriedades por meio do ActionScript. Para obter mais informações, consulte Objetos e classes em Uso do ActionScript 3.0. Para editar as propriedades da ocorrência, use o Inspetor de propriedades (Janela > Propriedades).
As propriedades da ocorrências são salvas com ela. Se você editar um símbolo ou vincular novamente a ocorrência a um símbolo diferente, todas as propriedades da ocorrência que foram alteradas ainda se aplicarão à ocorrência.
Configurar a visibilidade de uma instância
Você pode tornar invisível uma instância de símbolo no palco desativando a propriedade Visível. A utilização da propriedade Visível proporciona um mais rápido desempenho de renderização do que a configuração da propriedade Alfa do símbolo como 0.
A propriedade Visível requer uma configuração de Player do Flash Player 10.2 ou posterior é só é compatível com instâncias de clipes de filme, botões e componentes.
-
Selecione a ocorrência no palco.
-
No painel Propriedades, seção Exibir, desmarque a propriedade Visível.
Alteração de cor e transparência de uma instância
Cada ocorrência de símbolo pode ter seu próprio efeito de cor. Para definir as opções de transparência e cor das ocorrências, use o Inspetor de propriedades. As configurações do Inspetor de propriedades também afetam os bitmaps colocados nos símbolos.
Quando você altera a cor e a transparência de uma ocorrência em um quadro específico, o Animate faz a alteração assim que o quadro é exibido. Para fazer alterações graduais na cor, aplique uma interpolação de movimento. Ao interpolar cores, insira configurações de efeito diferentes nos quadros-chave inicial e final da ocorrência e, em seguida, interpole as configurações para fazer com que a cor da ocorrência mude ao longo do tempo.
Se você aplicar um efeito de cor a um símbolo de clipe de filme que tem vários quadros, o Animate aplicará o efeito a cada quadro do símbolo de clipe de filme.
-
Selecione a ocorrência no palco e, em seguida, Janela > Propriedades.
-
No Inspetor de propriedades, selecione uma das seguintes opções no menu Estilo na seção Efeito de cor:
Brilho
Ajusta a luminosidade relativa da imagem, medidas em uma escala de preto (- 100%) a branco (100%). Para ajustar o brilho, clique no triângulo e arraste o controle deslizante ou digite um valor na caixa.
Colorir
Pinta a ocorrência com o mesmo matiz. Para definir o percentual de tonalidade de transparente (0%) a completamente saturado (100%), use o controle deslizante Tonalidade no Inspetor de propriedades. Para ajustar a tonalidade, clique no triângulo e arraste o controle deslizante ou digite um valor na caixa. Para selecionar uma cor, digite valores de vermelho, verde e azul nas caixas respectivas ou clique no controle de Cor e selecione uma cor no Seletor de cores.
Alfa
Ajusta a transparência da ocorrência, de transparente (0%) a completamente saturado (100%). Para ajustar o valor alfa, clique no triângulo e arraste o controle deslizante ou digite um valor na caixa.
Avançado
Ajusta separadamente os valores de transparência, vermelho, verde e azul da ocorrência. Isso é muito útil na criação e animação de efeitos sutis de cor em objetos, como bitmaps. Os controles à esquerda permitem reduzir os valores de cor ou a transparência em um percentual especificado. Os controles à direita permitem reduzir ou aumentar os valores de cor ou transparência em um valor constante.
Os valores atuais de alfa, vermelho, verde e azul são multiplicados pelos valores percentuais e, em seguida, adicionados aos valores constantes na coluna da direita, produzindo novos valores de cor. Por exemplo, se o valor atual de vermelho for 100, configurar o controle deslizante esquerdo em 50% e o controle deslizante direito em 100% produz um novo valor de vermelho de 150 ([100 x 0,5] + 100 = 150).
As configurações avançadas do painel Efeito implementam a função (a * y+ b)= x, onde a é o percentual especificado no conjunto esquerdo de caixas, y é a cor do bitmap original, b é o valor especificado no conjunto direito de caixas e x é o efeito resultante (entre 0 e 255 para RGB e entre 0 e 100 para transparência alfa).
Você também pode alterar a cor da ocorrência usando o objeto ActionScript ColorTransform. Para obter informações detalhadas sobre o objeto Cor, consulte ColorTransform na Referência de linguagem do ActionScript 2.0 ou na Referência de componentes e linguagem do ActionScript 3.0.
Troca de uma ocorrência por outra
Para exibir uma instância diferente no Palco, preservando todas as propriedades da instância original, como efeitos de cor ou ações de botão, atribua um símbolo diferente à instância.
Por exemplo, suponha que você esteja criando um desenho animado com o símbolo de um rato como personagem, mas decide alterar o personagem para um gato. Você poderá substituir o símbolo de rato pelo símbolo de gato, e o personagem atualizado aparecerá aproximadamente no mesmo local em todos os quadros.
Atribuição de um símbolo diferente à ocorrência
-
Selecione a ocorrência no palco e, em seguida, Janela > Propriedades.
-
Clique no botão Trocar no Inspetor de propriedades.
-
Para substituir o símbolo atribuído atualmente à ocorrência, selecione o símbolo. Para duplicar um símbolo selecionado, clique em Duplicar o símbolo e, em seguida, em OK.
A duplicação permite basear o novo símbolo em um já existente na biblioteca e minimiza as cópias, caso você esteja fazendo vários símbolos ligeiramente diferentes.
Substituir todas as ocorrências do símbolo
-
Arraste um símbolo com o mesmo nome do símbolo que você está substituindo, de um painel de Biblioteca para o painel Biblioteca do arquivo FLA que você está editando, e depois clique em Substituir. Se você tiver pastas na Biblioteca, o novo símbolo deverá ser arrastado para dentro da mesma pasta do símbolo que você está substituindo.
Alterar um tipo de uma ocorrência
Para redefinir o comportamento de uma ocorrência em um aplicativo do Animate, altere o tipo da ocorrência. Por exemplo, se uma ocorrência de gráfico contém uma animação que você deseja reproduzir independentemente da Linha do tempo principal, redefina a ocorrência de gráfico como ocorrência de clipe de filme.
-
Selecione a ocorrência no palco e, em seguida, Janela > Propriedades.
-
Selecione Gráfico, Botão ou Clipe de filme no menu do Inspetor de propriedades.
Definir repetição para ocorrências de gráfico
Para determinar como as sequências de animação dentro da ocorrência de gráfico são reproduzidas no seu aplicativo do Animate, defina as opções no Inspetor de propriedades.
Um símbolo de gráfico animado é vinculado à Linha do tempo do documento no qual é inserido. Por sua vez, um símbolo de clipe de filme possui a sua própria Linha do tempo independente. Os símbolos gráficos animados exibem as respectivas animações no modo de edição de documento, pois utilizam a mesma Linha do tempo do documento principal. Já os símbolos de clipe de filme são exibidos como objetos estáticos no Palco, e não como animações no ambiente de edição do Animate.
-
Selecione uma ocorrência de gráfico no palco e, em seguida, Janela > Propriedades.
-
Selecione uma opção de animação no menu Opções na seção Looping do Inspetor de propriedades:
Loop
Executa a repetição de todas as sequências animadas contidas na ocorrência atual, por todos os quadros que a ocorrência ocupa.
Reproduzir uma vez
Reproduz a sequência de animação iniciando pelo quadro especificado até o final da animação e, em seguida, para.
Quadro simples
Exibe um quadro da sequência de animação. Especifique o quadro que deseja exibir.
-
Para especificar que o primeiro quadro do símbolo gráfico seja exibido quando fizer loop, insira o número do quadro na caixa de texto Primeiro. A opção Quadro simples também usa o número do quadro que você especificar aqui.
Seletor de quadros
O Seletor de quadros permite visualizar e escolher o primeiro quadro para um símbolo gráfico. Nas versões anteriores, não era possível visualizar os quadros de dentro do símbolo no modo Editar. Esse recurso aumenta a experiência do usuário para fluxos de trabalho de animação, como a Sincronização labial.
O painel do Seletor de quadros só funciona com símbolos gráficos e fica desativado para clipes de filme ou tipos de símbolos de botão. Certifique-se de ter convertido seus ativos em símbolos antes de trabalhar com este recurso.
-
Selecione um símbolo gráfico e acesse Painel Propriedades > Looping > Usar Seletor de quadros. botão para exibir o painel Seletor de Quadros ou selecione Janela >Seletor de Quadros.
-
As cargas de símbolo selecionadas no painel Seletor de quadro.
-
Clique em qualquer quadro para defini-lo como o primeiro quadro do símbolo selecionado.
A seguir, as opções disponíveis no painel Seletor de quadro:
Lista (opção padrão): exibe os quadros em lista vertical.
Miniatura Apresenta os quadros em uma exibição em grade e reajusta quando o painel é redimensionado.
Criar quadro-chave: essa opção permite criar automaticamente um quadro-chave ao selecionar uma pose no painel seletor de quadros .
Fixar símbolo atual Essa opção permite trabalhar com o mesmo símbolo, mesmo se a seleção de quadro for alterada.
Iniciar um novo painel Seletor de quadro Trabalhe com vários símbolos ao carregá-los em painéis seletores de quadro separados.
Loop Exibe as diversas opções de repetição para gráficos, tais como Loop, Reproduzir uma vez e Quadro único.
Controle deslizante Ajusta o tamanho da visualização.
Botão esquerdo do controle deslizante Ajusta mais quadros na exibição.
Botão direito do controle deslizante Encaixa menos quadros na exibição.
Menu suspenso de opções de filtragem de quadros Exibe as várias opções de filtragem de quadros.
Criar quadro-chave
Se a opção Criar quadro-chave estiver marcada, ela permitirá a criação automática de quadros-chave ao selecionar um quadro no painel Seletor de quadro.
Fixar símbolo atual e iniciar novos painéis de quadro
O painel Seletor de quadro oferece uma opção de fixar o símbolo atual. O símbolo permanece carregado no painel e você pode trabalhar com o símbolo mesmo que a seleção de quadro seja alterada.
Uma vez que um símbolo é fixado, ele será lembrado enquanto existir na biblioteca ou será desafixado explicitamente.
O painel Seletor de quadro também fornece uma opção para trabalhar com vários símbolos ao carregá-los em painéis separados.
Se você tentar usar o painel Seletor de quadro quando nenhuma instância do símbolo fixo estiver disponível no quadro atual, aparecerá um prompt solicitando desafixar o símbolo.
Opções de filtragem para Quadros
O Animate oferece opções de filtragem para os quadros listados no painel. Você pode escolher filtrar por,
- Todos os quadros - exibe todos os quadros.
- Quadros-chave - exibe somente os quadros-chave .
- Rótulos - exibe somente quadros com rótulos.
Sincronização labial automática
A sincronização labial automática permite aplicar com mais rapidez e facilidade formas apropriadas de boca na Linha de tempo com base na camada de áudio selecionada. Aproveite uma lista já existente de poses da boca, desenhadas em um símbolo de gráfico. Ao aplicar a sincronização labial automática em um símbolo gráfico, quadros-chave são criados automaticamente um diferentes posições correspondentes aos visemas de áudio, depois de analisar a camada de áudio especificada. Ao concluir, faça os ajustes adicionais necessários, usando fluxos de trabalho regulares e o Seletor de quadros.
Um visema é uma imagem facial genérica que pode ser usada para indicar um som.
Criação de uma sincronização labial
Siga as etapas abaixo para criar uma Sincronização labial:
-
Crie um símbolo gráfico (pose da boca).
Dentro do símbolo gráfico, você pode desenhar todas as poses de boca/visemas.
-
Na linha de tempo principal, importe um áudio em uma nova camada.
A sincronização labial automática funciona melhor com a configuração de Sincronização de áudio definida como Transmitir.
-
Selecione o símbolo gráfico da boca. No Inspetor de propriedades, clique no botão Sincronização labial.
A caixa de diálogo Criar sincronização labial é exibida. Por padrão, os 12 tipos básicos de visemas são exibidos, conforme a captura de tela abaixo:
-
Clique em qualquer visema·para modificar o mapeamento da pose da boca. Uma janela pop-up é exibida contendo todas as poses dentro do símbolo gráfico. Selecione o quadro adequado na janela pop-up para defini-lo para o visema atual.
-
Selecione a camada de áudio à qual dublagem será aplicada. Clique no botão Sincronizar.
A sincronização labial automática é aplicada na extensão do quadro em que o símbolo gráfico selecionado está presente. Você também pode selecionar vários quadros-chave primeiro para aplicar a sincronização labial ao longo do intervalo de quadros selecionado.
-
Pressione Ctrl+Enter para executar o arquivo e visualizar o resultado.
Você pode visualizar o arquivo com os movimentos da boca gerados automaticamente sincronizados com o arquivo de áudio.
Automatizar sincronização labial no Animate
A sincronização labial foi simplificada no Animate com a opção de automatização. Deseja uma sincronização labial precisa com seu personagem animado? Assista ao tutorial no fim deste exemplo e siga estas etapas.
-
Clique duas vezes na boca do personagem.
-
Nas Propriedades, clique em Sincronização labial.
-
A caixa de diálogo Criar sincronização labial é exibida. Por padrão, os 12 tipos básicos de visemas são exibidos.
-
Clique em qualquer visema·para modificar o mapeamento da pose da boca. Uma janela pop-up é exibida contendo todas as poses dentro do símbolo gráfico. Selecione o quadro adequado.
-
Selecione a camada de áudio à qual dublagem será aplicada. Clique no botão Sincronizar.
Como fazer automaticamente a sincronização labial de um personagem no Animate
Separar uma ocorrência do seu símbolo
Para quebrar o vínculo entre uma ocorrência e um símbolo, e tornar a ocorrência uma coleção de formas e linhas desagrupadas, separe a ocorrência. Este recurso é útil para alterar a ocorrência significativamente, sem afetar nenhuma outra ocorrência.
Alterações no símbolo de origem para uma ocorrência não a afetam após ter sido separada.
-
Selecione a ocorrência no palco.
-
Selecionar Modificar > Separar. Esta ação separa a ocorrência em seus elementos gráficos componentes.
-
Para modificar esses elementos, use as ferramentas de pintura e desenho.
Obter informações sobre ocorrências no palco
O Inspetor de propriedades e o painel Informações exibem as seguintes informações sobre as ocorrências selecionadas no palco:
No Inspetor de propriedades, visualize o comportamento e as configurações da ocorrência: para todos os tipos de ocorrências, as configurações de efeito de cor, locais e tamanhos; para gráficos, o modo de repetição e o primeiro quadro que contém o gráfico; para botões, o nome da ocorrência, se atribuído, e a opção de controle; para clipes de filme, o nome da ocorrência, se atribuído. Quanto ao local, o Inspetor de propriedades exibe as coordenadas x e y do ponto de registro do símbolo.
No painel Informações, visualize: o tamanho e o local da ocorrência; o local do seu ponto de registro; os valores de alfa (A), vermelho (R), verde (G) e azul (B), se a ocorrência tiver preenchimento sólido; e o local do ponteiro. A seção Posição e tamanho no Inspetor de propriedades exibe as coordenadas x e y do ponto de registro ou ponto de transformação do símbolo. Você pode alternar para ver as coordenadas do ponto de registro ou do ponto de transformação.
No Explorador de filmes, visualize o conteúdo do documento atual, incluindo ocorrências e símbolos.
No painel Ações, visualize todas as ações atribuídas a um botão ou clipe de filme.
Obter informações sobre ocorrência
-
Selecione a ocorrência no palco.
-
Visualize o Inspetor de propriedades (Janela > Propriedades) ou painel de propriedades:
Para visualizar o painel Informações, selecione Janela > Informações.
Para visualizar o Explorador de filmes, selecione Janela > Explorador de filmes.
Para visualizar o painel Ações, selecione Janela > Ações.
Visualizar no Explorador de filmes a definição do símbolo selecionado
-
Na parte superior do Explorador de filmes, clique no botão Mostrar botões, Clipes de filme e Gráficos.
-
Clique com o botão direito (Windows) ou Ctrl+clique (Macintosh) e selecione Mostrar ocorrências de símbolo e Ir para definição de símbolo, ou selecione as opções do menu no canto superior direito do Explorador de filmes.
Saltar para a cena que contém ocorrências do símbolo selecionado
-
Visualize as definições de símbolo.
-
Clique com o botão direito (Windows) ou Ctrl+clique (Macintosh) e selecione Mostrar elementos de filme e Ir para definição de símbolo, ou selecione as opções do menu no canto superior direito do Explorador de filmes.