Guia do Usuário Cancelar

Guia de movimento

 

Documentação do guia de movimento no Flash Professional. Aprimore a animação criada definindo um caminho para os objetos que você animou.

Visão geral

O guia de movimento no Adobe Animate (antigo Flash Professional CC) ajuda você a aprimorar suas animações definindo 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 movimento funciona somente em Interpolações clássicas.

Para mais informações sobre guias de movimento, consulte Trabalhar com animação de interpolação clássica

Guia de movimento 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 movimento 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 movimento baseado na cor do traço

O guia de movimento também permite que você faça a interpolação de um objeto no caminho, alterando a cor do objeto conforme a cor do 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 movimento com variação de cor:

Receba ajuda com mais rapidez e facilidade

Novo usuário?