Este documento describe los pasos para crear un menú desplegable en Adobe Animate. Primero, se importan dos imágenes para usar como botones seleccionado y no seleccionado. Luego, se crea un símbolo de botón y se agrega una acción para que cambie de imagen al pasar el mouse. Se agregan botones a una capa y texto explicativo a otras capas. Finalmente, se agrega código para abrir y cerrar el menú al hacer rollover en el botón principal.
1. Laliz &Alize M’
Practica 16
Como primer paso importaremos 2 imágenes desde biblioteca…en la opción archivo
importar--- importar biblioteca. Dos imágenes que utilizaremos para los botones. Se
llamaran botón seleccionado y botón sin seleccionar.
Después arrastraras el botón sin seleccionar al escenario y lo convertiremos a símbolo
“botón” Bt.
Ya que esta hecho insertaremos fotograma clave F6…y se suprime presiona Ctrl + Enter
y veras que el botón cambia de color cada que pasas el mouse por encima.Este sin texto
2. Laliz &Alize M’
Agregamos un clip de película llamado Boton_mc.
Ya que creamos los 5 botones vamos hacer una capa y le
pondremos el nombre menú.
Hacemos el número de capas de las columnas que deseamos que se desplieguen y nos
colocamos en todas en el 20 fotograma clave. y en cada capa escribimos el texto que
queremos que diga.
Creamos otra capa y la llamaremos acciones.
En la capa botones que ya creamos en acciones
escribimos el código open después bloquearemos
todas la capas excepto en la que estamos
trabajando ósea botones.
Seleccionamos la capa botones en el fotograma 1
nos vamos acciones y escribimos el código: 1 On
(rollOver){gotoAndStop (“open”); 3}
3. Laliz &Alize M’
Vamos a crear otra capa que se llame cerrar
botones. La hacemos botón y desde reposo hasta
zona activa lo arrastramos al último fotograma.
En la misma capa en el ultimo fotograma insertaremos este código..
Ahora lo duplicaremos de manera que rodee el texto de el menú desplegable
presionaremos Ctrl + Enter y tendrá que quedar así.