SlideShare una empresa de Scribd logo
1 de 4
Susana Guadalupe Vázquez Hernández




                         UNIDAD 4
                          4.1. Crear botones.
Algo que es realmente básico en los entornos flash es la creación y utilización de los
botones para el control de la película, sobre todo si es una presentación o un sitio web.

Crearemos el objeto que representará el aspecto por defecto de nuestro botón con
las herramientas que nos ofrece Flash 8.

Después creamos una animación pequeña o lo que sería nuestro intro o nuestro primer
contenido.

Pasamos ahora a los botones:

Insertar > Nuevo Símbolo > Botón con esto nos manda un entorno de botón y con una
                         línea de tiempo un poco diferente.




Aparece en la barra de tiempo cuatro frames:

                    Reposo, Sobre, Presionado, Zona Activa;




    GAEM 3° C
Susana Guadalupe Vázquez Hernández


Reposo: El estado del botón cuando no está en uso

Sobre: Como se mostrara el botón cuando pase el ratón por el

Presionado: Cuando se presione sobre el

Zona Activa: El área que cubrirá el botón.

  4.2. Programar propiedades de los botones.
Seleccionaremos el objeto y accederemos al menú Insertar → Convertir en Símbolo, le
daremos el comportamiento Botón y asignaremos un nombre a nuestro nuevo símbolo.




De esta forma ya tenemos transformado el objeto para que se comporte como un
botón. Ahora lo completaremos internamente.

Para determinar cómo debe reaccionar el botón en función de las acciones del ratón,
lo editaremos haciendo clic con el botón derecho del ratón sobre nuestro nuevo
botón y seleccionando la opción Editar.

Cuando tengamos delante la línea de tiempos del botón (observa que tiene el
aspecto que hemos mostrado anteriormente), seleccionaremos cada uno de los
frames (sobre, reposo, presionado y zona activa) y pulsaremos F6 para crear un
fotograma clave en cada uno de ellos.




Ahora ya podemos modificar el aspecto inicial del botón para cada posición del
cursor y marcar el área de acción del botón (fotograma Hit) en la que simplemente
podremos dejar la misma figura que la inicial (en este caso sólo es importante la forma



    GAEM 3° C
Susana Guadalupe Vázquez Hernández


del objeto, no los colores u otras cosas) o bien dibujar con las herramientas de dibujos
de Flash una nueva figura, en cuya superficie "se sentirá aludido" nuestro botón.

      4.3. Programar acciones de los botones.
Puesto que existen multitud de acciones que se pueden aplicar tanto a los botones,
como a otros elementos de Flash 8 vamos a comentar dos de las más comunes:

1) Abrir una página web. Con esto conseguiremos abrir una página cualquiera de
internet (o una película Flash), lo que nos servirá para irnos desplazando por webs que
contengan más de una página, o permitir al usuario descargarse archivos entre otras
cosas.

Para añadir una acción a un botón es necesario el uso de ActionScript.

Por lo tanto, los pasos a seguir serán los siguientes:

1.   Selecciona el botón haciendo clic sobre él, pues es a él al que irá asociada la
acción.
2.   Abre el panel Acciones haciendo clic en su pestaña o desde el menú Ventana →
Acciones.
3.   Haz clic en el botón Asistente de script.
4.   En el marco de la izquierda haz clic sobre Funciones:
 Globales → Navegador/Red → getURL.
5.   Al seleccionar el comando getURL (que se encarga de crear un link a una página
web) se mostrarán sus respectivas opciones en la derecha del panel. Rellena los
campos URL con la página a la cual quieres vincular el botón y selecciona en que
ventana quieres que se abra el link en el desplegable Ventana




     GAEM 3° C
Susana Guadalupe Vázquez Hernández


