SlideShare una empresa de Scribd logo
1 de 6
UNIDAD 4 MANIPULAR BOTONES



       María Fernanda Ortega Meza
             3°B Informática

                 GAEM
¿QUÉ ES UN BOTÓN?
   Los botones de flash son objetos gráficos a los que
    podemos asignar diferentes estados (normal, sobre,
    presionado...) y que cuando los pulsemos (o pasemos por
    encima), se ejecuten determinadas acciones.

    Para crear un botón podemos primero dibujarlo, por
    ejemplo en el estado de reposo, y después convertirlo en
    símbolo; para ello, una vez seleccionado, elegimos el
    menú: "Insertar-Convertir en símbolo". Debemos
    escribirle un nombre.
Si abrimos la biblioteca ("Ventana-Biblioteca"), veremos
                  que ya aparece dentro:
Estados del botón
Ahora debemos diseñar los diferentes estados del botón, editando
  el símbolo. Para ello, haremos doble clic en el icono del botón
  (en la biblioteca), o bien "botón derecho-Editar", apuntando al
  botón que aparece en la escena.
  En la línea de tiempos veremos que estamos modificando el
  botón, no la escena:
Podemos apreciar que en vez de fotogramas normales, como
  cualquier animación de flash, disponemos de cuatro fotogramas
  "especiales“
 Reposo: es donde colocaremos el botón con su
 aspecto normal, es decir, cuando no está siendo
              apuntado por el ratón.

Sobre: es el aspecto que tendrá cuando el ratón se
         pasa por encima, pero sin pulsar.

 Presionado: se trata del botón mientras estamos
             pulsando el ratón en él.
Zona activa: aquí definimos la zona donde el botón
  responderá al ratón. Podemos crear un circular, pero
 que se active en una zona rectangular, por ejemplo. Es
muy importante en los textos, puesto que si no se crear
  una zona activa, sólo se detecta el ratón cuando está
 encima del trazo del texto en sí, no en el espacio entre
   letras, ni en el medio de una letra "O", por ejemplo.
Para crear diferentes efectos en cada estado, podemos
hacerlo de una forma fácil pero efectiva, partiendo del
  mismo dibujo, y cambiando sólo el tono de color, por
                          ejemplo.
 También podríamos trabajar con diferentes capas para
crear otros objetos dentro de cada estado, por ejemplo,
  en "sobre" podemos crear el típico "letrero" de fondo
     amarillo, donde aparece una frase explicando el
 resultado de pulsar el botón, o una pequeña animación
  del mismo botón, por ejemplo, cambiando su tamaño,
                      rotándolo, etc...
   Debemos insertar un fotograma clave en la posición
                          "Sobre".

Más contenido relacionado

La actualidad más candente (14)

Word Teorico Nº 1
Word Teorico Nº  1Word Teorico Nº  1
Word Teorico Nº 1
 
Barra De Herramientas 2
Barra De Herramientas 2Barra De Herramientas 2
Barra De Herramientas 2
 
Unidad4
Unidad4Unidad4
Unidad4
 
manual de acces
manual de accesmanual de acces
manual de acces
 
entorno gráfico de photoshop
entorno gráfico de photoshopentorno gráfico de photoshop
entorno gráfico de photoshop
 
Practica 14
Practica 14Practica 14
Practica 14
 
Marialejandra ledezma
Marialejandra ledezmaMarialejandra ledezma
Marialejandra ledezma
 
2da sesion Botones
2da sesion Botones 2da sesion Botones
2da sesion Botones
 
Unidad 4♥
Unidad 4♥Unidad 4♥
Unidad 4♥
 
Teclado multimedia
Teclado multimediaTeclado multimedia
Teclado multimedia
 
Entorno Gráfico del Photoshop.
Entorno Gráfico del Photoshop.Entorno Gráfico del Photoshop.
Entorno Gráfico del Photoshop.
 
Boardmaker 5 basic tutorial traducido
Boardmaker 5 basic tutorial traducidoBoardmaker 5 basic tutorial traducido
Boardmaker 5 basic tutorial traducido
 
Photoshop I
Photoshop IPhotoshop I
Photoshop I
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 

Destacado

ใบกิจกรรม เรื่อง วัฒนธรรมเกาหลี
ใบกิจกรรม เรื่อง วัฒนธรรมเกาหลีใบกิจกรรม เรื่อง วัฒนธรรมเกาหลี
ใบกิจกรรม เรื่อง วัฒนธรรมเกาหลีPrapatsorn Chaihuay
 
กรุวัดราชบูรณะ
กรุวัดราชบูรณะกรุวัดราชบูรณะ
กรุวัดราชบูรณะkruart2010
 
Diapositivas terminadas t final_401 (2)
Diapositivas terminadas t final_401 (2)Diapositivas terminadas t final_401 (2)
Diapositivas terminadas t final_401 (2)ordenadatos
 
