Criando uma máscara…

Olá a todos! Como eu havia prometido, hoje aprenderemos a criar uma máscara simples, para mais tarde podermos criar coisas mais interessantes com esse artifício que vemos em vários sites e animações…
Então vamos lá!

Primeiro crie um novo arquivo do flash 8 (sim, continuaremos com o flash 8 por algum tempo) e escreva seu nome, utilizando-se da ferramenta texto (atalho T). Renomeie a camada para texto.

Crie uma nova camada e nomei-a de mascara. Nessa camada, crie uma bolinha e transforme-a em um movieclip (F8) de nome mascara, como indicado na figura ao lado.

Crie um novo keyframe (F6) no frame 30 da camada mascara. Posicione a bolinha após seu nome, como mostra a figura ao lado. Crie um motion tween nessa mesma camada (clicando com o botão da direita em cima de qualquer frame dessa camada e selecionando Create Motion Tween).
Na camada texto, crie um frame (F5) no frame 30.

Agora partiremos para o efeito de máscara propriamente dito :D

Com o botão direito do mouse, clique sobre o nome da camada mascara e selecione Mask.

Assim que você criar a máscara, suas camadas ficarão como na figura ao lado, ou seja, com esses ícones azuis, que indicam uma máscara (o que agora parece óbvio :D ). Teste seu filme (Ctrl+Enter) e veja o resultado!
E provavelmente você notou que tudo sumiu do palco, correto? Errado! Na verdade, ao criar uma máscara, as camadas são trancadas automaticamente e o efeito da camada já aparecerá no primeiro frame da mesma. Mas o que aconteceu que tudo sumiu?
Simples, você, como eu, não deixou nem uma partezinha da bolinha sobre o texto e isso deu a impressão que tudo sumiu!
Pois vamos “corrigir” isso…

Remova o cadeado da camada mascara e, com o primeiro frame selecionado, mova a bolinha até que ela fique com uma pequena parte acima do texto, como indicado pela flecha da figura ao lado.
Agora, tranque novamente a camada mascara e pronto!

Você verá agora um pedacinho do texto, assim como indicado pela flecha vermelha. Assim, quando você tiver várias máscaras no mesmo frame, você poderá ter a idéia de onde as “coisas estão”.
Teste seu filme novamente e veja o resultado!
Caso você se sinta confiante e não veja necessidade de colocar a máscara em cima do texto, fique à vontade ;-)

Agora você já sabe mais um segredinho do flash! Em breve postarei um tutorial de filtros…
Até mais!

Lição de casa: assista a algumas animações desse site (http://www.newgrounds.com) e notem como as máscaras são utilizadas… olhe esse site também, da havaianas (http://www.havaianas.com.br).

12 Responses

  1. òtimo tutorial!!!!
    muito bom msm….
    valew!!!

  2. Muito obrigado! Espero que esteja aprendendo bastante ;)
    Até mais!

  3. Parabens cara muito rox ;D

    curti seu tuto o melhor ate agora que eu vi …

    ( vontade de ensinar )

    ^^

    obrigadoo

  4. Olá, “Bruno e Raiara”,

    Muito obrigado pelo elogio ;-)
    Fique ligado que, assim que eu trocar de servidor, postarei um novo tutorial sobre máscaras!
    Até mais!

  5. Porra véio, mt bom seu tutorial…

    Sou designer publicitario, mas nunca tive vontade de aprender flash, mexo com 3D Max, mas não mexo no flash é mole… mas usando seu tuto.. po .. deu até vontade de saber a mexer ! rs..

    Abs !

  6. Thiago, que bom que você gostou! Seja bem vindo e aprenda tudo o que puder hehehehe. E se tiver alguma sugestão de tutorial, é só enviar um comentário :D
    Até mais!

  7. Comecei a mexer no flash agora sempre achei muito interessante e também muito difícil. Mas você ensina muito bem!
    Estou feliz de ter conseguido realizar esse tutorial.
    Muito obrigada!!

    Abs.

  8. Olá, Laila!

    Fico feliz em ver que você está aprendendo :D
    Qualquer dúvida, deixe um comentário aqui, ok?
    Até mais!

  9. Gostaria de enteder com o se faz aquele efeito que faz o percusso sobre um banner. Agradeço.

  10. Neurivan, não entendi muito bem a sua pergunta. Tem algum lugar que você possa me indicar como exemplo?
    Até mais!

  11. Ae Amigão vlww to curtindo esse seu site brigadão mesmo parabéns

  12. Gepeto, me refiro aquele efeito que começa em um banner ou no texto e percorre até a outra ponta de uma forma inclinado. acredito que é preciso transformar em movie clip ou shape para que ele possa se movimentar. Depois de tanto tempo eu consegui aprender o efeito. Legal mesmo. Um grande abraço.

Leave a Reply

BlogBlogs.Com.Br | Technorati Profile