Aprenda o que é guia de movimento no Flash

Guia de movimento nada mais é que mover o seu símbolo em um caminho pré-definido, tais como curvas ou círculos. Saiba como mover objetos no Flash em circular, zig zag ou trajetórias curvas usando uma guia de movimento.

Crie um símbolo gráfico, ou arraste um símbolo pré-existente da biblioteca para o palco. Nomeie a camada como “gráfico”

Clique com o botão direito do mouse sobre o rótulo da camada “gráfico” e selecione “Add classic motion guide” na janela pop-up.

Clique com o botão direito do mouse sobre o rótulo da camada "gráfico" e selecione "Add classic motion guide" na janela pop-up.

Uma nova camada será exibida no topo da camada de “gráfico”, com o rótulo de “Guide: gráfico”, juntamente com o ícone da guia.

Uma nova camada será exibida no topo da camada de "gráfico", com o rótulo de "Guide: gráfico", juntamente com o ícone da guia.

Desenhe o caminho para o seu símbolo nesta nova camada usando lápis ou ferramenta de linha.

Desenhe o caminho para o seu símbolo nesta nova camada usando lápis ou ferramenta de linha.

Por exemplo: eu desenhei um círculo para o meu carro.

Selecione o quadro 50 da camada de guia e pressione “F5” para inserir molduras.

Selecione o quadro 50 da camada de guia e pressione "F5" para inserir molduras.

Agora vá para o frame 1 da camada “gráfico” e arraste o símbolo para uma extremidade do seu caminho. Ao arrastar, você vai ver uma bolinha sobre o símbolo. Essa bolinha deve ir para a direita abaixo do caminho. Algo parecido com o mostrado abaixo.

Agora vá para o frame 1 da camada "gráfico" e arraste o símbolo para uma extremidade do seu caminho. Ao arrastar, você vai ver uma bolinha sobre o símbolo. Essa bolinha deve ir para a direita abaixo do caminho. Algo parecido com o mostrado abaixo.

Agora vá para o frame 1 da camada "gráfico" e arraste o símbolo para uma extremidade do seu caminho. Ao arrastar, você vai ver uma bolinha sobre o símbolo. Essa bolinha deve ir para a direita abaixo do caminho. Algo parecido com o mostrado abaixo.

Agora vá para “Frame 50” da camada “gráfico” e pressione F6 para inserir um novo quadro-chave.

Agora vá para "Frame 50" da camada "gráfico" e pressione F6 para inserir um novo quadro-chave.

Agora arraste o seu símbolo para outra extremidade do seu caminho. Mais uma vez, a bolha deve ir para a direita abaixo do caminho.

Agora arraste o seu símbolo para outra extremidade do seu caminho. Mais uma vez, a bolha deve ir para a direita abaixo do caminho.

Selecione qualquer quadro entre 1 a 50 de sua camada de “gráfico”. Clique com o botão direito do mouse e selecione “Create classic tween” no menu pop-up.

Está pronto! Pressione Ctrl+Enter para ver o seu trabalho.

Você pode ver um resultado semelhante clicando aqui.

Espero que tenham gostado, este é um dos princípios básicos para criar animações no flash, veremos mais recursos nas próximas postagens.

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Deixe uma resposta

Mais artigos pra você ler:
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Como é o processo de criação de um lettering?

Como é o processo de criação de um lettering?

Estou de volta trazendo mais um vídeo do canal Corporação Criativa onde explico um pouco como é o processo de criação de…
Fechar Menu