Como criar uma tela de pré-carregador Adobe Flash: 9 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:40

Um pré-carregador Flash envolve os usuários com seu site enquanto ele ainda está carregando, exibindo uma barra de carregamento de arquivo que atualiza o progresso do site. Veja como fazer um. Você vai precisar

• Um computador com acesso à internet
• Adobe Flash CS4
• Um site existente do Actionscript 3.0

Etapa 1: Etapa 1: Abra seus arquivos Flash

Inicie o programa Adobe Flash CS4 e abra os arquivos do seu site em Flash. Alterne o layout da área de trabalho clicando na caixa do menu suspenso no canto superior esquerdo da barra de menu e selecionando Designer.

Etapa 2: Etapa 2: adicionar quadros-chave em branco

No painel da linha do tempo, selecione todas as camadas destacando a camada superior, mantendo pressionada a tecla Shift e destacando a camada inferior. Clique e arraste o primeiro quadro da camada superior um quadro à direita, criando um quadro em branco no início de cada camada.

Etapa 3: Etapa 3: Criar a barra de carregamento

Crie a barra de carregamento. Primeiro, destaque a camada inferior da linha do tempo e no painel Ferramentas, selecione a ferramenta retângulo. Em seguida, em Propriedades, altere as cores do traço e do preenchimento do retângulo e o tamanho do traço. Desenhe um retângulo no centro de sua página da web. Certifique-se de que o retângulo e o traço não se misturem ao fundo da página da web. DICA Se você não tiver certeza do que um ícone significa em qualquer um dos painéis, mantenha o cursor do mouse sobre ele para obter uma descrição.

Etapa 4: Etapa 4: converter o contorno da barra de carregamento

Converta o contorno da barra de carregamento em um clipe de filme. Escolha a ferramenta de seleção no menu de ferramentas e clique duas vezes no retângulo para que todo o contorno seja selecionado. Pressione F8 para abrir a janela “Converter em símbolo”. Mude o nome para “contorno” e mude o tipo para “Clipe de Filme”. Clique OK.

Etapa 5: Etapa 5: converter a barra de carregamento

Dê uma descrição geral do StepClick no centro do retângulo e pressione F8 para convertê-lo em um símbolo também. Mude o nome para retângulo e mude o tipo para clipe de filme. Para registro, selecione o quadrado central na extrema esquerda. Em seguida, clique em OK. Agora vá para o painel Propriedades e altere o nome da instância para retângulo_clip.

Etapa 6: Etapa 6: Criar o Texto da Porcentagem

Selecione o ícone de texto em Ferramentas. Ajuste os atributos do seu texto em Propriedades e certifique-se de que a opção da ferramenta de texto esteja definida como texto dinâmico. Desenhe uma caixa de texto no seu documento diretamente abaixo do retângulo. Isso fará com que o painel Propriedades mostre as propriedades da caixa de texto. Nessas novas propriedades, altere o nome da instância para text_clip.

Etapa 7: Etapa 7: Escreva os scripts de "parada" e "evento"

Certificando-se de que o primeiro quadro da camada inferior está selecionado no painel Timeline, pressione F9 para abrir o painel Actions. Na primeira linha, escreva um script de parada que impeça o ciclo da página da web. Pressione Enter para pular para a próxima linha e adicione um script que atribua uma função de evento à página da web. Chame a função preload1. Pressione Enter.

Etapa 8: Etapa 8: escrever o script de "função"

Escreva a função preload1, que contém duas variáveis: uma que retorna o total de bytes da página da web e outra que retorna quantos desses bytes foram carregados. A função então define o tamanho da barra de carregamento e o texto percentual para representar quantos bytes foram carregados. A última parte da função diz ao Flash para ir para o segundo quadro da linha do tempo e reproduzi-lo assim que todo o documento tiver sido carregado. DICA Para visualizar o documento em ação, vá para Controlar, Testar filme no menu superior.

Etapa 9: Etapa 9: Publicar e fazer upload

Publique o site em Arquivo, Configurações de publicação. Certifique-se de que as caixas SWF e HTML estejam marcadas. Renomeie os dois arquivos e selecione um local para salvar. Em seguida, clique em publicar e carregue todos os arquivos publicados em seu servidor web. Para acessar a página Flash, navegue até o arquivo HTML em seu servidor web.