Este documento describe cómo crear un botón con efectos de color en Flash. Primero, se importa una imagen y se convierte en un símbolo de botón. Luego, se agregan fotogramas "Up", "Over", "Down" y "Hit" y se convierten en gráficos. Después, se cambian los colores y tonos de la imagen en los diferentes estados usando las opciones "Brightness" y "Tint" en Propiedades. Finalmente, se prueba el botón interactuando con el mouse.

1. Susana Guadalupe Vázquez Hernández
Práctica 18
*Bitmaps y Botones*
Después de abrir flash, importaremos una imagen dando clic en File > Import > Import to
Library.
Se abrirá una ventana donde podrás escoger la imagen deseada al finalizar das clic en
aceptar. Apareciendo la imagen finalmente así en el escenario
GAEM 3°C

2. Susana Guadalupe Vázquez Hernández
Después seleccionaras la imagen con la herramienta “selección” y la convertirás “botón”
llendo a Insert > Convertir a símbolo > Asignas un nombre > escoges en Tipo: Botón >
Aceptar.
Finalizado lo anterior damos doble clic sobre la imagen e insertamos fotogramas en “Up,
Over, Down y Hit” oprimiendo F6.
Quedando finalmente asi:
Ahora nos posicionaremos en el fotograma “Up” y lo convertiremos a “Gráfico” como se
muestra enseguida. Así haremos con cada uno de los 3 fotogramas restantes.
GAEM 3°C

3. Susana Guadalupe Vázquez Hernández
En la biblioteca quedará de la siguiente manera.
Ahora daremos clic en el fotograma “Up”, seleccionamos la imagen y después iremos a
“Propiedades” y en la opción “Color” cambiamos a “Brightness” y el porcentaje lo
cambiamos, por ejemplo a 4O%.
Después daremos clic en “Down”, seleccionamos la imagen, vamos a “Propiedades” y
en “Color” cambiamos a la opción “Tint”.
GAEM 3°C

4. Susana Guadalupe Vázquez Hernández
Después seleccionamos un color, este color se pondrá cuando demos un clic sobre la
imagen, por ejemplo escogeremos morado como se muestra en seguida.
Cambiamos también el porcentaje esto espara como quieras que se vea el tono del
color como nosotros lo pondremos al transparente podremos escoger un porcentaje de
entre 45% y 5O%
Ahora solo iremos a Control > Test Movie y así podremos ver cómo puede quedar nuestra
imagen cuando pasemos el mouse y demos clic.
GAEM 3°C

5. Susana Guadalupe Vázquez Hernández
Imagen en forma normal:
Mouse sobre la imagen:
Dando clic con el mouse sobre la imagen:
GAEM 3°C