Crear un cargador de Ajax (o indicador de la actividad para aquellos acostumbrados a usar el iPhone de Apple) para la Web no es una cosa difícil: hay servicios que crean imágenes animadas del GIF de todo tipo. Sin embargo, el formato GIF tiene un gran inconveniente de no apoyar la transparencia como debe ser. La transparencia en el plan actual formato GIF sólo implica un poco de manera que si no tenemos un uniforme de color de fondo, los bordes de la imagen son notablemente granulada y fragmentado.
La animación muestra a continuación se hizo estableciendo la transparencia de color a blanco.

Así que si el fondo es blanco (o un color similar) no hay problemas. En su lugar, cambiando el fondo, esto es lo que sucede:

Espera, entonces la APNG formato de emisión (PNG animado) - que el apoyo real de un canal alfa para la transparencia, la importación GIF animado en contextos tales como Adobe Flash es "gráfica" una elección muy mala. Aquí entonces es cómo hacer una animación en Adobe Flash muy similares a los encontrados en la Web

Construimos nuestras Ajax Loader en Flash: el "pétalo"

En primer lugar creamos un MovieClip vacío (o si lo prefiere, puede trabajar directamente en el escenario) y trazar una línea vertical negro, nuestro pétalo, 60/70 píxeles de altura para la comodidad, el establecimiento de una anchura (accidente cerebrovascular), de 10:

Seleccionamos nuestra línea y transformarlo temporalmente en un objeto de imagen (F8). En el panel Alinear, Etapa centriamola. Ahora duplicado (CTRL + D o Cmd + D) de nuestra línea, la línea central y ruotiamola duplicar el panel de transformación de 30 grados:

Repetimos esta operación (duplicados, centros, gira 30 grados) para obtener:

Nosotros seleccionamos toda la imagen, es decir, la suma de los objetos:

Menú de Procesos, seleccione Break Apart (Ctrl + B o Comando + B):

Entonces, de nuevo desde el menú Modificar, elija Forma> Convertir líneas en rellenos. De esta manera, se obtuvo una cifra "uno".

Ahora tenemos que "penetrar" el centro de nuestra imagen. Para que este aumento un poco de 'zoom (tipo 400). Crear una nueva capa y proteger el uno con el trabajo realizado hasta la fecha:

En este nivel puede trabajar en paz, sin dañar nuestra imagen de otros. Diseñamos, a partir del centro (mantenga presionada la tecla ALT junto con el cambio tecla SHIFT) un círculo rojo sin fronteras:

En la figura anterior me puse la transparencia del círculo para poner de relieve su posición respecto a nuestra figura (que está en el nivel inferior). Tenga en cuenta que yo a propósito "cortar" los bordes donde se une a la "pétalos" de nuestra figura. El círculo, por lo tanto, debe ser del tamaño correcto, que vamos a probar más tarde. Hecho este círculo seleccionar, copiar (Ctrl + C o CMD + C) y también se quita la última capa creada, desbloquear el nivel con nuestra figura y pega!

Ahora haga clic en el blanco del escenario para anular la selección del círculo rojo. Ahora tenemos "derretido" nuestros dos objetos. Seleccione de nuevo el círculo rojo y eliminarlo!

¡Excelente! Ahora seleccione todos los de nuestro objeto y el color cambiamogli con un gris claro:

A continuación, seleccione el primer pétalo (12 horas) y lo puso en negro (puede elegir ovvimente la gradación de colores que prefiera):

Ahora configure la segunda hoja (13 horas) a un gris oscuro:

Vamos por los otros dos pétalos (usted elige la cantidad de alcohol se aplican) para obtener:

Animación

Bueno, ya casi estamos allí, en el último esfuerzo que se requiere es crear la rotación. Esto no debe cubrir los pétalos, pero sólo el color. Para ello, podría proceder de otras maneras (véase, por ejemplo, las máscaras de Luso ...), pero esto parece más fácil. Vamos a pasar por delante unos cuantos fotogramas, el tipo 5 e insertar un fotograma clave.

En el panel de transformar nuestra imagen rota 30 grados, el mismo grado utilizado durante la creación de nuestro "pétalos". Repetimos esta operación (Insertar fotogramas clave y una rotación de 30 grados) debe seguir siendo siempre constante en el número de fotogramas entre la clave y otra, hasta que se obtiene:

¡Terminado! Nuestro Ajax Loader en Flash es! Aquí, en la versión del GIF se exporta de Flash.

Por debajo de la película de Flash con un fondo en el movimiento (nota de que no hay distorsión o granulado):

Post relacionados

• Wordpress: Uso de la códigos cortos (5)
• Wordpress: eliminar el menú de administración (12)
• WordPress: personalizar la navegación entre los puestos (5)
• Wordpress: cómo escribir una respuesta al comentario utilizando jQuery (18)
• Wordpress: paso a paso cómo crear sus propios datos (21)

Fue útil esta información?:

Cargando ...