Máscara com guia de movimento no Flash CS4

Criar máscaras no Flash é muito bom e na versão CS4... Ufa!!! ficou uma maravilha. Vamos ver como fazemos:

1- Crie um novo documento e importe para o palco uma imagem;
2- Selecione esta imagem e converta-a em um símbolo Movie Clip;
3- Selecione este Movie Clip e no painel Properties de o nome de instância para ela de “foto” no campo Instance Name.
4- Renomeie a layer que contém a imagem para “mascarada”, clique no frame 40 e escolha a opção Insert Frame.
5- Crie uma nova layer, renomeando-a para “mascara”.
6- Desenhe um círculo na esquerda da tela e converta-o para um símbolo Movie Clip;
7- Instancie este Movie Clip para “bola”;
8- Insira um Keyframe no quadro 40 da camada “mascara” e altere a posição do Movie Clip para a direita da tela.
9- Clique com o botão direito do mouse entre os frames e escolha a opção "Create Classic Tween";
10- Clique com o botão direito do mouse em cima da layer "mascara" e escolha a opção "Add Classic Motion Guide";
11- Na layer Guide desenhe uma trajetória com a ferramenta Pen, Pencil ou Brush;
12- Posicione o símbolo Movie Clip “bola” em cima deste caminho tanto no seu primeiro frame quanto no último frame da camada “mascara”.

Agora temos um círculo seguindo o caminho sobre a foto, entretanto não conseguimos habilitar a opção Mask para a Layer “mascara”. Isso se dará por meio de programação.


13- Insira uma layer acima de todas as outras e renomei-a para “acoes”.
14- Com o primeiro quadro da camada “acoes” selecionado abra o painel Actions (F9).

Agora iremos criar uma ação para o Movie Clip que possui o nome de instância “foto”.

15- Será escrito na janela actions o seguinte: this.foto - que significa: a instância foto localizada no palco da raiz do filme (this).

16 - Após a palavra foto digite:
.mask = bola;

A action final fica assim:
this.foto.mask = bola;

Já esta pronta a animação. Teste e veja o resultado.












Vale a pena brincar com máscaras, não....

Comentários

  1. Oi Ana Paula,
    adorei seu tutorial, você explica tudo muito bem.
    mas quando jogo na action ele não funciona.
    e é justamente desse efeito que estou precisando para fazer um floral
    com guide e com mascara.
    Adoraria se você me ajudasse.

    Brigadinha

    Geisi Nonato (geisinonato@gmail.com)

    ResponderExcluir
  2. Olá Geise!

    A action não funciona quando os objetos não recebem nome de instância, ou quando esta incorreta, o que é dificil neste caso...

    Refiz aqui e deu tudo certinho...

    Abraços,

    Ana

    ResponderExcluir

Postar um comentário

Deixe seu comentário ou dúvida:

Postagens mais visitadas deste blog

Estrutura básica de documento em HTML5

Letras entrelaçadas no Photoshop CS4