1. LOS BOTONES
DISEÑO DIGITAL 4- FLASH

2. E S T RU C T U R A Y C R E AC I Ó N D E
LOS BOTONES
 Un botón es e realidad un pequeño clip de película interactivo que
tiene únicamente cuatro fotogramas. Cuando se entra en la pantalla
edición de botones, la línea de tiempo muestra cuatro fotogramas
denominados: Repaso, sobre, presionado y zona activa aunque, como
puede ver, dichos no aparecen enteros.

3. FOTOGRAMA REPOSO
 Debe contener el aspecto gráfico del botón cuando no está
pulsado ni tiene el cursor del ratón encima.
Fotograma Sobre
 Debe contener el aspecto gráfico del botón cuando el
cursor del ratón está encima de él.

4. FOTOGRAMA PRESIONADO
 Debe contener el aspecto gráfico del botón cuando se hace clic
sobre él ratón con el ratón.
Fotograma Zona Activa
 Es en donde se define la zona activa del botón, es decir, la zona
que será sensible a los clic del ratón o al paso de éste por encima.

5.  Como se ha dicho, un botón es un pequeño clic de película y en,
consecuencia, puede tener más de una capa e, incluso sus fotogramas
pueden albergar otros clip con objeto de que el botón responda con
animaciones cuando se pase el ratón o se haga clic sobre él.
 Para crear un botón hay que seleccionar la opción Insertar- Nuevo
símbolo y en la ventana que se abrirá activar la casilla Botón y
asignarle un nombre.

7.  Tras eso se abrirá la ventana de edición de botones mostrando una
superficie de trabajo con los cuatros fotogramas mencionados.
 Al igual que en cualquier clip, aparece, seleccionado por defecto el primer
fotograma que, como hemos visto, corresponde al aspecto del botón en
reposo y cuando el ratón está fuera de su área activa. Así pues, con ese
fotograma seleccionado deberemos dibujar el aspecto del botón que deseemos.
Puede utilizar las herramientas de dibujos de Flash o importar imágenes
vectoriales o bitmaps.. Cualquier dibujo es útil para crear los estados de un
botón.

8.  Si crea los botones de gráficos realizados con las herramientas de Flash,
por ejemplo, círculos, rectángulos, etc, es recomendable convertirlos
previamente en símbolos; de ese modo cuando deba centrarlos en la pantalla
mostrarán una crucecita que podrá ser fácilmente alineada con la que aparece
en el centro de la ventana de edición de botones. Igualmente, cuando desee
escalar un gráfico para simular por ejemplo, el aumento de tamaño del botón al
hacer clic sobré el, le hecho de ser un símbolo le permitirá realizar un escalado
simétrico, es decir, podrá escalar el botón sin perder la posición del centro.

9. LOS BOTONES EN LA
ESCENA
 Todos los botones que se creen quedarán automáticamente depositados en
la biblioteca del documento y precedidos del icono. Para llevarlos a la escena
deberá abrir la biblioteca y arrastrarlos hasta el lugar que desee.
 Puede llevar a la escena tantas instancias del botón como desee y situarlas
en donde quiera.
 Igualmente puede escalar y rotar cada instancia del botón de forma
individual para adaptar su tamaño y orientación a las necesidades de la película.

10.  Una vez estén los botones en la escena, se podrán seleccionar
individualmente y asignarle a cada uno las acciones que desee.
 Los botones no muestran sus diferentes estados durante la edición de
una película, es decir, no se ven afectado por las acciones del ratón. No
obstante, si desea verlo desde el editor, no se ven afectados por las
acciones del ratón. No obstante, si desea verlo desde el edito de películas
sin tener que publicarla, active la opción Control- Habilitar botones
simples.

11. C R E AC I Ó N D E U N B O T Ó N
ESTÁTICO
 El botón más sencillo que se puede crear es aquél que no se
mueve. Incluso se puede hacer que ni siquiera cambie de color, pero
entonces no podríamos saber si hemos pulsado bien o no.

12. CREACIÓN DE UN BOTÓN
ANIMADO
 Un botón animado esa aquél que posee animación en uno o más
de sus estados. Podemos crear un botón en el que la animación
aparezca únicamente cuando, por ejemplo se hace clic sobre él, pero
también se puede hacer que aparezca cuando se sitúa el cursor sobre
él, incluso podemos hacer que un botón este animado cuando está en
reposo. La técnica para crear botones animados es exactamente la
misma para crear botones normales.

13. LOS EVENTOS DEL RATÓN
Y EL TECLADO
 Es posible que deseemos que las acciones programadas en un
botón se ejecuten cuando hagamos clic sobre él, pero también puede
ser que nos interese que sea cuando justamente se deje de hacer clic, o
bien cuando se pasee la flecha del cursor sobre el botón la flecha salga
de dentro a fuera del botón.
 Igualmente es posible controlar el botón mediante teclas del
teclado tales como las teclas de cursor, la barra de espacio.

14.  El procedimiento para incorporar los eventos a un botón es el siguiente:
 Seleccione el botón
 En el panel de Acciones abra el subgrupo Funciones Globales/Control de
clip de película y haga clic en la acción on.
 Si está en modo asistente aparecerán los parámetros correspondientes
mientras que, si está en modo sin asistente, aparecerá una lista con las
sugerencias de código que puede aplicar a esta acción. Selecciones el evento
deseado.

16.  Presionar (press): genera la expresión on (press) y ejecuta la acción
en el momento descendente del clic sobre el botón.
 Liberar (release): genera la expresión on (release ) y ejecuta la
acción en el momento ascendente del clic sobre el botón, es decir al
soltar el dedo. Sin antes de soltar el dedo aleja el cursor del ratón del
área activa del botón, no se producirá ningún efecto.

17.  Liberar afuera (releaseOutside): genera al expresión
on(releaseOutside) y ejecuta la acción cuando el usuario hace clic
dentro del área del botón, mantiene el ratón pulsado, mueve el cursor
fuera del área actica del botón y finalmente libera el botón del ratón.
 Situar sobre objeto (rollOver): genera la expresión on (rollOver) y
ejecuta la acción cuando el puntero del ratón se encuentre aobre el
área activa del botón.

18. BOTONES DE VARIAS
CAPAS
 Un botón no puede tener más de cuatro fotogramas, pero no hay
nada que impida que un botón tengas varias capas. Efectivamente,
usted puede añadir las capas que desee para dotar al botón de las
características que le interesen, es decir, gráficos, animaciones, etc,