Undolog.com

Criar um carregador de Ajax (ou Indicador de atividade para aqueles que já estão acostumados a usar o iPhone da Apple) para a Web não é uma coisa difícil: há serviços que geram imagens animadas gif de todos os tipos. No entanto, o formato GIF tem a grande desvantagem de não apoiar transparente como deveria. Transparência em GIF plano atual envolve apenas um bit, com a consequência de que, se não temos um uniforme cor de fundo, as bordas da imagem são visivelmente granulada e fragmentada.
A animação abaixo foi feita por definir a cor transparente branco.

Portanto, se o fundo é branco (ou uma cor similar) não há problemas. Em vez disso, basta substituir o fundo, aqui está o que acontece:

Espera, portanto, a propagação do formato APNG (PNG animado) - que irá apoiar um canal alpha de transparência verdadeira, GIF animado importação em contextos como o Adobe Flash é "graficamente" uma escolha muito ruim. Veja como fazer uma animação no Adobe Flash é muito semelhante àquelas encontradas na Web

Construímos o nosso carregador Ajax em Flash: o "pétala"

Primeiro criamos um MovieClip vazio (ou se preferir, você pode trabalhar diretamente no Palco) e desenhe uma linha preta vertical, nossas Petal, 60/70 pixels alta por conveniência, definindo uma espessura (traço) de 10:

Nós selecionamos a nossa linha e transformá-lo em um objeto de imagem temporário (F8). A partir do painel Align, Estágio centriamola. Agora duplique (CTRL + D ou Cmd + D) nossa linha, linha de centro dobrou e ruotiamola painel Transform em 30 graus:

Repetimos esta operação (duplicatas, centro, gira 30 graus) para obter:

Nós selecionamos a imagem inteira, ou seja, a soma dos objetos:

A partir do menu, selecione Modificar Dividir (CTRL ou CMD + B + B):

Então, novamente a partir do menu Modify, selecione Forma> Converter linhas em preenchimentos. Desta forma, obtivemos um valor de "apenas".

Agora temos que "furar" o centro da nossa imagem. Para fazer isso um pouco maior zoom '(tipo 400). Crie uma nova camada e proteger aquele com o trabalho feito até agora:

Sobre este novo nível poderia trabalhar em paz, sem prejudicar nossa imagem outros. Desenhar a partir do centro (segure a tecla ALT em conjunto com a tecla SHIFT shift) um círculo vermelho, sem margem:

Na foto acima, eu definir a transparência do círculo para realçar a sua posição em relação à nossa figura (que está localizado no nível mais baixo). Note que eu propositadamente "cortar" as bordas onde se encontram as "pétalas" da nossa figura. O círculo, portanto, deve ser o tamanho certo, o que vai sair útil mais tarde. Sem este círculo selecionar, copiar (CTRL + C ou Command-C) e também eliminou a última camada criada, desbloquear a camada com a nossa figura e colar!

Agora clique no palco branco, a fim de limpar o círculo vermelho. Agora temos "tempo" nossos dois objetos. Selecione o círculo vermelho e excluí-lo novamente!

Excelente! Agora selecione todos os nossos objetos e uma luz de cor cinza com cambiamogli:

Em seguida, selecione a primeira pétala (menos 12) e impostiamolo para preto (você pode escolher ovvimente gradação de cores que você quiser):

Entre agora a pétala segundo (aos 13) para um cinza escuro:

Prosseguimos com os outros dois pétalas (você escolhe o quanto aplicar grade) para obter:

A animação

Perfeito, estamos quase lá, o mais recente esforço necessário é criar rotação. Isto não deve afetar a cor das pétalas apenas. Para fazer isso, poderia proceder de outra forma (ver, por exemplo, com o uso de máscaras ...), mas isso parece mais fácil. Vamos avançar alguns quadros, o tipo 5 e inserir um Keyframe.

A partir do painel Transform começamos a rodar a nossa imagem em 30 graus, os mesmos níveis utilizados durante a criação do nosso "pétalas". Repetimos esta operação (inserir quadro-chave e girar 30 graus) sempre mantendo constante o número de quadros entre uma chave e outra, até chegar:

Acabado! Nosso carregador Ajax em Flash está finalizado! Aqui, sob a versão GIF exportado do Flash.

Abaixo o filme do Flash com um fundo em movimento (note que não há distorção ou granulado):

A fonte