Undolog.com

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

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

Espera, portanto, a disseminação do formato APNG (PNG animado) - que vai apoiar um verdadeiro canal alfa de transparência, importação GIF animado em contextos como o Adobe Flash é "graficamente" uma má escolha. Veja como fazer uma animação no Adobe Flash bastante semelhantes aos encontrados na Web

Nós construímos nossa Ajax Loader em Adobe Flash: o "pétala"

Primeiro criamos um movieclip vazio (ou se preferir, você pode trabalhar diretamente no palco) e desenhe uma linha preta vertical, nossos pétala, alta 60/70 pixels por conveniência, estabelecendo uma espessura (trecho) de 10:

Nós selecionamos nossa linha e transformá-la temporariamente em um arquivo objeto (F8). No painel Alinhar, centriamola Palco. Agora duplique-o (CTRL + D ou CMD + D) nossa linha, temos o centro da linha duplicada e ruotiamola do painel Transform em 30 graus:

Nós 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 Split (CTRL ou CMD + B + B):

Então, novamente a partir do menu Modify, selecione Forma> Converter linhas em preenchimentos. Desta forma, obteve-se uma figura "única".

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

Neste novo nível, podemos trabalhar em paz, sem prejudicar a nossa outra imagem. Nós projetamos, a partir do centro (mantenha pressionada a tecla ALT junto 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 a nossa figura (que está localizado no nível abaixo). Note que eu especificamente "cortar" as bordas onde se encontram as "pétalas" de nossa figura. O círculo, então, deve ser o tamanho certo, que vamos encontrar calhar mais tarde. Uma vez feito isso selecione o círculo, copiar (CTRL + C ou CMD + C) e também eliminou a última camada criada, desbloquear a camada com a nossa forma, e cola!

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

Great! Agora selecione todos os nossos item e cor cambiamogli com um cinza claro:

Em seguida, selecione a primeira pétala (12 horas) e impostiamolo em preto (ovvimente você pode escolher o tom das cores que você preferir):

Vamos configurar a segunda pétala (13 horas) para um cinza escuro:

Prosseguimos com as outras duas pétalas (você escolhe o quanto você deseja aplicar a gradação) para obter:

A animação

Perfeito, estamos quase lá, o último esforço é necessário para criar a rotação. Isto deve abranger não só a cor, mas as pétalas. Para isso, pode proceder de outros modos (ver, por exemplo, com a utilização de máscaras ...), mas esta parece ser mais fácil. Vamos passar alguns quadros à frente, digite 5 e para inserir um quadro-chave.

No painel Transform giramos nossa imagem 30 graus, os mesmos graus utilizados na criação dos nossos "pétalas". Nós repetimos esta operação (inserção Keyframe e rotação de 30 graus), mantendo sempre constante em número de quadros entre uma tecla e outra, para obter:

Terminado! Nosso Ajax Loader em Adobe Flash Está consumado! Aqui sob a versão GIF exportado de Flash.

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

A fonte