\n| Estados Reposo, Sobre, Presionado y Zona activa de un bot\u00f3n<\/p>\n <\/p>\n Usar un bot\u00f3n de una Biblioteca com\u00fan<\/h1>\n\n\n\n| 1<\/span><\/b><\/td>\n | <\/td>\n | Selecciona Ventana > Otros paneles > Bibliotecas Comunes > Curso<\/b><\/td>\n<\/tr>\n\n| 2<\/span><\/b><\/td>\n | <\/td>\n | En la ventana Biblioteca-Curso<\/b> realiza doble clic sobre la carpeta Botones<\/b> para abrirla.<\/td>\n<\/tr>\n\n| 3<\/span><\/b><\/td>\n | <\/td>\n | Pincha y arrastra al escenario el bot\u00f3n\u00a0 ejemplo bot\u00f3n<\/b>.<\/td>\n<\/tr>\n\n| 4<\/span><\/b><\/td>\n | <\/td>\n | Control > Probar pel\u00edcula<\/b> \u00a0 para estudiar su comportamiento. Cierra la ventana de reproducci\u00f3n para regresar al dise\u00f1o.<\/td>\n<\/tr>\n\n| 5<\/span><\/b><\/td>\n | <\/td>\n | Para editarlo y ver su estructura haz clic derecho sobre su instancia y selecciona Editar en contexto<\/b> . Flash cambia al modo edici\u00f3n de s\u00edmbolos<\/b>. La cabecera de la L\u00ednea de Tiempo cambia para mostrar los cuatro fotogramas consecutivos.<\/td>\n<\/tr>\n\n| 6<\/span><\/b><\/td>\n | <\/td>\n | Al hacer clic sobre el encabezado de cada fotograma se visualiza en el escenario el aspecto del bot\u00f3n en cada estado.<\/td>\n<\/tr>\n | \n| 7<\/span><\/b><\/td>\n | <\/td>\n | Para abandonar el modo edici\u00f3n de s\u00edmbolo hacer clic sobre el nombre de la escena (Escena 1) en la parte inferior de la L\u00ednea de Tiempo.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n| <\/td>\n<\/tr>\n | \n![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0902.jpg\") <\/td>\n<\/tr>\n | \n| Edici\u00f3n de ejemplo bot\u00f3n<\/p>\n <\/p>\n Crear un bot\u00f3n<\/h1>\n\n\n\n| 1<\/b><\/span><\/td>\n | <\/td>\n | Selecciona Insertar > Nuevo s\u00edmbolo<\/b>.<\/td>\n<\/tr>\n\n| 2<\/b><\/span><\/td>\n | <\/td>\n | En el cuadro de di\u00e1logo Crear un nuevo s\u00edmbolo<\/b>, escribe un nombre para el s\u00edmbolo , por ejemplo, bot\u00f3n y como comportamiento elige Bot\u00f3n<\/b>. Clic en Aceptar<\/b>.<\/p>\n\n\n\n| \n ![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0903.jpg\") <\/p>\n<\/td>\n<\/tr>\n
| \n| \n Introduce nombre y comportamiento para crear un bot\u00f3n<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n | \n| 3<\/b><\/span><\/td>\n | <\/td>\n | Flash cambia al modo de edici\u00f3n de s\u00edmbolos<\/b>. La cabecera de la L\u00ednea de tiempo cambia para mostrar cuatro fotogramas consecutivos denominados: Reposo, Sobre, Presionado <\/b>y Zona Activa<\/b>. El primer fotograma, Reposo<\/b>, es un fotograma clave vac\u00edo.<\/td>\n<\/tr>\n\n| 4<\/b><\/span><\/td>\n | <\/td>\n | Para crear la imagen del bot\u00f3n del estado Reposo<\/b>, activa la herramienta de dibujo Rect\u00e1ngulo (R).<\/b> Selecciona el color azul como relleno y como trazo. Activa el modificador Radio del rect\u00e1ngulo redondeado<\/b> e introduce 30 como valor del radio. Clic en el bot\u00f3n Aceptar<\/b>.<\/td>\n<\/tr>\n\n| 5<\/b><\/span><\/td>\n | <\/td>\n | Pincha y arrastra para dibujar el rect\u00e1ngulo de esquinas redondeadas que formar\u00e1 el bot\u00f3n en su estado de Reposo<\/b>.<\/td>\n<\/tr>\n\n| 6<\/b><\/span><\/td>\n | <\/td>\n | Selecciona la herramienta Flecha<\/b>. Doble clic sobre el rect\u00e1ngulo para seleccionarlo. Abre el panel Ventana > Paneles de dise\u00f1o > Informaci\u00f3n<\/b>. Para situar el objeto en el centro, clic en el selector centro de la parrilla que se muestra en el panel Informaci\u00f3n<\/b> e introduce los valores 0 en las casillas X <\/b>e Y<\/b>. Para darle un tama\u00f1o adecuado, introducir los valores 160 y 40 en anchura (An<\/b>) y altura (Al<\/b>) respectivamente. No olvides pulsar <enter><\/b> para concluir. Clic en cualquier parte del escenario para deseleccionar.<\/p>\n\n\n\n| \n ![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0904.jpg\") <\/p>\n<\/td>\n<\/tr>\n
| \n| \n \u00a0Introduce X e Y para situar con precisi\u00f3n el objeto<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n | \n| 7<\/b><\/span><\/td>\n | <\/td>\n | Selecciona la herramienta Texto (T).<\/b> Sobre el Inspector de Propiedades<\/b> define previamente como tipo de fuente: Arial, tama\u00f1o: 24 puntos y color del texto: blanco. Activa el bot\u00f3n B<\/b> de las negritas. Clic en el escenario encima del bot\u00f3n y escribe \"Reposo\".<\/td>\n<\/tr>\n\n| 8<\/b><\/span><\/td>\n | <\/td>\n | Selecciona la herramienta Flecha.<\/b> Clic sobre el cuadro de texto. En el Inspector de propiedades<\/b> introducir los valores 0 en las casillas X <\/b>e Y<\/b> para centrar este texto en relaci\u00f3n con el rect\u00e1ngulo. Pulsa la tecla <enter><\/b> para concluir.<\/p>\n\n\n\n| \n ![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0905.jpg\") <\/p>\n<\/td>\n<\/tr>\n
| \n| \n Dise\u00f1o del estado Reposo del bot\u00f3n<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n | \n| 9<\/b><\/span><\/td>\n | <\/td>\n | Clic en el segundo fotograma, Sobre<\/b>, y elige Insertar > L\u00ednea de tiempo > Fotograma clave.<\/b> Flash inserta un fotograma clave que duplica el contenido del fotograma Reposo<\/b>.<\/td>\n<\/tr>\n\n| 10<\/b><\/span><\/td>\n | <\/td>\n | Modifica la imagen del bot\u00f3n para el estado Sobre<\/b>. Doble clic sobre el cuadro de texto para escribir Sobre<\/b>. Activa de nuevo la herramienta Flecha<\/b>. En el Inspector de Propiedades<\/b> introduce 0 para los valores de X <\/b>e Y<\/b>. Pulsa <enter><\/b> para que Flash asuma el valor tecleado en la casilla. De esta forma el cuadro de texto se centrar\u00e1 sobre el\u00a0 fondo.<\/td>\n<\/tr>\n\n| 11<\/b><\/span><\/td>\n | <\/td>\n | En el estado Sobre<\/b> tambi\u00e9n se puede cambiar el color del contorno del bot\u00f3n. Selecciona la herramienta Flecha<\/b> y pincha en cualquier parte del escenario para deseleccionar el cuadro de texto.<\/td>\n<\/tr>\n\n| 12<\/b><\/span><\/td>\n | <\/td>\n | Selecciona la herramienta Bote de Tinta<\/b> y el color negro como color de trazo. En el Inspector de propiedades<\/b> selecciona un ancho de 3 pixeles para el trazo. Clic sobre el contorno del bot\u00f3n situado en el escenario en el fotograma Sobre<\/b>.<\/p>\n\n\n\n| \n ![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0906.jpg\") <\/p>\n<\/td>\n<\/tr>\n
| \n| \n Dise\u00f1o del estado Sobre del bot\u00f3n<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n | \n| 13<\/b><\/span><\/td>\n | <\/td>\n | Clic en el tercer fotograma, Presionado<\/b>, y elige Insertar > L\u00ednea de tiempo > Fotograma clave<\/b>. Flash inserta un fotograma clave que duplica el contenido del fotograma Sobre<\/b>.<\/td>\n<\/tr>\n\n| 14<\/b><\/span><\/td>\n | <\/td>\n | En este nuevo fotograma el bot\u00f3n aparecer\u00e1 seleccionado. Clic fuera para deseleccionar y pulsa sobre el relleno solamente.\u00a0 A continuaci\u00f3n cambia el color de relleno en el Cuadro de Relleno<\/b> del cuadro de herramientas seleccionando un color azul claro.<\/td>\n<\/tr>\n\n| 15<\/b><\/span><\/td>\n | <\/td>\n | Activa la herramienta Flecha<\/b> y haz doble clic sobre el texto para teclear Press<\/b>. Vuelve a escoger la herramienta Flecha<\/b> y sobre el\u00a0 Inspector de Propiedades<\/b> se puede definir el color negro como color del texto. Centra el cuadro de texto introduciendo 0 como valores X <\/b>e Y<\/b>.<\/p>\n\n\n\n| \n ![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0907.jpg\") <\/p>\n<\/td>\n<\/tr>\n
| \n| \n Dise\u00f1o del estado Press del bot\u00f3n<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n | \n| 16<\/b><\/span><\/td>\n | <\/td>\n | Clic en el cuarto fotograma, Zona Activa<\/b>, y elegir Insertar > L\u00ednea de tiempo > Fotograma clave<\/b>. Flash inserta un fotograma clave que duplica el contenido del fotograma Presionado<\/b>.<\/td>\n<\/tr>\n\n| 17<\/b><\/span><\/td>\n | <\/td>\n | Con la herramienta Flecha<\/b> activada, haz clic en cualquier parte del escenario para deseleccionar. A continuaci\u00f3n haz clic s\u00f3lo sobre el cuadro de texto en el fotograma Zona activa<\/b>. Pulsa la tecla <Supr><\/b> para eliminarlo. Clic sobre el relleno y cambia el color a negro en la Caja de Herramientas<\/b> o el Inspector de Propiedades<\/b>. De esta forma la Zona activa es un rect\u00e1ngulo de esquinas redondeadas del mismo tama\u00f1o que el resto de estados del bot\u00f3n.<\/td>\n<\/tr>\n\n| 18<\/b><\/span><\/td>\n | <\/td>\n | El fotograma Zona Activa<\/b> no est\u00e1 visible en el Escenario, pero define el \u00e1rea del bot\u00f3n que responde al rat\u00f3n. Aseg\u00farate de que la imagen del fotograma Zona Activa<\/b> es una \u00e1rea s\u00f3lida lo bastante grande para abarcar todos los elementos gr\u00e1ficos de los fotogramas Reposo, Sobre <\/b>y Presionado<\/b>. Tambi\u00e9n puede ser m\u00e1s grande que el bot\u00f3n visible. Si no se especifica un fotograma Zona Activa<\/b>, se utilizar\u00e1 la imagen para el estado Reposo<\/b> como fotograma Zona Activa<\/b>.<\/p>\n\n\n\n| \n ![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0908.jpg\") <\/p>\n<\/td>\n<\/tr>\n
| \n| \n Aspecto de todos los estados del bot\u00f3n<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n | \n| 19<\/b><\/span><\/td>\n | <\/td>\n | Para asignar un sonido a un estado del bot\u00f3n, selecciona el fotograma de dicho estado en la L\u00ednea de tiempo. Por ejemplo el estado Presionado<\/b>. A continuaci\u00f3n abre la Biblioteca com\u00fan Curso <\/b>mediante Ventana > Otros paneles > Bibliotecas comunes > Curso<\/b>. Pincha y arrastra un sonido, por ejemplo, Clic pl\u00e1stico<\/b> desde la carpeta Sonidos hasta el escenario. Clic sobre el fotograma \u201cPresionado<\/b>\u201d. Advierte que en el Inspector de Propiedades<\/b> de este fotograma aparece este sonido en la lista desplegable Sonido<\/b>.\u00a0 Para eliminarlo bastar\u00eda con seleccionar Ninguno <\/b>en esta lista.<\/td>\n<\/tr>\n\n| 20<\/b><\/span><\/td>\n | <\/td>\n | Tras crear el bot\u00f3n, elige Edici\u00f3n > Editar documento<\/b>.<\/td>\n<\/tr>\n\n| 21<\/b><\/span><\/td>\n | <\/td>\n | Arrastra desde la Biblioteca<\/b> del documento actual hasta el escenario el s\u00edmbolo del bot\u00f3n\u00a0 para crear una instancia del s\u00edmbolo en la pel\u00edcula.<\/td>\n<\/tr>\n\n| 22<\/b><\/span><\/td>\n | <\/td>\n | Para probar el bot\u00f3n, Control > Probar pel\u00edcula<\/b>. Para abandonar el test cierra la ventana de reproducci\u00f3n.<\/p>\n <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":" \u00bf Qu\u00e9 es un bot\u00f3n ? Los botones son clips de pel\u00edculas interactivos de 4 fotogramas. Cuando se selecciona el comportamiento bot\u00f3n para un s\u00edmbolo, Flash crea un s\u00edmbolo con una l\u00ednea de Tiempo de 4 fotogramas. Cada fotograma tiene … Sigue leyendo →<\/span><\/a><\/p>\n","protected":false},"author":8769,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/users\/8769"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":8,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/pages\/286\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/vivianaliss\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
![\"\"](\"http:\/\/www.ite.educacion.es\/formacion\/materiales\/34\/cd\/curso\/cap09\/images\/image0901.jpg\")
<\/td>\n<\/tr>\n