6. Cierra el panel de Acciones y el botón estará listo. Has añadido una acción a tu
   botón.


   2) Controlar una película en curso. Si estamos reproduciendo una película Flash y
   queremos permitir que el usuario la detenga, la ponga en marcha, avance, retroceda.

     Por ejemplo, para detener una película en curso simplemente debemos hacer que
   nuestro botón en cuestión aparezca en el escenario de dicha película, seleccionarlo, y
   abrir el panel de acciones, activando posteriormente la función Stop().




    Tras hacer esto, deberíamos cambiar como hicimos en la animación anterior el
   momento en el que se debe ejecutar la función, seleccionando el evento Presionar.

   Arriba mostramos cómo debería quedar el panel de acciones del botón.

   Ahora cada vez que presionemos este botón se detendrá la película en la que está
   incluido.

   De forma muy parecida actuaríamos para otras acciones de control.

                            4.4. Operar botones.
   Utilice uno de los siguientes procedimientos:

   Elija Control > Habilitar botones simples. Mueva el puntero sobre el botón activado
   para probarlo.

   Seleccione el botón en el panel biblioteca y haga clic en el botón Reproducir de la
   ventana pre visualización

   Los clips de película de los botones no pueden verse en el entorno de edición de Flash.

   Elija Control > Probar escena o bien Control > Probar película.



       GAEM 3° C

Más contenido relacionado

La actualidad más candente (17)

Unidad 4 de gaem
Unidad 4 de gaemUnidad 4 de gaem
Unidad 4 de gaem
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4 (1)
Unidad 4 (1)Unidad 4 (1)
Unidad 4 (1)
 
Macromedia flash 8 unidad 4
Macromedia flash 8 unidad 4Macromedia flash 8 unidad 4
Macromedia flash 8 unidad 4
 
Macromedia flash 8 unidad 6
Macromedia flash 8 unidad 6Macromedia flash 8 unidad 6
Macromedia flash 8 unidad 6
 
Unidad 4♥
Unidad 4♥Unidad 4♥
Unidad 4♥
 
4 manipular botones
4 manipular botones4 manipular botones
4 manipular botones
 
Los botones
Los botonesLos botones
Los botones
 
Practica 16
Practica 16Practica 16
Practica 16
 
Practica 16
Practica 16Practica 16
Practica 16
 
Práctica 16
Práctica 16Práctica 16
Práctica 16
 
Flash taller 6
Flash taller 6Flash taller 6
Flash taller 6
 
Botones De AccióN
Botones De AccióNBotones De AccióN
Botones De AccióN
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8
 
Botones De AccióN
Botones De AccióNBotones De AccióN
Botones De AccióN
 

Destacado

Mapa conceptual Gerencia de proyectos
Mapa conceptual Gerencia de proyectosMapa conceptual Gerencia de proyectos
Mapa conceptual Gerencia de proyectosaydebustamante
 
Die Kraft von Social Media
Die Kraft von Social MediaDie Kraft von Social Media
Die Kraft von Social MediaTWT
 
Art%3 a10.1007%2fs10551 004-6405-6 (1)
Art%3 a10.1007%2fs10551 004-6405-6 (1)Art%3 a10.1007%2fs10551 004-6405-6 (1)
Art%3 a10.1007%2fs10551 004-6405-6 (1)mandreaweber
 
Iterable, iterator, generator by gaurav khurana
Iterable, iterator, generator by gaurav khuranaIterable, iterator, generator by gaurav khurana
Iterable, iterator, generator by gaurav khuranaGaurav Khurana
 
Understanding ECMA Script 6 Javascript by Gaurav Khurana
Understanding ECMA Script 6 Javascript by Gaurav KhuranaUnderstanding ECMA Script 6 Javascript by Gaurav Khurana
Understanding ECMA Script 6 Javascript by Gaurav KhuranaGaurav Khurana
 
Chiquitinas%201[1]
Chiquitinas%201[1]Chiquitinas%201[1]
Chiquitinas%201[1]Aida Sanchez
 
Encabezado y pie de pagina 2
Encabezado y pie de pagina 2Encabezado y pie de pagina 2
Encabezado y pie de pagina 2guiabuen
 
Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...
Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...
Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...ranquiel
 

Destacado (20)

Julia
JuliaJulia
Julia
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Time management sheikh jalal
Time management   sheikh jalalTime management   sheikh jalal
Time management sheikh jalal
 
Social Media im Unternehmen
Social Media im UnternehmenSocial Media im Unternehmen
Social Media im Unternehmen
 
Práctica 12
Práctica 12Práctica 12
Práctica 12
 
