Criando Movie Clip como máscara no Flash CS4

Pois é... em conversa com alguns alunos e tirando algumas dúvidas de alguns poucos esquecimentos, resolvi postar este pequeno tutorial que ensina como fazermos uma máscara usando Movie Clips. Então, vamos lá...

1- Importe para a palco (Stage) uma imagem, clicando em File > Import > Import to Stage.
2- Renomeie-e esta layer para "imagem" .
3- Deixe a imagem no tamanho de 400x300 pixels.
4- Crie uma nova layer e renomei-a para “Mask”.
5- Desenhe um retângulo na parte de cima da imagem de tamanho 400x50 na layer “Mask”.
6- Transforme esta forma em um símbolo Movie Clip com o nome de “mask”.
7- Crie uma nova layer e renomei-a para “luz”, deixando-a acima da layer "Mask" .
8- Dê um duplo clique me cima do Movie Clip “mask” e transforme a forma novamente em Movie Clip de nome “barra”.
9- Duplique este símbolo até cobrir totalmente a imagem.



 
 
 
 
 
 
 
 
 


10- Com todos os movieclips selecionados no palco, vamos clicar em Modify > Timeline > Distribute to Layers, assim cada símbolo ficara em uma layer diferente.
11- Vamos fazer com que o segundo movieclip, começando de baixo para cima, esteja em forma de “escadinha” com 3 ou 4 frames de diferença. Para isso clicamos o Keyframe no respectivo frame de cada layer.
12- Estenda todas as camadas (F5), tomando como base a última layer que aparece o símbolo.
 








13- Na layer acima que sobrou, vamos dar o nome de “acoes” e no seu último frame vamos criar um keyframe e colocar a ação de:
stop();

14- Dê um duplo clique em qualquer um dos símbolos MC para entrarmos em sua timeline.
15- Selecione a forma (shape) e aplique a cor “branca” com 50% de opcidade, usando o painel Color.
16- Ainda no frame 1 diminua a forma na sua altura (height) para 3pixels.
17- Selecione o frame 6 da layer correspondente e crie um keyframe (F6) para fazermos uma cópia deste símbolo no frame 6.
18- No frame 6 deixe a forma em 50pixels de altura novamente e coloque a opacidade de cor da forma para 0%.
19- Crie um movimento de Shape Tween entre os frames.
20- Crie uma nova layer e coloque um stop do último frame para para a animação.
21- Retorne a Scene 1.
22- Duplique o símbolo movie clip que esta na layer “Mask” para a layer “luz”. Não esqueça de desmarcar que esta layer não é do tipo mask e sim uma layer normal.
23- Aplique a opção “Mask” para a layer “Mask”.

É só testarmos o efeito:










Então, brinquem a vontade... pois eu "Amo muito tudo isso"...

Comentários

  1. Joana Rocha Schiller21 de janeiro de 2010 17:51

    Amei... "Pois é... em conversa com alguns alunos e tirando algumas dúvidas de alguns POUCOS esquecimentos"
    Como tu és querida e amada... são TODOS os esquecimentos, que só tu para me ajudar!!!

    To amando o blog!
    Com certeza vai me ajudar a recuperar a memória!!!

    Beijão

    ResponderExcluir
  2. naum deu certo, tem alguma coisa errada, fiz varias vezes e não consegui. QQ ficou faltando????????? AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH Por causa desta explicação fiquei odiando o flash

    ResponderExcluir
  3. Realmente este MovieClip como máscara é mais complicado, mas com calma garanto que vais conseguir... Todos os meus alunos conseguem.

    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