Cómo crear un botón en Flash CS3

Hola, no cabe duda que la semana pasó en un abrir y cerrar de ojos, siento como si hubiera sido ayer la última vez que posteé XD

Pero bueno, este fin, y siguiendo con lo de Flash, les traigo un tutorial para hacer botones de lo más fácil y sencillo… ya saben, no me gusta complicarme la vida más de lo necesario XD

Me hubiese gustado poder hacer los tutoriales como solía hacer en su tiempo los de vegas, con videos, pero lamentablemente mi micrófono ya no vive, y es que eso de escribirlo es más laborioso, pero ni modos, en cuanto tenga un poco de dinero comprare un nuevo mic, ya lo tengo decidido.

Bien, empecemos:

1.- Abrimos un nuevo archivo de Flash(Action Script 2.0)

2.- Damos un click en el fotograma 1 y enseguida nos aparece en nuestra barra de propiedades, la posibilidad de nombrar una etiqueta, entonces le ponemos el nombre de Inicio. Tan pronto como damos Enter, vemos que aparece una especie de banderita en el fotograma 1.

3.- Repetimos el paso anterior dando F6 en el fotograma 30 y etiquetamos con el nombre de Opción 1; y hacemos lo mismo en el fotograma 60, pero con el nombre de Opción 2.

Nota: Si nuestro botón requiere de más opciones, se pueden etiquetar tantas veces como se necesite.

4.- Enseguida apretamos Ctrl + F8 (para Windows) o Manzanita + F8 (para Mac) para poder crear nuestro botón. Al hacer esto, vemos que se nos abre la ventana para crear un Nuevo símbolo, al cual llamaremos Botón, y en donde dice Tipo, escogemos Botón también.

5.- Una nueva línea de tiempo se abre, y como podemos ver, trae algunas opciones que me detendré a explicar brevemente.

• Up (Reposo): es cuando el mouse no está colocado sobre nuestro botón o no se ha hecho click sobre él.
• Over (Sobre): es cuando el mouse está colocado sobre el botón, pero aún no se ha hecho click sobre él.
• Down (Presionado): lógicamente, es cuando haces click sobre el botón.
  Hit (Zona Activa): su mismo nombre lo indica, es cuando el botón está activo.

Una vez explicado esto, es lógico saber que los cambios que apliquemos en cada uno de estos, se reflejarán en nuestro botón en reposo, así como cuando pasemos el mouse encima de él y lo presionemos. En este caso, sólo nos vamos a enfocar en las tres primeras opciones.

6.- Para empezar, hacemos nuestro botón en la primera casilla, es decir la de Up. En mi caso, haré un botón súper sencillo y redondo. Ustedes pueden jugar con las formas y colores.

7.- Damos F6 en Over, y para que se noten más los cambios, lo único que haré es modificarle el relleno a mi botón, y lo mismo hacemos en Down. Ya saben, no me gusta complicarme XD

8.- Una vez que hayamos hecho todo lo anterior, nos vamos a Escena 1 y creamos una nueva capa con el nombre de Acciones. Y tan pronto tengamos nuestra capa, oprimimos F9 en caso de Windows, ó bien, Alt + F9 en caso de Mac. Como podemos ver, se abre una nueva ventana, la de Acciones.

9.- En el cuadro blanco que nos aparece, introduciremos el siguiente código: stop();       y cerramos la ventana.

P.d. Todo se escribe junto para que el comando tenga resultado. Si en todo caso, no pueden escribir, sólo basta con que desactiven la opción Scrip Assit.

10.- Ahora lo único que resta por hacer, es crear una nueva Capa con el nombre de Botón, y arrastrar a ella desde la Librería o Biblioteca, nuestro Botón que creamos. Recuerden que sólo es cuestión de arrastar y soltar.

11.- Para checar que nuestro botón esté funcionando bien, sólo basta con dar Ctrl + Enter, o Manzanita + Enter, y posicionar nuestro mouse sobre el botón e incluso presionarlo, y verán que cambia de color.

Aquí les dejo una pequeña muestra del mío, sólo que le agregué mi nombre XD. Si siguieron todos los pasos, todo irá como viento en popa.

Hasta la próxima.