Презентация
Презентация Презентация
Презентация osechka
 
წილადურას ინსტრუქცია
წილადურას ინსტრუქციაწილადურას ინსტრუქცია
წილადურას ინსტრუქციაNino Chipashvili
 
Multimedia Translation & Localization Services
Multimedia Translation & Localization ServicesMultimedia Translation & Localization Services
Multimedia Translation & Localization ServicesJBI Studios
 
Ellie research
Ellie researchEllie research
Ellie researchelliefx
 
130313 consolidacio-smo-presentacio
130313 consolidacio-smo-presentacio130313 consolidacio-smo-presentacio
130313 consolidacio-smo-presentacioCerdanyola Oberta
 
Tipos de software. yaquelin
Tipos de software. yaquelinTipos de software. yaquelin
Tipos de software. yaquelinYaquelin Mendo
 
Группа Вконтакте для ЖК Переделкино Ближнее
Группа Вконтакте для ЖК Переделкино БлижнееГруппа Вконтакте для ЖК Переделкино Ближнее
Группа Вконтакте для ЖК Переделкино БлижнееOkomedia
 
Reaktivnoe dvizhenieирена
Reaktivnoe dvizhenieиренаReaktivnoe dvizhenieирена
Reaktivnoe dvizhenieиренаilina05
 
Graphic designer vacancy in kolkata
Graphic designer vacancy in kolkataGraphic designer vacancy in kolkata
Graphic designer vacancy in kolkatapeterthronton
 

Destacado (20)

ใบกิจกรรม เรื่อง วัฒนธรรมเกาหลี
ใบกิจกรรม เรื่อง วัฒนธรรมเกาหลีใบกิจกรรม เรื่อง วัฒนธรรมเกาหลี
ใบกิจกรรม เรื่อง วัฒนธรรมเกาหลี
 
Presentation1
Presentation1Presentation1
Presentation1
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
กรุวัดราชบูรณะ
กรุวัดราชบูรณะกรุวัดราชบูรณะ
กรุวัดราชบูรณะ
 
Diapositivas terminadas t final_401 (2)
Diapositivas terminadas t final_401 (2)Diapositivas terminadas t final_401 (2)
Diapositivas terminadas t final_401 (2)
 
Презентация
Презентация Презентация
Презентация
 
წილადურას ინსტრუქცია
წილადურას ინსტრუქციაწილადურას ინსტრუქცია
წილადურას ინსტრუქცია
 
A Celebration of Service
A Celebration of ServiceA Celebration of Service
A Celebration of Service
 
Multimedia Translation & Localization Services
Multimedia Translation & Localization ServicesMultimedia Translation & Localization Services
Multimedia Translation & Localization Services
 
Ellie research
Ellie researchEllie research
Ellie research
 
Fbcannounce24 may2015 a
Fbcannounce24 may2015 aFbcannounce24 may2015 a
Fbcannounce24 may2015 a
 
130313 consolidacio-smo-presentacio
130313 consolidacio-smo-presentacio130313 consolidacio-smo-presentacio
130313 consolidacio-smo-presentacio
 
Tipos de software. yaquelin
Tipos de software. yaquelinTipos de software. yaquelin
Tipos de software. yaquelin
 
Mindmap2
Mindmap2Mindmap2
Mindmap2
 
Группа Вконтакте для ЖК Переделкино Ближнее
Группа Вконтакте для ЖК Переделкино БлижнееГруппа Вконтакте для ЖК Переделкино Ближнее
Группа Вконтакте для ЖК Переделкино Ближнее
 
Agresi ii
Agresi iiAgresi ii
Agresi ii
 
Practica 18
Practica 18Practica 18
Practica 18
 
Reaktivnoe dvizhenieирена
Reaktivnoe dvizhenieиренаReaktivnoe dvizhenieирена
Reaktivnoe dvizhenieирена
 
Presentation2 (1)
Presentation2 (1)Presentation2 (1)
Presentation2 (1)
 
Graphic designer vacancy in kolkata
Graphic designer vacancy in kolkataGraphic designer vacancy in kolkata
Graphic designer vacancy in kolkata
 

Similar a Crea estados de botón en Flash con menos de

