RESULTADO DE

APRENDIZAJE 2
MANIPULAR BOTONES EQUIPO AZUL
- Azcorra Cauich Roberto Alejandro
- Castillo Díaz María José
- Martín Herrera Paloma Guadalupe
- Pallotta Koh Citlali Arale
- Yam Iuit Ligia Beatríz
FECHA
- 22/02/2018
TAREA
- Exposición
Introducción
Flash es un programa de Adobe que sirve para crear y
manipular gráficos. Está destinado a la producción y
entrega de contenido interactivo para diferentes
presentaciones y/o audiencias.
En este resultado de aprendizaje
aprenderás a manipular botones.
Con la ayuda de Flash podrás
crear botones con animación que
cambian de color y tamaño,
incluso, podremos crear nuestro
juego de video, es decir con ayuda
de los botones y con algunas
acciones requeridas puedes
manipular objetos en tiempo real.
Interactividad
Flash te da la posibilidad de que el usuario de la
película interactúe con ella. Esto implica que el
usuario podrá indicarle, hasta cierto punto, las
acciones que desea que la película realice aunque,
por supuesto, la película sólo podrá ejecutar las
acciones que le hayan sido programadas por el
diseñador.
Para ello es necesario que la película contenga los
elementos que son capaces de recibir instrucciones
del usuario: botones, cuadros de texto y acciones.
Botón: es igual a cualquier botonen
el entorno informático, que al
presionar, va desencadenando una
serie de acciones.

Cuadro de textos: es el que nos

sirve para introducir texto a nuestra
animación.

