Tutorial Flash: Creando un boton Flash.

Donmuerte

C?mo hacer botones en Flash

Flash, nos permite crear botones personalizados, de manera muy r?pida; a la vez nos ayuda a darle mas vida a nuestras p?ginas web; en pocas palabras, nos ayuda a hacer m?s atractivo nuestro sitio y l?gicamente eso es lo que queremos para aumentar el n?mero de visitas a nuestro website.

Por medio de lenguajes de programaci?n (por ejemplo Javascript), tambi?n podr?amos crear botones, pero ser?a un poco m?s complicado; adem?s no podr?amos crear exactamente los mismos efectos que podemos hacer con Flash.

Empecemos:

1- Primero crearemos un nuevo s?mbolo, haciendo la siguiente combinaci?n de teclas: CTRL+F8.

Aparecer? el siguiente cuadro:

2- En Nombre (Name), escribe "bot?n 1", en Comportamiento (Behavior) selecciona la opci?n Bot?n (Button), finalmente haz click en Aceptar (OK).

Autom?ticamente, seremos enviado desde la Escena 1 al escenario del s?mbolo "bot?n 1"; ah? es donde crearemos un bot?n que ser? incluido en nuestra biblioteca.

El escenario ?nicamente para la creaci?n de botones, ser? parecido a la siguiente imagen:

Mira hacia la l?nea del tiempo (Timeline), como puedes notarlo es diferente a la l?nea del tiempo de la Escena 1.

La l?nea del tiempo, del escenario para crear botones es parecida a la siguiente imagen:

Expliquemos el gr?fico anterior:

Debemos entender que Reposo, Sobre, Presionado y Zona activa son los cuatro estados de un bot?n. Veamos a continuaci?n, qu? representa cada estado.

Reposo: es cuando el mouse no est? colocado sobre nuestro bot?n o no se ha hecho click sobre ?l.

Sobre: es cuando el mouse est? colocado sobre el bot?n, pero a?n no se ha hecho click sobre ?l.

Presionado: l?gicamente, es cuando haces click sobre el bot?n.

Zona Activa: su mismo nombre lo indica, es cuando el bot?n est? activo.

Continuemos con la creaci?n de nuestro "bot?n 1".

La cabeza lectora, en la l?nea del tiempo tiene que estar se?alando el estado de Reposo.

4- Haz click sobre la Herramienta de Rect?ngulo (Rectangle Tool), que se encuentra en el Panel de Herramientas.

5- Dibuja un rect?ngulo en el centro del ?rea de trabajo, y ponle el color azul.

6- Despu?s presiona la tecla F6; ?sto har? que la cabeza lectora en la l?nea del tiempo pase al estado Sobre.

Como podr?s notarlo, el bot?n se copia, as? que no necesitar?s hacer un nuevo dibujo.

7- A?n estamos en el estado Sobre, si no tienes seleccionado el bot?n, hazlo (con la Herramienta Flecha y haz doble click sobre nuestro dibujo), luego dir?gete a Color de Relleno que se encuentra en la secci?n colores del Panel de Herramientas, y escoge el color rojo, como se muestra a continuaci?n:

8- Despu?s presiona nuevamente la tecla F6, para que la cabeza lectora pase al estado Presionado, y cambia el color de relleno de la misma forma que lo hicimos en el paso 7; y escoge un color verde. Finalmente presiona por ultima vez F6 para pasar al estado Zona activa, ?sto har? que se copie el bot?n. Para este ?ltimo estado, no es realmente necesario cambiar el color de fondo.

Con los colores que hemos aplicado, haremos que el bot?n cambie de color, cuando se lleven a cabo los Estados de los botones anteriormente descritos.

Nuestro bot?n ha sido creado, as? que puedes volver a la Escena 1, abre la biblioteca y ver?s que ah? esta el s?mbolo llamado "bot?n 1", podr?s arrastrarlo al escenario las veces que quieras para hacer varias copias de ?l.

Toma la Herramienta de Texto (A), y escribe lo que desees, despu?s coloca el texto sobre el bot?n creado; para probar la pel?cula haz la tradicional combinaci?n de teclas CTRL + Enter. Si despu?s quieres ver la pel?cula en tu explorador de internet, ?nicamente presiona las teclas CTRL + F12.

Podemos ver un ejemplo del bot?n creado siguiendo estos pasos.

Donmuerte · Publicado: Dom Jun 27, 2004 6:39 pm **Asunto**:

bien, en este corto tutorial hemos visto como se crea un boton basico con flash, en un principio no tiene funcionalidad, pero al menos ya sabemos como se crea un boton con el programa. Mas adelante le daremos la opcion de vincularlo con alguna direccion.

kc · Publicado: Mar Jun 29, 2004 11:52 pm **Asunto**:

Juas, ya tengo mi primer boton flash

, no a estado mal mi primer contacto con el programa, gracias don muerte, te has salido!!!

Donmuerte · Publicado: Mie Jun 30, 2004 8:28 am **Asunto**:

Me alegro un monton KC, en poco tiempo espero, ire poniendo mas cosillas e incluso le daremos vida esos botones o por los menos eso espero por que como he dicho no ando muy bien de tiempo, enga un saludo

Seal_Bcn · Publicado: Mie Jun 30, 2004 9:06 am **Asunto**:

Muy bien detallado, si se?or Donmuerte

El manual es en realidad un buen ejercicio practico, directo y simple de aprendizaje

Al igual que ha hecho kc

Esperamos vuestros comentarios, dudas y problemas con esta primera incursion guiada por FLASH

Que como podreis comprobar... NO es tan complicado en muchos sentidos y aspectos como creiais en un principio apa?eros

Gracias Donmuerte

y saludos