Similar a Crea estados de botón en Flash con menos de (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
 
Unidad4 121003115123-phpapp01
Unidad4 121003115123-phpapp01Unidad4 121003115123-phpapp01
Unidad4 121003115123-phpapp01
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Los botones
Los botonesLos botones
Los botones
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Microsoft Word 2007
Microsoft Word 2007Microsoft Word 2007
Microsoft Word 2007
 
Biblia del word 2007
Biblia del word 2007Biblia del word 2007
Biblia del word 2007
 
Biblia de word 2007
Biblia de word 2007Biblia de word 2007
Biblia de word 2007
 
Biblia De Word 2007
Biblia De Word 2007Biblia De Word 2007
Biblia De Word 2007
 
Manual Completo de Microsoft® Word 2007
Manual Completo de Microsoft® Word 2007Manual Completo de Microsoft® Word 2007
Manual Completo de Microsoft® Word 2007
 
Biblia de word 2007
Biblia de word 2007Biblia de word 2007
Biblia de word 2007
 
Biblia.de.word.2007
Biblia.de.word.2007Biblia.de.word.2007
Biblia.de.word.2007
 
Aprendiendo word 2007
Aprendiendo word 2007Aprendiendo word 2007
Aprendiendo word 2007
 
Biblia.de.word.2007
Biblia.de.word.2007Biblia.de.word.2007
Biblia.de.word.2007
 
Biblia de word 2007
Biblia de word 2007Biblia de word 2007
Biblia de word 2007
 
Guia boton animacion basica
Guia boton animacion basicaGuia boton animacion basica
Guia boton animacion basica
 

Más de Maryfer' Ortega (20)

Unidad1 130504121721-phpapp02
Unidad1 130504121721-phpapp02Unidad1 130504121721-phpapp02
Unidad1 130504121721-phpapp02
 
Terceraunidad 130504124039-phpapp02
Terceraunidad 130504124039-phpapp02Terceraunidad 130504124039-phpapp02
Terceraunidad 130504124039-phpapp02
 
Segundaunidad3 130504164926-phpapp01
Segundaunidad3 130504164926-phpapp01Segundaunidad3 130504164926-phpapp01
Segundaunidad3 130504164926-phpapp01
 
Unidad2 130505161710-phpapp02
Unidad2 130505161710-phpapp02Unidad2 130505161710-phpapp02
Unidad2 130505161710-phpapp02
 
Unidad 7
Unidad 7Unidad 7
Unidad 7
 
Practica 30
Practica 30Practica 30
Practica 30
 
Practica 29 de gaem
Practica 29 de gaemPractica 29 de gaem
Practica 29 de gaem
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica 26
Practica 26Practica 26
Practica 26
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Unidad6
Unidad6 Unidad6
Unidad6
 
Practica 25
Practica 25Practica 25
Practica 25
 
Practica 22
Practica 22Practica 22
Practica 22
 
Practica 21
Practica 21Practica 21
Practica 21
 
Practica 20
Practica 20Practica 20
Practica 20
 
Practica 13
Practica 13Practica 13
Practica 13
 

Crea estados de botón en Flash con menos de

  • 1. UNIDAD 4 MANIPULAR BOTONES  María Fernanda Ortega Meza  3°B Informática  GAEM
  • 2. ¿QUÉ ES UN BOTÓN?  Los botones de flash son objetos gráficos a los que podemos asignar diferentes estados (normal, sobre, presionado...) y que cuando los pulsemos (o pasemos por encima), se ejecuten determinadas acciones. Para crear un botón podemos primero dibujarlo, por ejemplo en el estado de reposo, y después convertirlo en símbolo; para ello, una vez seleccionado, elegimos el menú: "Insertar-Convertir en símbolo". Debemos escribirle un nombre.
  • 3. Si abrimos la biblioteca ("Ventana-Biblioteca"), veremos que ya aparece dentro:
  • 4. Estados del botón Ahora debemos diseñar los diferentes estados del botón, editando el símbolo. Para ello, haremos doble clic en el icono del botón (en la biblioteca), o bien "botón derecho-Editar", apuntando al botón que aparece en la escena. En la línea de tiempos veremos que estamos modificando el botón, no la escena: Podemos apreciar que en vez de fotogramas normales, como cualquier animación de flash, disponemos de cuatro fotogramas "especiales“
  • 5.  Reposo: es donde colocaremos el botón con su aspecto normal, es decir, cuando no está siendo apuntado por el ratón. Sobre: es el aspecto que tendrá cuando el ratón se pasa por encima, pero sin pulsar. Presionado: se trata del botón mientras estamos pulsando el ratón en él.
  • 6. Zona activa: aquí definimos la zona donde el botón responderá al ratón. Podemos crear un circular, pero que se active en una zona rectangular, por ejemplo. Es muy importante en los textos, puesto que si no se crear una zona activa, sólo se detecta el ratón cuando está encima del trazo del texto en sí, no en el espacio entre letras, ni en el medio de una letra "O", por ejemplo. Para crear diferentes efectos en cada estado, podemos hacerlo de una forma fácil pero efectiva, partiendo del mismo dibujo, y cambiando sólo el tono de color, por ejemplo. También podríamos trabajar con diferentes capas para crear otros objetos dentro de cada estado, por ejemplo, en "sobre" podemos crear el típico "letrero" de fondo amarillo, donde aparece una frase explicando el resultado de pulsar el botón, o una pequeña animación del mismo botón, por ejemplo, cambiando su tamaño, rotándolo, etc... Debemos insertar un fotograma clave en la posición "Sobre".