Reloj Analógico en Flash

Abre tu flash y crea un nuevo clip de película, para ello, presiona ALT + F8, y llamalo "mireloj", (sin comillas. Vamos a necesitar cinco capas, las siguientes:

Selecciona la capa "esfera" y dibuja un circulo (También podría ser un cuadrado u otra forma, el diseño ya es cosa de cada cual). Lo convertimos en clip de película, lo seleccionamos y apretamos F8, y le damos el nombre "mcesfera".

Ahora, a la instncia de clip de película le damos nuevamente el nombre de "mcesfera", no importa que sea el mismo nombre dado que solo vamos a usar una instancia, si fueramos a usar varias instancias del mismo clip deberían tener distintos nombre para diferenciar. Para hacer tal cosa, seleccionamos el clip, (la esfera), y en el inspector de propiedades le escribimos el nombre:

Ahora, vamos a hacer las agujas del reloj, horas, minutos y segundos. El diseño de las mismas, al igual que el del circulo, es cosa vuestra, lo más sencillo es lo que he hecho, 3 líneas, siendo las líneas de horas y minutos más gruesas que la de segundos, y con la aguja de segundos como la más larga, después la de minutos y la de horas la más corta.

Bien, seleccionamos la capa de horas, y trazamos una línea vertical. La seleccionamos y apretamos F8 para convertirla en clip de película, y le damos el nombre "mchoras". Editamos el clip haciendo doble click sobre el o seleccionandolo y edición>editar simbolo. y veremos ésto:

Como veis, la línea tiene una pequeña cruz en el centro. Ese es el eje sobre el que girará, así que no puede estar en el centro, tiene que estar cerca de uno de los extremos. Ese punto coincidirá con el centro del circulo. Tenemos que alargar la línea de uno de sus extremos, concretamente, la estiraremos de arriba, para ello, ponemos el ratón sobre la punta de arriba de la línea, la agarramos y estiramos, quedando algo así:

Ahora el eje de giro está cerca de uno de los extremos.

NOTA:

Es importante que las agujas se coloquen verticales y con el eje de rotación abajo, ya que si por ejemplo, las dibujasemos horizontales y con el eje de rotación a la izquierda, las horas, minutos y segundos aparecerían con 45º de más, es decir, con 3 horas, 15 minutos y 15 segundos de más.

Volvemos al clip "mireloj", para ello apretamos la flecha azul del navegador de clips:

Usuarios que han visto este tema también han visto...

- Texto Desenfocado en Flash
- Cómo hacer botón en Flash
- ColorBox con Flash
- Leer archivos MP3 y FLV con Flash y MDM Zinc
- Animación de Nubes para Cartoon en Flash

- Versión imprimible de este documento
- Enviar por e-mail este documento