Mapa conceptual Gerencia de proyectos
Mapa conceptual Gerencia de proyectosMapa conceptual Gerencia de proyectos
Mapa conceptual Gerencia de proyectos
 
Die Kraft von Social Media
Die Kraft von Social MediaDie Kraft von Social Media
Die Kraft von Social Media
 
Llibre
LlibreLlibre
Llibre
 
Art%3 a10.1007%2fs10551 004-6405-6 (1)
Art%3 a10.1007%2fs10551 004-6405-6 (1)Art%3 a10.1007%2fs10551 004-6405-6 (1)
Art%3 a10.1007%2fs10551 004-6405-6 (1)
 
Iterable, iterator, generator by gaurav khurana
Iterable, iterator, generator by gaurav khuranaIterable, iterator, generator by gaurav khurana
Iterable, iterator, generator by gaurav khurana
 
Understanding ECMA Script 6 Javascript by Gaurav Khurana
Understanding ECMA Script 6 Javascript by Gaurav KhuranaUnderstanding ECMA Script 6 Javascript by Gaurav Khurana
Understanding ECMA Script 6 Javascript by Gaurav Khurana
 
Xiomara Rodriguez
Xiomara RodriguezXiomara Rodriguez
Xiomara Rodriguez
 
Chiquitinas%201[1]
Chiquitinas%201[1]Chiquitinas%201[1]
Chiquitinas%201[1]
 
Siie 2012 - Andorra
Siie 2012 - AndorraSiie 2012 - Andorra
Siie 2012 - Andorra
 
Portefeuile vcc
Portefeuile vccPortefeuile vcc
Portefeuile vcc
 
Encabezado y pie de pagina 2
Encabezado y pie de pagina 2Encabezado y pie de pagina 2
Encabezado y pie de pagina 2
 
3 a
3 a3 a
3 a
 
2 c
2 c2 c
2 c
 
Taller de robótica
Taller de robóticaTaller de robótica
Taller de robótica
 
Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...
Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...
Para comprender los orígenes del pronunciamiento militar de 1943 hay que retr...
 

