Jump to content


Photo

Máscara


  • This topic is locked This topic is locked
1 reply to this topic

#1 Henrique P.L.

Henrique P.L.

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 02/01/2006, 18:33

Máscara

Olá pessoal, estou aqui com o meu 3º tutorial de Flash pra vocês que estão começando ou querem saber mais ampliem seus conhecimentos.

Neste tutorial eu irei ensinar como fazer uma máscara com um exemplo prático, então vamos abrindo o Flash! :P

O que é Máscara?
Máscara é um objeto que determina qual parte de determinado objeto irá aparecer. Com esse exemplo prático vocês pegam o jeito.

Bom, vamos começar!

• Abra um novo arquivo, pode escolher o tamanho que quiser. Eu usei 300x300 com Frame Rate 60.

• Faça um retângulo com borda de 1 ou 2 pxs com uma cor escura, como preto [ #000000 ] ou até um cinza escuro [ #666666 ou até #999999 ]. A cor interna pode ser um cinza claro [ #CCCCCC ].

Posted Image

• Selecione apenas a parte interna do retângulo ( Tudo menos a borda, a parte cinza claro ), aperte Ctrl + X para recortar, crie uma nova camada e aperte Ctrl + V para colar. Deixei a camada com a parte interna do retângulo por baixo e centralize ambas. [ Para centralizar, vá em Window/Align ]

Posted Image

• Com a camada da parte clara interna, crie um MovieClip e dê a ele o nome que você quiser.

Posted Image

• Clique duas vezes sobre ele para entrar nele e, logo em seguida, crie uma nova camada, acima da do conteúdo, com um retângulo achatado abaixo do retângulo principal, igual ao da figura abaixo. Ah, e faça um Motion Tween nele. [ Se você não sabe fazer um Motion Tween, clique aqui ]

Posted Image

• Em ambas camadas, aperte F6 para criar um novo frame e arraste-os até mais ou menos o frame 115. ( Eu sou meio exagerado ).

Posted Image

• No frame 115, na camada do retângulo achatado, use a ferramente Free Transform [ Q ] e puxe-o verticalmente até ficar do mesmo tamanho do retângulo principal. O retângulo que era achatado, durante esses 114 frames, vai se esticar aos poucos.

Posted Image

• Agora a parte mais importante: clique com o direito na camada do MovieClip ( A parte onde contém o nome da camada ) e clique em Mask [ Máscara ].

Posted Image

Você pode observar que agora a camada de baixo está contida na de cima, só vai aparecer alguma coisa da camada do conteúdo o que estiver sendo visto na de cima, é como a fechadura de uma porta, você só vê o que a fechadura permite. ;)

Se você testar seu filme você vai ver uma animação mais ou menos igual a essa:

>• Clique aqui para ver a animação

Tirando o fato que a sua não irá retornar, só vai ir e ficar no loop, caso não tenha colocado um stop(); no último frame.

A máscara pode ser usada também em Preloaders ( Carregadores ) e muitas outras coisas.
Outro exemplo de máscara:

• Jarra

Bom, eu acho que é basicamente isso, espero ter ajudado vocês e que vocês tenham aprendido mais uma coisa! :D

Abraços,

Henrique P.L.
Usuário de Flash desde 2003

#2 aln

aln

    'Design'

  • Usuários
  • 745 posts
  • Sexo:Não informado
  • Localidade:Mogi-guaçu / SP

Posted 10/01/2006, 02:12

Só não entendi como você animou o efeito de velocidade na primeira animação, mas mesmo assim parabéns, está bem explicado e organizado!
www.allanmc.com.br




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq