Efeito de assinatura no Flash 8

Hoje, apresentarei como criar o efeito de assinatura no Flash 8. A técnica também é válida para versões anteriores e posteriores a esta que utilizarei na produção deste post. Tal efeito pode ser conferido no site da arquiteta paraibana Márcia Barreiros, cliente da ATYS Tecnologia. Tal efeito utiliza o recurso de máscaras para gerar a animação.

Primeiramente, crie um novo documento flash em “File >> New”. Defina as dimensões e cor de fundo de sua preferência na animação, na aba “Properties” (Ctrl+F3). Em “Frame Rate”, defina 30 frames por segundo (ou um valor superior, para uma animação mais rápida).

Como o flash cria por default o Layer 1 para o início dos trabalhos de animação, o utilizaremos para inserir o texto que será “assinado” na tela, no primeiro frame. No nosso exemplo, assinaremos a letra T. Para que a animação fique caracterizada como uma assinatura, é interessante a utilização de uma fonte “manuscrita” (existem várias na net. Pesquisem no Google!).

Após esta etapa, crie um novo Layer. O layer recentemente criado será usado para aplicar a máscara no texto. Portanto, o mesmo deverá estar acima do Layer que contém o texto a ser assinado (caso não esteja, clique, segure e arraste o novo Layer para cima do Layer 1). Logo em seguida, clique com o botão direito do mouse sobre o Layer superior e selecione a opção “Mask” (Máscara). Será visível uma alteração em ícones nos 2 Layers, além da alteração de nível do Layer que contém o texto (o Layer 1 se tornará um “sub-layer” do Layer 2).

Não sei bem ao certo, mas boa parte das versões do Flash bloqueia os Layers envolvidos na aplicação de máscara. Para continuarmos a animação, desbloqueie o Layer superior, isto é, o Layer que servirá de base para a produção da máscara, clicando sobre o ícone de cadeado, apresentado ao lado do rótulo do Layer (a figura acima apresenta o referido cadeado).

Agora poderemos iniciar o processo de criação da máscara. Selecione a ferramenta “Brush Tool” (pincel) (b), escolha a opção de pincel redondo, com o tamanho da circunferência suficiente para cobrir totalmente uma parte do texto. Selecione o primeiro Frame do Layer superior e pinte uma parte de uma letra, isto é, o ponto inicial de escrita da assinatura. A cor do pincel não importa já que, por ser uma máscara, a área pintada pelo pincel não será visível na animação. Trabalhado os primeiros frames de cada Layer da animação, selecione o primeiro frame do Layer superior e pressione F5 (para copiar o frame selecionado para o frame em seguida) e F6 logo em seguida (para criar um novo keyframe). No Layer inferior, pressione F5 para copiar o texto para o próximo frame (não é necessário o pressionamento de F6 neste Layer, pois não iremos alterar o texto durante a animação). No novo keyframe gerado, no Layer superior, pinte outra parte do texto (próximo a outra bola pintada anteriormente) e assim sucessivamente (pressionando novamente F5 e F6 no último frame trabalhado no Layer superior e F5 no inferior), até todo o texto estiver coberto por bolas.

Quando todo o texto estiver coberto, pressione Ctrl + Enter para testar o efeito. O efeito é realizado pois aplicamos máscaras no texto. Tudo o que a máscara cobre é o que realmente será exibido na animação. Aí está o “macete”!

Como podemos observar, trata-se de uma animação Frame a Frame, e a duração da mesma irá depender do tamanho do texto.

Para facilitar o aprendizado, CLIQUE AQUI para baixar o fonte deste tutorial.

Até a próxima!