¿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 cómo este tipo
de elementos reaccionan cuando se les pasa el ratón por encima o cuando
están pulsados.
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
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 CS4, los botones tienen su propia línea de tiempo. 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 pueden dotar a los botones de efectos asombrosos.
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 CS4.
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.
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. Puesto que existen
muchas formas de conseguir estos
efectos, a continuación tienes un ejercicio paso a paso que muestra una forma de conseguir el relieve en un botón rectangular.
