[Lucasbr]

Carregador Clique aqui para visualizar o exemplo

O carregador permite que uma animação em Flash seja feita sem cortes, carregando todos os elementos de uma animação Flash (símbolos, gráficos, áudio, etc.) antes de serem usados.
Obs.: Esse carregador pode ser usado em todas as versões do Flash.

Antes de começar a fazer esse tutorial, você não precisa necessariamente ter conhecimentos do flash, procuramos explicar de forma concisa e com imagens, porém podem surgir dúvidas, se isso ocorrer, entre em contato conosco.

Primeiramente, faça download do arquivo abaixo:

Versão Flash MX - GTI.FLA
Versão Flash 5.0 - GTIV5.FLA

1 Abra o arquivo gti.fla. Arquivo > Abrir

2 Agora vamos criar uma nova cena. Clique em Modificar > Cena.
A janela "Cena" aparecerá. Nela você pode ver a cena "Filme" que contém o logo do GTI.



3 Clique sobre o sinal de "+". Uma nova cena será criada. Dê um duplo clique sobre essa cena e a renomeie para "Carregador". 4 Agora, clique e arraste a cena "Carregador" para antes da cena "Filme".
A janela "Cena" deverá ficar dessa forma:



5 Isso fará com que a cena "Carregador" seja apresentada primeiro.

Para selecionar essa cena, basta clicar sobre ela.

6 Abra a biblioteca. Janela > Biblioteca.
Nela você pode ver duas pastas: Carregador e GTI.

7 Dê um duplo clique sobre a pasta Carregador. Nela você encontra algumas imagens usadas para montar a tela inicial da nossa animação.

8 Primeiro, clique e arraste para o centro do cenário o símbolo "fundo".
Posteriormente, clique e arraste os símbolos "simb1" e "simb2" e os posicione como desejado, mesmo que elas ultrapassem o limite do cenário.
Abaixo um exemplo:



9 Dê um duplo clique sobre a camada onde você colocou os símbolos e a renomeie para "Fundo":

10 Agora clique crie uma nova camada. Clique sobre o botão "Adicionar Camada" (círculo menor na imagem) e depois renomeie essa camada para "Barra" (círculo maior na imagem):



11 Repita esse procedimento para criar uma nova camada e chame-a de "Texto".

12 Selecione a camada "Texto" clicando sobre ela.

Agora na biblioteca, clique e arraste os símbolos "carregando_anim" e "borda" para o centro do cenário.

13 Agora o cenário agora aparece dessa forma:
Obs.: Para ver essa imagem em seu tamanho correto <clique aqui>



14 Bloqueie as camadas Texto e Fundo clicando sobre o ponto localizado na coluna onde vemos um cadeado:



15 Dessa forma, os elementos das camadas Texto e Fundo ficam bloqueadas, não permitindo mover os seus elementos.
(Para desbloquear, basta clicar sobre a imagem do cadeado ao lado da camada.)

16 Ainda com as camadas Texto e Fundo bloqueadas, clique sobre a camada "Barra" para selecioná-la.

17 Agora clique e arraste o símbolo "barra" da biblioteca.

Posicione o símbolo logo abaixo do símbolo borda, como mostrado nas imagens abaixo:

Detalhe





18 Selecione a camada "Texto". Na linha do tempo dessa camada, selecione o frame 15 e selecione Inserir > Quadro.
Teremos então uma linha do tempo dessa forma:

19 Repita esse procedimento para as camadas "Barra" e "Fundo".

20 Selecione a camada "Barra". No frame 15 dessa camada selecione Inserir > Quadro-Chave. Teremos então:

21 Ainda no frame 15, clique sobre a ferramenta "Transformação Livre"

22 Selecione a alça central do símbolo "barra" e arraste até preencher o símbolo "borda":

23 Em qualquer local entre os pontos da camada "barra", clique com o botão direito, uma lista de comandos vai aparecer:

24 Selecione "Criar Interpolação Movimento"

25 Agora a camada ficará assim:

26 Selecione o frame 1 e dê um enter para ver a animação da barra.

27 Agora, crie uma camada e chame-a de "símbolos".
Clique e arraste essa camada para ficar embaixo de todas as outras camadas:

28 Em qualquer lugar na linha do tempo dessa camada, clique com o botão direito e selecione "Converter em Quadros-Chave", teremos então:

29 Vamos apenas deixar visível apenas a camada "símbolos".
Clique sobre o ícone de um "olho" sobre as camadas. Agora nenhuma camada poderá ser visualizada.
Clique sobre o ícone "X" que aparece ao lado da camada "símbolos" para visualizá-la:

30 Agora, selecione o frame 2 da linha do tempo dessa camada:

31 Na biblioteca, dê um duplo clique para abrir a pasta chamada GTI.

32 Clique e arraste para o cenário, o primeiro símbolo dessa pasta "gti0000.png"

33 Certifique-se que a imagem fique DENTRO do cenário (parte branca apresentada na imagem).

34 Faça esse mesmo procedimento para os símbolos "gti0001.png" até "gti0010.png". Não tem problema se as imagens ficarem sobrepostas, só NÃO DEVEM sair do cenário.


35 Vá para o frame 4 dessa camada e faça o mesmo procedimento para os símbolos "gti0011.png" até "gti0020.png". Depois no frame 8 para os símbolos "gti0021.png" até "gti0030.png" e no frame 10 para os símbolos "gti0031.png" até "gti0040.png". .

36 Visualize todas as suas camadas com um duplo clique sobre o ícone "olho" novamente.
Teremos então:



37 Os símbolos não ficam visíveis, mas isso é necessário, porque enquanto os símbolos não carregam, a animação apresenta a frase "carregando" para o usuário.

38 Salve seu documento.
Clique CTRL+Enter para visualizar a sua animação.

Dica: Clique CTRL+Enter novamente e o Flash simulará a visualização através de um browser, assim você poderá ver o progresso real da barra enquanto os símbolos carregam.

39 P ara publicar esse arquivo, clique em Arquivo > Publicar. Pronto!



http://www.unesp.br/...fl001/index.php