Panel de Acciones:
sirve para programar
Scripts con ActionScript,
y lo que se introduzca
aquí afectara de menor a
mayor medida.
1. Desde tu particularidad punto de vista que
utilidad tiene un botón?
R=La utilidad que se le da un botón es para que
realice una serie de acciones.
2. ¿Qué ofrece los cuadros de texto?
R=Formato de texto (T), Tipografía, tamaño,
color, estilo, Párrafo (¶), Dirección del texto,
Espaciado (A\V, Sub-texto (aª.), Optimización,
Dimensiones de la caja, Enlaces.
3. ¿Que son las acciones con relación a la
interactividad?
R=Es cuando nosotros hacemos funcionar el
programa mediante las acciones que
programamos.
Soy capaz de resolver

Abner ha realizado su animación en Flash con un

diseño excelente y con movimientos muy bien
definidos, pero s ele ha ocurrido la idea de agregarle
botones de acción a su película, tal y como funciona
un reproductor de DVD, con un botón de reproducir,
pausa, alto, etcétera. ¿Qué herramientas debe
utilizar para lograr esto? ¿Qué acciones debe
implementar dentro de su película de Flash?
¿Qué es un botón?
• Un botón es aquel que aporta interactividad con el
que lo visualiza, es igual a cualquier botón de
cualquier entorno informático.
• Son elementos los cuales se prestan a que el
usuario los presione para desencadenar diversas
acciones, basta con pasar el mouse o se le presiona
con este.
• A diferencia de la creación que emplean los botos
en otros sitios informáticos donde es algo mas
compleja en flash es mucho mas sencilla.
Creación de botones
Primero dibujaremos el objeto que
representara al botón, en este
caso será un ovalo que haremos
con la herramienta ovalo.

Seleccionamos el ovalo y
nos dirigiremos al menú
de modificar, de ahí a
convertir en símbolo, se
nos abrirá un menú
donde podemos
cambiarle el nombre y le
cambiaremos el tipo por
botón y le damos aceptar.
Con esto nuestro botón en si ya esta acabado pero para
determinar como debe reaccionar el botón es cuestión de
dar clic derecho y elegimos la opción de edición, donde
básicamente nos mandara a la edición del botón y donde
se limita a cambiar su línea del tiempo.
Los botones tienen su propia línea del tiempo, la cual esta
formada por 4 fotogramas los cuales son: reposo, sobre,
presionado y zona activa.
• Reposo: Aspecto por defecto del botón cuando no esta
situado el mouse en el.
• Sobre: Aspecto el botón cuando situamos el mouse encima
de el.
• Presionado: Aspecto que queremos que tome el botón
mientras lo tengamos presionado.
• Zona activa: Aquí debemos de indicar el área real donde el
botón actué.

Para crear un fotograma clave en cada uno de ellos es solo

presionar F6.
 Actividad 12

1. Crea un nuevo documento en Flash (ActionScript 3.0).

2. Para hacer la píldora, dibuja un círculo perfecto con la
herramienta de Óvalo (Shift + O).
3. En la Paleta de colores, configura el tipo de relleno a Radial.
Ahora configura en la barra de degradado, al primer indicador de
color blanco (Código: FFFFFF) y al segundo de color azul
(Código: 1F95C7).
4. Agrega 3 indicadores más.
5. Selecciona la herramienta Cubo de pintura, dirígete al
círculo y aplica el efecto en la parte superior izquierda del
mismo, como se muestra en la imagen.
6. Cambia a modo de selección
(V), y selecciona la parte de en
medio de la figura, cópiala (Ctrl
+ C) y elimínala.
7. Separa los lados sobrantes
de la píldora a una distancia
considerable. Y pega la parte
que previamente se copió.

8. Con Transformación libre,

ajusta los lados del rectángulo
y forma la píldora. Luego,
agrupa los elementos (Ctrl + G)
9. Ahora, da clic derecho sobre
la figura y en el menú
desplegable selecciona
“Convertir a símbolo”.

10. Cambia el nombre del

símbolo a “Píldora” y en tipo
selecciona la opción “Botón”.
11. Finalmente, presiona
“Aceptar”.

12. Haz doble clic sobre la

píldora para acceder a la línea
de tiempo.
13. Crea fotogramas clave
(F6).
14. Crea una segunda capa e
introduce el texto “STOP”.
Sonido en el botón
Para que tu botón llame más la atención, puedes agregarle un
sonido.
1. Importar sonidos a la biblioteca de Flash.
2. Abre la ventana de
edición del botón.

3. En la línea del tiempo

del botón, agrega una
capa que servirá como
“una capa de sonido”. En
ella se añadirá el sonido
del botón.

4. En la capa de sonido
inserta un fotograma
clave en el estado del
botón al que se le
agregará el sonido.
5. Habiendo insertado el
fotograma clave, abre el
Panel de propiedades y
selecciona el sonido que le
asignarás a la instancia del
botón.

6. Realiza la misma
operación para el estado
presionado. Trata de elegir
un sonido diferente.

7. Regresa al escenario y
prueba la película. Los
sonidos se deben escuchar
cuando pasas el cursor
sobre el botón.
Actividad 13
1. Utiliza el botón con forma de píldora.
2. Haz doble clic sobre el botón.
3. Crea una nueva capa para los sonidos.
4. Haz clic en el menú Ventana -> Bibliotecas comunes ->
Sonidos.
5. Arrastra al escenario los sonidos que quieres emplear.
6. En la nueva capa, crea fotogramas clave en Sobre y
Presionado.
7. Selecciona el fotograma Sobre de la nueva capa, y en
el Panel Propiedades, elige el sonido correspondiente
en Nombre dentro de Sonido. En Sinc. Elija Evento.
8. Repite lo anterior, pero en el fotograma presionado.
¿Qué es el ActionScript?
Es el lenguaje de programación que se utiliza en
flash, podemos decir que es el que nos permitirá
realizar con flash todo lo que nos propongamos , ya
que nos da el control absoluto de todo lo que rodea
a un a película Flash.
Características generales
• Esta basado en la especificación ECMA-262 Es
una especificación de lenguaje y su desarrollo
empezó en 1996
• Es el lenguaje de script, esto quiere decir que no es
necesario crear un programa completo, si no con
solo agregar fragmentos de códigos a los objetos
existentes nos va permitir alcanzar nuestros
objetivos
• Es un lenguaje orientada a objetos
• Sera necesario programar
Panel de Acciones
El panel de acciones sirve para programar
Scripts con ActionScript, por lo tanto lo que aquí
introduzcamos le afectará de menor a mayor
medida.
Se divide en 2 partes, a la izquierda tenemos
una ayuda facilitada por flash que nos da
acceso de un modo rápido a todas las acciones,
objetos, propiedades, etc.
En la parte derecha tenemos el espacio para
colocar nuestro script o el código de
ActionScript.
 2

1
Buscar: Revisar Formato Automático: Contraer
Busca un Sintaxis: para tener el formato espacio entre
texto en el Comprobar adecuado, lo hace llaves: estas
texto. a errores en automáticamente siempre herramientas
el sintaxis. y cuando no haya errores nos ayudan a
de sintaxis. cuando tenemos
mucho código
nos facilita
contraer ciertas
partes.
ACTIVIDAD 14
Controlar la película en curso
CLIPS DE PELÍCULA
• Un clip de película o movie clip es una película en
si misma, como cualquiera que vemos en el cine.
• Normalmente nos referíamos a ellas como clips
cuando las incluimos en otra pelicula, formando un
símbolo. cualquier clip siempre podrá estar
compuesto por otros clips insertados en el, que a
su vez estén conformados por otros.
• Su propia línea de tiempo.
Ventajas
• Mayor potencia
Propiedades de un clip
 ACTIVIDAD 15
• Con lo visto en el tema anterior (Botones y
ActionScript), realiza una animación donde se
pueda manipular las acciones de una película.
Utilizar una existente o crear una nueva.
Conclusión
Finalmente, en este resultado de aprendizaje,
reforzamos la definición de Flash Professional Cs6.
Profundizamos las herramientas de este programa,
pero sobretodo, aprendimos a crear y manipular
botones por medio del ActionScript y/o a crearlos
desde cero y darles una funcionalidad manualmente,
sin mencionar que nos adentramos a los fotogramas
y a los símbolos.
Recuerda, estas herramientas pueden servirte para
tu proyecto.