Máscara simples no Flash

Essa é para o povo do Flash (Van, Erica, Renan, Lu e galerinha que eu tinha falado que escreveria)… máscara!

Máscara é um recurso bastante utilizado por profissionais do Flash, mas ao mesmo tempo é um recurso bastante simples de ser criado e explicado. É um dos meus recursos preferidos, por se tratar de um efeito que tem muitas vertentes de uso.

Veja abaixo como vou tratar esse assunto:

- Configure o arquivo para fundo preto, velocidade de 30 fps (frames por segundo). Para isso vamos pela forma mais fácil, através do painel Properties (Ctrl + F3).

- Selecione a ferramenta Oval (O) e faça um círculo sem contorno fora do palco, na cor que desejar.

- Com a ferramenta seleção (V), selecione o círculo e alinhe-o verticalmente ao centro em relação ao palco, através do painel Align (Ctrl + K)

- Com o círculo ainda selecionado, selecione o círculo e pressione F8, para salvá-lo com o nome de Luz, sendo um objeto do tipo Gráfico. Adote como padrão a opção Registration ao centro, até obter maiores explicações sobre o que é isso (outros posts…).

- De volta ao palco, no painel Timeline, vá ao frame 60, pressione F6 para a inserção de um Keyframe* e desloque o objeto para a outra extremidade do palco.

* Keyframe: Quadro-chave, cópia do quadro-chave imediatamente anterior.

- Ainda no painel Timeline, com o botão direito no primeiro keyframe, clique na opção Create Classic Tween, para aplicar a interpolação de movimento. Até o Flash CS3 essa opção era conhecida como Create Motion Tween.

- Dê à camada o nome de Luz, e crie uma nova camada com o nome de Palavra.

- Com a ferramenta texto em Static Text e a configuração do texto com a fonte desejada e um tamanho aproximado ao da altura da Luz, escreva a palavra Ellemento (tá, marketing… rs), pinte-a de preto e dê o mesmo nome à camada. Os contornos na palavra são apenas a opção Outlines habilitada. Desconsidere-as. Alinhe a palavra ao centro da tela.

- Teste o filme (Ctrl + Enter). A luz deverá passar por trás da palavra.

Bom, agora vamos à mascara:

- Com o mouse em cima do nome da camada superior (Ellemento), clique com o botão direito, e habilite a opção Mask.

- Os ícones das camadas mudarão, conforme a figura abaixo:

- Teste o filme (Ctrl + Enter). O resultado deverá ser como o da imagem abaixo:

- Salve o arquivo como máscara.fla e gere o swf novamente através do Ctrl + Enter. Está pronto para ser inserido em alguma página HTML.

Em resumo: Máscara não passa de inversão do campo de visão. O que não víamos passamos a ver, e o que víamos se torna oculto. No exemplo construído não conseguíamos ver a luz por trás da letra, e com a máscara só vemos o que estava por trás da letra. A mesma coisa acontece com um quadrado em cima de uma imagem. Sem máscara o quadrado tapa a imagem, e com o quadrado ele mostra a imagem. Para editar a máscara, basta tirar os cadeados das camadas. Simples, não?

Até!

   Enviar artigo em PDF