1) Introducción al Macromedia Flash MX
2) Primeros pasos (tamaño, fondo, frames…)
3) Empezamos a poner gráficos que se mueven y eso

INTRODUCCIÓN

Bueno, para hacer los menús vamos a utilizar 2 programas: El Macromedia Flash MX y el Adobe Photoshop 7.0 (o cualquier otro programa de edición de imágenes). El Adobe nos servirá para preparar las imágenes y los botones, y el Flash para unirlos todos y crear el menú.

Antes de empezar quiero aclarar un par de cosas:

-Primero, NO Voy a explicar el funcionamiento del Photoshop… tampoco es que haga falta ser un genio, basta con saber recortar imágenes del fondo y algún que otro efecto si queréis hacer las imágenes más vistosas. Si necesitáis aprender desde 0, mi colega Xeros_Metallium hizo un tutorial de photoshop, similar a este. Podeis hechar un vistazo aqui.
-Segundo, el Flash permite utilizar 2 tipos de gráficos: Imágenes normales y gráficos vectoriales. Los gráficos vectoriales son un tipo de imágenes que tienen la propiedad de que no se pixelan cuando se amplían y tal… pero no los vamos a usar porque A. No nos hace falta, y B. No se utilizarlos yo. (como veis, yo soy el primero que admite que no tiene ni idea de esto).

OK? Ahora vamos a empezar con las nociones básicas de cómo funciona el Flash.

Básicamente, el flash actúa como una película continua, es decir, empieza por el fotograma 1, luego pasa al 2, luego al 3… etc etc. Nosotros lo que vamos a hacer es decirle al flash “aquí, en el fotograma 5 mete este fondo, y ahora en el 30 haz visible esta imagen, y ahora muévelo…”. Es muy sencillo.

Bien, en la imagen podemos ver 4 zonas:

La zona 1 es la barra de navegación, donde esta los fotogramas y las capas.

Las capas (LETRA B) funcionan exactamente igual que en el photoshop. Usamos las capas para tener organizadas las imágenes, efectos, músicas… y no liarnos. Para hacerlo todo más fácil vamos a seguir la filosofía “una imagen, una capa”. Usaremos 1 capa para cada imagen para evitar líos con el flash, que a veces puede ser bastante perro. Recordad: las capas que están colocadas más altas se superponen a las más bajas. De este modo, en la imagen, el Mazinger está en una capa colocada más arriba que el fondo, o de lo contrario no se vería (estaría tapado por él). El icono correspondiente al ojo sirve para decirle al flash si muestra la capa o la oculta. Si pinchamos en la capa “botón 6”, en el punto que está a la altura del ojo, el botón 6 desaparecería (seguiría estando, pero no lo vemos). El icono del candado sirve para “bloquear” la capa. Si lo seleccionamos, aparecerá un pequeño candado, y no podremos hacer modificaciones de la capa hasta que la liberemos. EL tercer icono es para ver las imágenes como bordes.

Los botones de capas (LETRA A) son de izquierda a derecha: Añadir capa, Poner guía, añadir carpeta y eliminar capa. Ya iremos viendo las k necesitemos.

La zona marcada con la LETRA C es la más importante. Cada uno de esos recuadritos (de izq. a derecha) es un frame. Como veis, cada capa se lee de izquierda a derecha. El rectángulo rosa ese es el fotograma que estamos viendo actualmente. Cuando ejecutas el flash, va avanzando el cuadrado roza hacia la izquierda, y va haciendo lo que indiques en cada capa.
Ejemplo: al llegar al fotograma 238, comenzaría a aparecer el efecto de las capas “Botón 5” y “Botón 6”, y mientras están ocurriendo, al llegar a las 255, empezarían los efectos de las capas “salir” y “volver”. Veréis como esto lo entendéis cuando vayamos haciendo el menú.

La LETRA B nos muestra el fotograma actual.

La LETRA D es la barra de Zoom, aquí podéis seleccionar la ampliación del área de trabajo.

La zona 2 es la barra de herramientas. Su funcionamiento es en cierto modo similar al del photoshop, pero no preocuparos mucho por ellas, porque apenas las vamos a usar. Solo quedaros con la flecha negra (seleccionar) y con la Letra A (poner texto).

La zona 3 es la zona de Propiedades. Allí definimos el tamaño del flash, el fondo, su velocidad… y cuando seleccionamos una imagen, su tamaño, su tipo, su posición…

Finalmente, la zona 4 (no, no estoy chocheando, se k no hay Zona 4), me refiero a con ella a la zona central, donde se ve al mazinger, el fondo ese azul-sagredeangel tan mono y esos botones tan molones que se están moviendo. Ahí es donde vamos a trabar… y dado que tenemos tanto trabajo por delante… vamos al tajo.