Flash proporciona la capacidad de crear , efectos interactivos visualmente atractivas dentro de sitios web. Utilización de Flash , puede agregar un nivel de interacción con las imágenes de sitios web. Con un poco de código ActionScript , puede declarar comportamientos diferentes cuando el usuario interactúa con una foto del sitio web , incluyendo el traslado de su ratón en y fuera de él , presionando y soltando el botón del ratón sobre él . Una de las razones que Flash es tan ampliamente utilizado es que hace que la creación de este tipo de elementos interactivos fácil, incluso para personas con experiencia de codificación poco o nada . Instrucciones
1
Crear un nuevo documento en Flash seleccionando " Archivo", luego "Nuevo " y luego seleccionar " Documento de Flash " en la lista . El documento se abrirá y mostrará el área del escenario blanco en el centro . Puede utilizar las herramientas de dibujo de la izquierda para sacar una foto, pero si usted ya tiene un archivo de imagen , como una fotografía que desea utilizar, puede importarlo en el documento de Flash . Seleccione " Archivo", luego "Importar " y luego " Importar a escenario " y busque el archivo de imagen seleccionado. La imagen aparecerá en el área del escenario .
2
Convierte tu imagen en un símbolo de lo que puede añadir efectos interactivos a ella. Seleccione la imagen en el escenario haciendo clic en él . Pulse el botón " F8" para convertirlo en un símbolo o seleccione " Modificar" y luego " Convertir en símbolo. " Seleccione el botón de opción " Movie Clip " y darle a su símbolo un nombre y haga clic en el botón " OK" . Con el símbolo seleccionado en el escenario , abra el panel "Propiedades" haciendo clic en él en la parte inferior de la pantalla. En el campo " Nombre de instancia " cuadro de texto , escriba " myObject_mc " o cualquier nombre que usted prefiera.
3
Agregar otro elemento visual a un documento de Flash . Para fines de demostración , añadir un poco de texto. Inserte una nueva capa en el documento pulsando el botón " Nueva capa " junto a la línea de tiempo en la parte superior de la pantalla. Bloquee la otra capa con el botón de candado en la línea de tiempo , seleccione la capa nueva , asegurándose de que se desbloquee . Introduzca algún texto en esta nueva capa haciendo clic en la herramienta de texto en el panel de la izquierda , a continuación, hacer clic en el área del escenario y escribir algún texto. Convertir el texto a un símbolo de clip de película usando la misma técnica que utilizó para la imagen, pero la elección de un nombre diferente. En el panel Propiedades , dé el símbolo de texto el nombre de instancia " text_mc . "
4
Añadir interactividad a su archivo de Flash . Crear otra nueva capa en el documento. Abra el panel Acciones para la nueva capa haciendo clic para seleccionar en el área de línea de tiempo, a continuación, seleccione "Window ", luego " Acciones ", o pulse "F9 ". El panel Acciones aparecerá para que pueda introducir el código . Haga clic en el área blanca de la entrada de texto e introduzca la siguiente , cambiando " myObject_mc " si elige un nombre diferente :
text_mc.visible = false;
función
picClicked (event: MouseEvent ) : void
{ text_mc.visible = true ;}
myObject_mc.addEventListener ( MouseEvent.CLICK , picClicked ) ;
5
Guardar el archivo con un nombre de su elección, como " interactivepic.fla . " Exportar y probar su película Flash seleccionando "Control ", luego " Probar película . " Su película se abrirá en una ventana separada . Pruebe la funcionalidad haciendo clic en el cuadro y la comprobación de que el texto aparece cuando lo hagas. Este es un ejemplo simple para demostrar el principio de tener una imagen interactiva en Flash, pero usted puede agregar muchos efectos diferentes para adaptarse a sus propios proyectos.