Visão geral

O guia de animação no Adobe Animate CC (antigo Flash Professional CC) ajuda você a aprimorar a animação ao definir um caminho para os objetos animados. Isso é útil para quando você está trabalhando em uma animação que segue um caminho que não é uma linha reta. Esse processo requer duas camadas para realizar a animação:

  • Uma camada que contém o objeto prestes a ser animado
  • Uma camada que define o caminho que o objeto deve percorrer durante a animação

O guia de animação funciona somente no Classic Tweens.

Para obter mais informações sobre guias da animação, consulte Trabalho com animação de interpolação clássica

Guia de animação baseado na largura do traço variável

É possível animar um objeto com base na espessura variável do traço do caminho da guia.

Tirando quadros principais das posição inicial e final do objeto, você não precisa de mais nenhum quadro principal para indicar a variação da espessura do traço.

  1. Para animar um objeto baseado na largura do traço variável, crie um caminho e anime o objeto junto com o caminho, conforme explicado na seção anterior deste documento. 
  2. Com o primeiro quadro principal do tween selecionado na linha do tempo, selecione as opções de caixa de seleção Escalar e Escalar ao longo do caminho no Inspetor de propriedade. Agora o objeto está pronto para seguir o escalonamento baseado na espessura do traço.
  1. Defina a espessura do traço usando um dos seguintes métodos:
  • Escolha a ferramenta Largura (U) na caixa de ferramentas, clique em qualquer lugar do caminho e arraste para mudar a espessura do caminho.
  • Selecione o caminho usando a ferramenta de Seleção (V) na caixa de ferramentas e no Inspetor de propriedade, escolha o perfil do traço na lista suspensa de Largura.

Para obter mais informações sobre o traçado de largura variável, consulte Traçados de largura variável.

Após definir um traço de largura variável como um caminho, se você executar o tween de movimento, você verá que o objeto, além de seguir o caminho, altera seu tamanho baseado na relação da variação na espessura do traço.

Aqui temos um exemplo que usa o Guia de animação com o traço de largura variável:

 

Um caminho guiado de movimento pode ter vários segmentos conectados que possuem diferentes perfis de largura variáveis específicos, como mostrado abaixo. Sem quadros principais adicionados para o objeto, cada perfil de largura de cada segmento é considerado durante a animação.

Guia de animação baseado na cor do traço

O guia de animação também permite que você faça o tween de um objeto no caminho, ao alterar a cor do objeto baseando-se na cor do próprio caminho guiado. Para fazer essa variação, você precisa de pelo menos dois segmentos no caminho, isto é, no mínimo três nós ou pontos como parte do caminho. Para conseguir isso, use a ferramenta de caneta e desenhe o caminho guiado conforme demonstrado abaixo, enquanto cria um Classic Motion Tween e desenha um caminho guiado. Esse caminho possui quatro nós/pontos em três segmentos.

Tirando quadros principais das posição inicial e final do objeto, não é necessário criar mais nenhum quadro principal para indicar a variação da cor do traço.

  1. Após criar o Classic Motion Tween, selecione o primeiro quadro principal do tween na Linha do tempo. No Inspetor de propriedade, marque a caixa de seleção Cor no caminho. Seu objeto já está pronto para seguir a variação de cor ao longo do caminho guiado.
  1. Agora, usando a ferramenta de Seleção (V) na caixa de ferramentas, clique e selecione o segundo segmento do caminho guiado e escolha uma cor diferente. Repita o mesmo processo para o terceiro segmento do caminho.

Execute a animação para ver a influência da cor do caminho guiado sob o próprio objeto no decorrer do tween. Você pode ver a influência sob a cor e também sob o valor de alfa/opacidade do segmento de traço no caminho guiado.

Aqui temos um exemplo que usa o Guia de animação com variação de cor:

 

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online