- 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 gráficos 3D no Animate
O Animate permite criar efeitos 3D ao mover e girar os clipes de filme no espaço 3D do Palco. O Animate representa o espaço 3D incluindo um eixo z nas propriedades de cada ocorrência do clipe de filme. Você pode adicionar efeitos de perspectiva 3D em instâncias de clipes de filme, movendo-os ao longo do seu eixo x ou girando-os ao redor do eixo x ou y, usando as ferramentas de Translação 3D e Rotação 3D. Na terminologia 3D, mover um objeto no espaço 3D chama-se translação e girar um objeto no espaço 3D chama-se transformação. Após aplicar um desses efeitos a um clipe de filme, o Animate o considera um clipe de filme 3D. Um indicador de eixos coloridos aparece sobreposto no clipe de filme sempre que for selecionado.
Para fazer um objeto parecer mais próximo ou mais distante do visualizador, mova-o ao longo do eixo z com a ferramenta Translação 3D ou o Inspetor de propriedades. Para dar a impressão de um objeto que esteja em um ângulo com o visualizador, gire o clipe de filme em torno do eixo z com a ferramenta Rotação 3D. Usando essas ferramentas em combinação, você pode criar efeitos realistas de perspectiva.
As ferramentas Translação 3D e Rotação 3D permitem manipular os objetos em um espaço 3D global ou local. O espaço 3D global é o espaço Palco. As transformações e translações globais se referem ao Palco. O espaço 3D local é o espaço do clipe de filme. As transformações e translações locais se referem ao espaço do clipe de filme. Por exemplo, se você tiver um clipe de filme com vários clipes de filme aninhados, as transformações 3D locais dos clipes de filme aninhados se referem à área de desenho dentro do clipe de filme do contêiner. O modo padrão das ferramentas Translação 3D e Rotação 3D é global. Para usá-las no modo local, clique no botão de alternância Global na seção Opções do painel Ferramentas.
Usando as propriedades 3D das ocorrências de clipe de filme em seu arquivo FLA, você pode criar uma variedade de efeitos gráficos sem duplicar clipes de filme na Biblioteca. No entanto, ao editar um clipe de filme na biblioteca, as transformações e translações 3D aplicadas não estarão visíveis. Ao editar o conteúdo de um clipe de filme, ficarão visíveis apenas as transformações 3D dos clipes de filme aninhados.
Após adicionar uma transformação 3D a uma ocorrência de clipe de filme, seu símbolo de clipe de filme pai não pode mais ser editado no modo Editar no local.
Se você tiver objetos 3D no Palco, poderá adicionar certos efeitos 3D a todos esses objetos como um grupo, ajustando as propriedades Ângulo de perspectiva e Ponto de fuga do arquivo FLA. A propriedade Ângulo de perspectiva aplica zoom à visualização do Palco. A propriedade Ponto de fuga oferece um panorama dos objetos 3D no Palco. Essas configurações só afetam a aparência dos clipes de filme que têm uma transformação ou translação 3D a eles aplicadas.
Na ferramenta de criação do Animate, você só pode controlar um ponto de vista ou uma câmera. A visualização de câmera do arquivo FLA é igual à visualização do Palco. Cada arquivo FLA só tem uma configuração de Ângulo de perspectiva e Ponto de fuga.
Para usar os recursos 3D do Animate, as configurações de publicação do arquivo FLA devem ser definidas para Adobe Flash Player 10 e ActionScript 3.0. Apenas as ocorrências de clipe de filme podem ser giradas ou transladadas ao longo do eixo z. Alguns recursos 3D estão disponíveis através do ActionScript, que não estão diretamente disponíveis na interface de usuário do Animate, como vários Pontos de fuga e câmeras separadas para cada clipe de filme. Com o ActionScript 3.0, é possível aplicar propriedades 3D a objetos como texto, componentes de reprodução FLV e botões, além de clipes de filme.
As ferramentas 3D não podem ser usadas em objetos sobre camadas de máscara e camadas que contêm objetos 3D não podem ser usadas como camadas de máscara. Para obter mais informações sobre camadas de máscara, consulte Uso de camadas de máscara.
Movimentação de objetos no espaço 3D
Você move as ocorrências de clipe de filme no espaço 3D com a ferramenta Translação 3D . Ao selecionar um clipe de filme com a ferramenta, seus três eixos, X, Y e Z, aparecem no Palco, na parte superior do objeto. O eixo x é vermelho, o eixo y é verde e o eixo z é azul.
O modo padrão da ferramenta Translação 3D é global. Mover um objeto no espaço 3D global é o mesmo que movê-lo em relação ao Palco. Mover um objeto no espaço 3D local é o mesmo que movê-lo em relação ao seu clipe de filme pai, caso haja algum. Para alternar a ferramenta Translação 3D entre os modos global e local, clique no botão de alternância Global, na seção Opções do painel Ferramentas enquanto a ferramenta Translação 3D estiver selecionada. Você pode alternar temporariamente o modo de global para local pressionando a tecla D enquanto arrasta com a ferramenta Translação 3D.
As ferramentas Translação 3D e Rotação 3D ocupam o mesmo espaço no painel Ferramentas. Clique e mantenha pressionado o ícone da ferramenta 3D ativa no painel Ferramentas para selecionar a ferramenta 3D inativa no momento.
Por padrão, os objetos selecionados que têm a translação 3D aplicada aparecem com uma sobreposição do eixo 3D no Palco. Você pode desativar essa sobreposição na seção Geral das Preferências do Animate.
Alterar a posição do eixo z de um clipe de filme 3D causa a impressão de que as posições x e y do clipe de filme também foram alteradas. Isso é porque o movimento ao longo do eixo z segue as linhas de perspectiva invisíveis que radiam do ponto de fuga 3D (definido no Inspetor de propriedades da ocorrência do símbolo 3D) até as bordas do Palco.
Movimentação de um único objeto em um espaço 3D
-
No painel Ferramentas, selecione a ferramenta Translação 3D (ou pressione a tecla G para selecioná-la).
-
Definir a ferramenta para modo Local ou Global.
Verifique se a ferramenta está no modo desejado marcando o botão de alternância Global na seção Opções do painel Ferramentas. Clique no botão ou pressione a tecla D para alternar o modo.
-
Selecione um clipe de filme com a ferramenta Translação 3D .
-
Para mover o objeto arrastando-o com a ferramenta, mova o ponteiro sobre os controles do eixo x-, y- ou z-. O ponteiro muda de aparência quando passa sobre um dos controles.
Os controles do eixo x e y são as dicas de seta em cada eixo. Arraste um desses controles na direção de sua seta para mover o objeto ao longo do eixo selecionado. O controle do eixo z é o ponto preto no centro do clipe de filme. Arraste o controle z para cima ou para baixo para mover o objeto no eixo z.
-
Para mover o objeto usando o Inspetor de propriedades, insira um valor para X, Y ou Z na seção Posição e visualização 3D do Inspetor de propriedades.
Ao mover um objeto no eixo z, seu tamanho aparente sofre alteração. O tamanho aparece no Inspetor de propriedades como valores de Largura e Altura na seção Posição e visualização 3D do Inspetor de propriedades. Esses valores são somente leitura.
Movimentação de uma seleção de múltiplos objetos em um espaço 3D
Ao selecionar vários clipes de filme, você pode mover um dos objetos selecionados com a ferramenta Translação 3D e os outros se moverão junto com ele.
Para mover cada objeto do grupo da mesma forma no espaço 3D global, defina a ferramenta Translação 3D para o modo global e arraste um dos objetos com os controles de eixo. Mantenha pressionada a tecla Shift enquanto clica nos objetos selecionados para mover os controles de eixo para esse objeto.
Para mover cada objeto do grupo da mesma forma no espaço 3D local, defina a ferramenta Translação 3D para o modo local e arraste um dos objetos com os controles de eixo. Mantenha pressionada a tecla Shift enquanto clica nos objetos selecionados para mover os controles de eixo para esse objeto.
Você também pode mover os controles de eixo para o centro da seleção múltipla clicando duas vezes no controle de eixo z. Mantenha pressionada a tecla Shift enquanto clica nos objetos selecionados para mover os controles de eixo para esse objeto.
Girar objetos no espaço 3D
Você gira as ocorrências de clipe de filme no espaço 3D com a ferramenta Rotação 3D . Um controle de rotação 3D aparece na parte superior dos objetos selecionados no Palco. O controle X é vermelho, o controle Y é verde e o controle Z é azul. Use o controle de rotação livre laranja para girar ao redor dos eixos X e Y ao mesmo tempo.
O modo padrão da ferramenta Rotação 3D é global. Girar um objeto no espaço 3D global é o mesmo que movê-lo em relação ao Palco. Girar um objeto no espaço 3D local é o mesmo que movê-lo em relação ao seu clipe de filme pai, caso haja algum. Para alternar a ferramenta Rotação 3D entre os modos global e local, clique no botão de alternância Global na seção Opções do painel Ferramentas enquanto a ferramenta Rotação 3D é selecionada. Você pode alternar temporariamente o modo de global para local pressionando a tecla D enquanto arrasta com a ferramenta Rotação 3D.
As ferramentas Translação 3D e Rotação 3D ocupam o mesmo espaço no painel Ferramentas. Clique e mantenha pressionado o ícone da ferramenta 3D ativa no painel Ferramentas para selecionar a ferramenta 3D inativa no momento.
Por padrão, os objetos selecionados que têm a rotação 3D aplicada aparecem com uma sobreposição do eixo 3D no Palco. Você pode desativar essa sobreposição na seção Geral das Preferências do Animate.
Girar um único objeto em um espaço 3D
-
No painel Ferramentas, selecione a ferramenta Rotação 3D (ou pressione a tecla W).
Verifique se a ferramenta está no modo desejado marcando o botão de alternância Global na seção Opções do painel Ferramentas. Clique no botão ou pressione a tecla D para alternar entre os modos.
-
Selecione um clipe de filme no Palco.
Os controles da Rotação 3D aparecem sobrepostos no objeto selecionado. Se os controles aparecerem em um local diferente, clique duas vezes no ponto central do controle para movê-lo para o objeto selecionado.
-
Coloque o ponteiro sobre um dos quatro controles do eixo de rotação.
O ponteiro muda de aparência quando passa sobre um dos quatro controles.
-
Arraste um dos controles de eixo para girar em torno desse eixo ou o controle de rotação livre (círculo laranja externo) para girar X e Y simultaneamente.
Arraste o controle do eixo X para a esquerda ou a direita a fim de girar em torno do eixo x. Arraste o controle do eixo y para cima ou para baixo a fim de girar em torno do eixo y. Arraste o controle do eixo z em um movimento circular para girar em torno do eixo z.
-
Para realocar o ponto central do controle de rotação em relação ao clipe de filme, arraste o ponto central. Para restringir o movimento do ponto central a incrementos de 45°, pressione a tecla Shift enquanto estiver arrastando o ponto.
Mover o ponto central do controle de rotação permite controlar o efeito da rotação sobre o objeto e sua aparência. Clique duas vezes no ponto central para movê-lo de volta para o centro do clipe de filme selecionado.
A localização do ponto central do controle de rotação do objeto selecionado aparece no painel Transformação como a propriedade Ponto central 3D. Você pode modificar a localização do ponto central no painel Transformação.
Girar uma seleção de múltiplos objetos em um espaço 3D
-
No painel Ferramentas, selecione a ferramenta Rotação 3D (ou pressione a tecla W).
Verifique se a ferramenta está no modo desejado marcando o botão de alternância Global na seção Opções do painel Ferramentas. Clique no botão ou pressione a tecla D para alternar entre os modos.
-
Selecione vários clipes de filme no Palco.
Os controles da Rotação 3D aparecem sobrepostos no objeto selecionado por último.
-
Coloque o ponteiro sobre um dos quatro controles do eixo de rotação.
O ponteiro muda de aparência quando passa sobre um dos quatro controles.
-
Arraste um dos controles de eixo para girar em torno desse eixo ou o controle de rotação livre (círculo laranja externo) para girar X e Y simultaneamente.
Arraste o controle do eixo x para a esquerda ou a direita a fim de girar em torno do eixo x. Arraste o controle do eixo y para cima ou para baixo a fim de girar em torno do eixo y. Arraste o controle do eixo z em um movimento circular para girar em torno do eixo z.
Todos os clipes de filme selecionados giram ao redor do ponto central 3D, que aparece no centro dos controles de rotação.
-
Para realocar o ponto central do controle de rotação 3D, siga um destes procedimentos:
Para mover o ponto central para um local arbitrário, arraste-o.
Para mover o ponto central no sentido do centro de um dos clipes de filme selecionados, mantenha pressionada a tecla Shift enquanto clica duas vezes no clipe de filme.
Para mover o ponto central para o centro do grupo de clipes de filme selecionados, clique duas vezes no ponto central.
A alteração do ponto central de rotação 3D permite controlar o efeito da rotação nos objetos.
A localização do ponto central do controle de rotação do objeto selecionado aparece no painel Transformação como Ponto central 3D. Você pode modificar a localização do ponto central no painel Transformação.
Girar uma seleção com o painel Transformação
-
Abra o painel Transformação (Janela > Transformação).
-
Selecione um ou mais clipes de filme no Palco.
-
No painel Transformação, insira os valores desejados nos campos X, Y e Z da Rotação 3D para girar a seleção. Esses campos contêm texto ativo; por isso, você pode arrastar os valores para alterá-los.Observação:
A rotação 3D ocorre no espaço 3D global ou local, dependendo do modo atual da ferramenta Rotação 3D no painel Ferramentas.
-
Para mover o ponto de rotação 3D, insira os valores desejados nos campos X, Y e Z do Ponto central 3D.
Ajuste do Ângulo de perspectiva
A propriedade Ângulo de perspectiva de um arquivo FLA controla o ângulo de visualização visível dos clipes de filme 3D no Palco.
O aumento ou a diminuição do Ângulo de perspectiva afeta o tamanho visível dos clipes de filme 3D e sua localização em relação às bordas do Palco. Aumentar o Ângulo de perspectiva faz com que os objetos 3D fiquem mais próximos do visualizador. Diminuir a propriedade Ângulo de perspectiva faz com que os objetos 3D pareçam mais distantes. O efeito é como aplicar mais ou menos zoom com a lente de uma câmera, que muda o ângulo de visualização por meio da lente.
A propriedade Ângulo de perspectiva afeta todos os clipes de filme com translação 3D ou rotação 3D a eles aplicados. O Ângulo de perspectiva não afeta nenhum outro clipe de filme. O Ângulo de perspectiva padrão é 55 graus de visualização, como a lente de uma câmera normal. O intervalo de valores é de 1 a 180 graus.
Para visualizar ou definir o Ângulo de perspectiva no Inspetor de propriedades, um clipe de filme 3D deve estar selecionado no Palco. As alterações no Ângulo de perspectiva ficam imediatamente visíveis no Palco.
O Ângulo de perspectiva é trocado automaticamente quando você altera o tamanho do Palco para que a aparência dos objetos 3D não sejam alteradas. Você pode desativar esse comportamento na caixa de diálogo Propriedades do documento.
Para definir o Ângulo de perspectiva:
-
No Palco, selecione uma ocorrência de clipe de filme que tenha a rotação ou translação 3D a ele aplicada.
-
No Inspetor de propriedades, insira um novo valor no campo Ângulo de perspectiva ou arraste o texto ativo para alterar o valor.
Ajuste do Ponto de fuga
A propriedade Ponto de fuga de um arquivo FLA controla a orientação do eixo z dos clipes de filme 3D no Palco. Os eixos z de todos os clipes de filme 3D em um arquivo FLA recuam em direção ao Ponto de fuga. Realocando o Ponto de fuga, você altera a direção de movimentação de um objeto quando ele é transladado ao longo do eixo z. Ajustando a posição do Ponto de fuga, você pode controlar precisamente a aparência dos objetos e da animação 3D no Palco.
Por exemplo, se você localizar o Ponto de fuga no canto superior esquerdo do Palco (0, 0), o aumento do valor da propriedade Z de um clipe de filme afasta o clipe do visualizador e o move em direção ao canto superior esquerdo do Palco.
Como o Ponto de fuga afeta todos os clipes de filme 3D, sua alteração também muda a posição de todos os clipes de filme que têm uma translação do eixo z aplicada.
O Ponto de fuga é uma propriedade de documento que afeta todos os clipes de filme que tenham a translação ou rotação do eixo z a eles aplicada. O Ponto de fuga não afeta nenhum outro clipe de filme. A localização padrão do Ponto de fuga é o centro do Palco.
Para visualizar ou definir o Ponto de fuga no Inspetor de propriedades, um clipe de filme 3D deve estar selecionado no Palco. As alterações feitas no Ponto de fuga ficam imediatamente visíveis no Palco.
Para definir o Ponto de fuga:
-
No Palco, selecione um clipe de filme que tenha a rotação ou translação 3D a ele aplicadas.
-
No Inspetor de propriedades, insira um novo valor no campo Ponto de fuga ou arraste o texto ativo para alterar o valor. As guias que indicam o local do ponto de fuga aparecem no Palco ao arrastar o texto ativo.
-
Para retornar o Ponto de fuga para o centro do Palco, clique no botão Redefinir, no Inspetor de propriedades.
Se você redimensionar o Palco, o Ponto de fuga não será atualizado automaticamente. Para manter o aspecto 3D criado pelo posicionamento específico do Ponto de fuga, você precisará reposicionar o Ponto de fuga em relação ao novo tamanho do Palco.