Similar a Crear y programar botones en Flash (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4 "Manipular botones"
Unidad 4 "Manipular botones"Unidad 4 "Manipular botones"
Unidad 4 "Manipular botones"
 
Unidad 4♥
Unidad 4♥Unidad 4♥
Unidad 4♥
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 

Más de susanabiebs

Más de susanabiebs (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Práctica 30
Práctica 30Práctica 30
Práctica 30
 
Practica 29
Practica 29Practica 29
Practica 29
 
Practica 27
Practica 27Practica 27
Practica 27
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 25
Práctica 25Práctica 25
Práctica 25
 
Práctica 26
Práctica 26Práctica 26
Práctica 26
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Práctica 24
Práctica 24Práctica 24
Práctica 24
 
Cuestionario Unidad 5
Cuestionario Unidad 5Cuestionario Unidad 5
Cuestionario Unidad 5
 
Práctica 23
Práctica 23Práctica 23
Práctica 23
 
Práctica 22
Práctica 22Práctica 22
Práctica 22
 
Cuestionario Unidad 4
Cuestionario Unidad 4Cuestionario Unidad 4
Cuestionario Unidad 4
 
Práctica 21
Práctica 21Práctica 21
Práctica 21
 
Práctica 19
Práctica 19Práctica 19
Práctica 19
 
Práctica 18
Práctica 18Práctica 18
Práctica 18
 
Práctica 17
Práctica 17Práctica 17
Práctica 17
 
Conceptos Iniciales de Programación
Conceptos Iniciales de ProgramaciónConceptos Iniciales de Programación
Conceptos Iniciales de Programación
 

Crear y programar botones en Flash

  • 1. Susana Guadalupe Vázquez Hernández UNIDAD 4 4.1. Crear botones. Algo que es realmente básico en los entornos flash es la creación y utilización de los botones para el control de la película, sobre todo si es una presentación o un sitio web. Crearemos el objeto que representará el aspecto por defecto de nuestro botón con las herramientas que nos ofrece Flash 8. Después creamos una animación pequeña o lo que sería nuestro intro o nuestro primer contenido. Pasamos ahora a los botones: Insertar > Nuevo Símbolo > Botón con esto nos manda un entorno de botón y con una línea de tiempo un poco diferente. Aparece en la barra de tiempo cuatro frames: Reposo, Sobre, Presionado, Zona Activa; GAEM 3° C
  • 2. Susana Guadalupe Vázquez Hernández Reposo: El estado del botón cuando no está en uso Sobre: Como se mostrara el botón cuando pase el ratón por el Presionado: Cuando se presione sobre el Zona Activa: El área que cubrirá el botón. 4.2. Programar propiedades de los botones. Seleccionaremos el objeto y accederemos al menú Insertar → Convertir en Símbolo, le daremos el comportamiento Botón y asignaremos un nombre a nuestro nuevo símbolo. De esta forma ya tenemos transformado el objeto para que se comporte como un botón. Ahora lo completaremos internamente. Para determinar cómo debe reaccionar el botón en función de las acciones del ratón, lo editaremos haciendo clic con el botón derecho del ratón sobre nuestro nuevo botón y seleccionando la opción Editar. Cuando tengamos delante la línea de tiempos del botón (observa que tiene el aspecto que hemos mostrado anteriormente), seleccionaremos cada uno de los frames (sobre, reposo, presionado y zona activa) y pulsaremos F6 para crear un fotograma clave en cada uno de ellos. Ahora ya podemos modificar el aspecto inicial del botón para cada posición del cursor y marcar el área de acción del botón (fotograma Hit) en la que simplemente podremos dejar la misma figura que la inicial (en este caso sólo es importante la forma GAEM 3° C
  • 3. Susana Guadalupe Vázquez Hernández del objeto, no los colores u otras cosas) o bien dibujar con las herramientas de dibujos de Flash una nueva figura, en cuya superficie "se sentirá aludido" nuestro botón. 4.3. Programar acciones de los botones. Puesto que existen multitud de acciones que se pueden aplicar tanto a los botones, como a otros elementos de Flash 8 vamos a comentar dos de las más comunes: 1) Abrir una página web. Con esto conseguiremos abrir una página cualquiera de internet (o una película Flash), lo que nos servirá para irnos desplazando por webs que contengan más de una página, o permitir al usuario descargarse archivos entre otras cosas. Para añadir una acción a un botón es necesario el uso de ActionScript. Por lo tanto, los pasos a seguir serán los siguientes: 1. Selecciona el botón haciendo clic sobre él, pues es a él al que irá asociada la acción. 2. Abre el panel Acciones haciendo clic en su pestaña o desde el menú Ventana → Acciones. 3. Haz clic en el botón Asistente de script. 4. En el marco de la izquierda haz clic sobre Funciones: Globales → Navegador/Red → getURL. 5. Al seleccionar el comando getURL (que se encarga de crear un link a una página web) se mostrarán sus respectivas opciones en la derecha del panel. Rellena los campos URL con la página a la cual quieres vincular el botón y selecciona en que ventana quieres que se abra el link en el desplegable Ventana GAEM 3° C
  • 4. Susana Guadalupe Vázquez Hernández 6. Cierra el panel de Acciones y el botón estará listo. Has añadido una acción a tu botón. 2) Controlar una película en curso. Si estamos reproduciendo una película Flash y queremos permitir que el usuario la detenga, la ponga en marcha, avance, retroceda. Por ejemplo, para detener una película en curso simplemente debemos hacer que nuestro botón en cuestión aparezca en el escenario de dicha película, seleccionarlo, y abrir el panel de acciones, activando posteriormente la función Stop(). Tras hacer esto, deberíamos cambiar como hicimos en la animación anterior el momento en el que se debe ejecutar la función, seleccionando el evento Presionar. Arriba mostramos cómo debería quedar el panel de acciones del botón. Ahora cada vez que presionemos este botón se detendrá la película en la que está incluido. De forma muy parecida actuaríamos para otras acciones de control. 4.4. Operar botones. Utilice uno de los siguientes procedimientos: Elija Control > Habilitar botones simples. Mueva el puntero sobre el botón activado para probarlo. Seleccione el botón en el panel biblioteca y haga clic en el botón Reproducir de la ventana pre visualización Los clips de película de los botones no pueden verse en el entorno de edición de Flash. Elija Control > Probar escena o bien Control > Probar película. GAEM 3° C