DÊ MOVIMENTO À SUA PÁGINA WEB
Criando um carregador
VEJA TAMBÉM

Curso completo de Javascript

História da animação na web

Tudo para você criar seu próprio site

 
DOWNLOADS
Macromedia Flash Player
Flash (versão gratuita de teste)
Mais Downloads...
 

Para evitar que os donos de modems mais modestos (e menos velozes) esperem uma eternidade para ver os filmes feitos no Flash, o ideal é criar um carregador ou "preloader": uma animação simples, que "entretém" o internauta enquanto o filme é carregado. A seguir, você aprenderá a criar um carregador simples.

1) Abra um novo documento de Flash. Para este exemplo, você deverá aumentar o peso do filme para que o carregador funcione - se a animação for leve, o navegador irá ignorá-lo. Utilize a ordem File / Import e selecione algum bitmap (BMP) de tamanho grande que o ajude a resolver a falta de volume do seu filme.

2) Localize o bitmap importado no Frame 10 do Layer 1. Se foi inserido no Frame 1, você simplesmente deve arrastar o quadro até o 10.

3) Escolha Insert / New Layer e nomeie Ações. Esta capa servirá para inserir os comandos que fazem funcionar o carregador.

4) Clique com o botão direito sobre o Frame 9 do layer Ações e escolha Insert Keyframe para transformá-lo em um quadro-chave. Depois, clique de novo com o botão direito e aperte Actions para habilitar o painel de ações que lhe permitirá criar o código do carregador.

5) Na janela, aperte o botão "+" e escolha Basic Actions / Go To. Selecione com um clique a frase que aparece no quadro direito e o painel de parâmetros será acionado. Ali, deixe a opção <current scene> e em Frame coloque o número 1. Assim, cria-se um cache para que o carregador, sempre que chegue ao frame 9, volte ao começo. Depois, certifique-se de que o campo Go To and Play esteja marcado. Por último, feche a janela de ações.

6) Para criar a seqüência do carregador, você deve inserir um novo símbolo do tipo Movie Clip e batizá-lo "Carregador". Escolha a ferramenta texto e digite "Carregando Filme". Com a frase, crie uma animação interpolada (Motion Tween) que vá do frame 1 ao 10, onde o texto se desdobre, mude de cor ou apague. Você pode usar outras opções de animação, se quiser. Uma vez terminado, use Edit / Edit Movie para voltar ao cenário.

7) Posicione-se no Frame 1 do Layer 1. Abra a Biblioteca e arraste o símbolo "Carregador" para o cenário.

clique aqui

8) Clique com o botão direito sobre o Frame 1 do layer Ações e escolha Action. Na lista da janela, aperte duas vezes sobre a frase "If FrameLoaded" e, abaixo, escreva "10" dentro da seção Frame. Depois, escolha da lista de ações a frase "Go To", volte para a "10" e desmarque o campo Go To and Play. A frase "If Frame..." é uma condição, que permite saltar de um frame para o outro sempre que certa tarefa tenha sido cumprida. Neste caso, o código equivaleria a dizer: "se o frame 10 está carregado, pode exibi-lo". O código final deve ser como o da seguinte imagem:

Seu carregador já está pronto e agora você deve testá-lo. Continue lendo para saber como testar não apenas o "preloader", mas também os botões com vínculos que você criou na parte anterior.

Pós-produção >>

Guia de Leitura: Curso de Flash - Parte 7

Introdução >>
Um clique para o mundo >>
Criando um carregador
Pós-produção >>
Prepare a pipoca: a estréia do seu filme >>