Preloader(loading) em flash

[AiroN]

Neste tutorial de action script vamos aprender a criar um preloader flash profissional. Você pode usar esse preloader para qualquer site de web. Vamos começar!

 

Download do arquivo .fla deste tutorial:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Exemplo:

 

 

 

Etapa 1

 

 

Crie um novo documento Flash. Pressione a tecla Ctrl + J no teclado (Document Properties) e definir a largura do documento para 400 pixels e a altura para 300 pixels. Selecione a cor # 161616 como cor de fundo. Ajuste a taxa do seu filme Flash frame 34 e clique em OK.

 

Etapa 2

 

 

Nomeie a primeira camada como preloader (Dê um duplo clique sobre o nome padrão (Camada 1) para mudar isso). Pressione Enter após ter digitado o novo nome!

 

Etapa 3

 

 

Selecione a ferramenta Texto (A) e vá para o Painel de Propriedades (Ctrl + F3) abaixo do estágio. Em seguida, escolha as seguintes opções:

1. Selecione um campo Static Text,

2. Selecione um Zurique Blk BT como tipo de fonte (Mais pode ser outra também).

3. Escolher 64 como o tamanho da fonte.

4. Selecione branco como cor de fonte,

5. Como a opção de renderização, selecione Usar Anti-alias for readability.

 

 

 

 

 

 

 

Etapa 4

 

 

Tipo em algum lugar na fase de carregamento do flash. Veja a imagem abaixo.

 

 

 

 

 

 

Etapa 5

Enquanto o texto de carga () ainda está selecionada, pressione F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.

 

 

 

 

 

Etapa 6

 

Dê um duplo clique sobre o movie clip no palco com a ferramenta Selection (V). Agora você deve estar dentro do clipe de filme.

 

Etapa 7

 

Chame o texto da camada atual. Dê um duplo clique sobre o nome padrão (Camada 1) para mudar isso. Pressione Enter após ter digitado o novo nome!

 

Etapa 8

 

Clique agora no frame 100 da layer de texto e tecle F5.

 

Etapa 9

 

Crie uma nova camada acima da camada de texto e nomeá-la por cento.

 

Etapa 10

 

Selecione a camada por cento, takle a Ferramenta de Texto (A) e vá para o Painel Properties novamente (Ctrl + F3) abaixo do estágio. Em seguida, selecione as seguintes opções:

a) Selecione um campo de texto dinâmico.

b) Selecione uma Times New Roman CE como tipo de fonte.

c) Escolha o tamanho da fonte 26 e negrito-lo.

d) Escolha a cor # C00F02.

e) Como a opção de renderização, selecione Anti - alias para facilitar a leitura.

f) para o tipo var percent12

 

 

 

 

 

 

Em seguida, desenhe uma forma de retângulo na parte inferior do lado esquerdo do texto de carregamento. Depois deste tipo, em que o retângulo de 99%! Veja a foto em baixo!

 

 

 

 

 

Etapa 11

 

Volte à cena principal (Scene 1).

 

 

Etapa 12

 

Selecione a ferramenta Selection (V) e clique uma vez sobre o preloader para selecioná-lo. Então, vá ao painel de AS (F9) e digite este código dentro do painel de ações:

 

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

 

 

 

Etapa 13

 

Selecione agora a primeira imagem e vá novamente para o painel de AS (F9). Em seguida, insira o código dentro do painel de ações:

stop();

Estamos a fazer agora com o preloader. Para ver como isso funciona, crie uma nova camada acima da camada preloader e chame-o filme. Depois disso, clique no frame 2 da camada de filme e tecle F6. Enquanto você ainda está na frame 2, a importação algum filme ou imagem em um estágio flash. é isso aí!

 

FINISH!

Fonte:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

[G.Victor]

Serve pra por em tela de L2 Loading?!