¿Qué
es un Botón?
Los símbolos de tipo Botón son los que aportan la mayor
parte de la interactividad de las películas Flash con aquel que la está
visualizando. Un botón, en Flash, es igual que cualquier botón de cualquier
entorno informático, sea web o cualquier otro.
Son elementos que se prestan a que el usuario los presione,
desencadenando al hacerlo una serie de acciones. También es habitual ver como
este tipo de elementos reaccionan cuando se les pasa el ratón por encima o
cuando se les está pulsando, por ejemplo.
Pues bien, para conseguir los efectos interactivos que acabamos
de mencionar en otros lenguajes orientados a la web, que es el caso que nos
ocupa, debemos crear programas relativamente grandes. Esto es un inconveniente
bastante grande ya que el uso de los botones es una práctica muy habitual en el
diseño en Internet. Sin embargo, en Flash no ocurre así. Su interfaz está
diseñada de manera especial para la creación de botones, lo que nos permite crear
todos estos efectos de una manera muy sencilla.
Al igual que los otros símbolos de Flash 8, los botones tienen
su propia línea de tiempos. Esta es independiente pero, sin embargo, está
formada únicamente por cuatro fotogramas, uno para cada estado posible del
botón.
Reposo. Aspecto por defecto del botón, es decir, cuando el
puntero del ratón no está situado sobre él.
Sobre. Aspecto del botón cuando situamos el puntero sobre
él.
Presionado. Apariencia que deseamos tenga nuestro botón mientras lo
mantengamos pulsado.
Zona activa. Aquí debemos indicar el área real en la que queremos que
actúe nuestro botón. Esto es importante sobre todo en botones compuestos sólo
por texto como veremos más adelante.
Parece que la limitación de fotogramas podría implicar una
limitación en la capacidad de espectacularidad y utilidad de estos símbolos,
pero no es así.
Los botones pueden contener a su vez otros símbolos, como clips
o gráficos (también de tipo Bitmap). La unión de las posibilidades de todos los
símbolos dota a los botones de gran espectacularidad.
Todo esto es lo referente a la apariencia del
botón. Después, tenemos que programar lo que queremos que haga el botón, cómo
queremos que afecte a la película. Y esto lo haremos con ActionScript.
Creación de un botón
En la creación de un botón podemos considerar dos fases. En la primera vamos
a convertir nuestro objeto a símbolo de tipo botón y posteriormente veremos
cómo completarlo internamente, lo que nos ayudará a entender mejor dicha
estructura.
Comenzamos creando el objeto que representará el
aspecto por defecto de nuestro botón con las herramientas que nos ofrece
Flash CS5. Recuerda que puedes usar varias capas.
Seleccionaremos el objeto y accederemos al menú Insertar
→ Convertir en Símbolo, le daremos el Tipo Botón y asignaremos un
nombre a nuestro nuevo símbolo.
De esta forma ya tenemos transformado el objeto para que se comporte como un botón. Ahora lo completaremos internamente.
Para determinar cómo debe reaccionar el botón en función de las
acciones del ratón, lo editaremos haciendo clic con el botón derecho
del ratón sobre nuestro nuevo botón y seleccionando la opción Editar.
Cuando tengamos delante la línea de tiempo del botón (observa que
tiene el aspecto que hemos mostrado anteriormente), seleccionaremos
cada uno de los frames (sobre, reposo, presionado y zona activa) y
pulsaremos F6 para crear un fotograma clave en cada uno de ellos.
Ahora ya podemos modificar el aspecto inicial del botón para cada
posición del cursor y marcar el área de acción del botón (fotograma
Hit) en la que simplemente podremos dejar la misma figura que la
inicial (en este caso sólo es importante la forma del objeto, no los
colores u otras cosas) o bien dibujar con las herramientas de dibujos
de Flash una nueva figura, en cuya superficie "se sentirá aludido"
nuestro botón.
Éste es un botón muy básico, pero como veremos se pueden complicar
mucho. Para empezar nos servirá con éste. Observa como cambian los
estados de reposo (rojo pálido), sobre (rojo) y pulsado (azul).
Si una vez creado el botón queremos observar sus distintos estados y
todavía no hemos terminado la película entera y por tanto no deseamos
tener que reproducirla toda podemos hacerlo a través del menú Control → Habilitar botones simples. Así podremos interactuar con el botón hasta que desactivemos esta opción.
Formas en los botones
Los botones son símbolos que pueden tener multitud de formas. Si bien lo más habitual es ver botones rectangulares, cuadrados y circulares, cuya creación es inmediata como vimos en el punto anterior, también hay otros muchos tipos de botones que, pese a ser menos utilizados, es muy habitual verlos en multitud de páginas web.
Entre estos están los creados mediante formas poligonales, aquellos
que están formados por texto únicamente, dibujos con diferentes
motivos, etc. Es interesante su uso para dar más vistosidad ya que
algunos resultan más expresivos, y en esto Flash nos ayuda mucho, debido
a la relativa sencillez de creación de botones que sus herramientas de
dibujo nos ofrece.
Hay varias formas de botón también muy extendidas, como el botón
con relieve sencillo o los botones en forma de píldora.
