Practica No. 25
INTERPOLACION DE FORMAS CON TEXTO
Los textos al igual que las imágenes, admiten la
interpolación de formas, con lo que se logran curiosos efectos de
desvanecimiento del texto y aparición de otro nuevo. Para que un texto pueda
aceptar la interpolación de forma, es preciso separarlo.
1. Inicie un nuevo archivo
2. Muestre las reglas (menú ver opción reglas). Verifique
que las unidades de la regla este en centímetros.
Recuerde que para cambiar las unidades de la regla debe
seleccionar la opción documento del menú modificar y seleccionar centímetros en
la opción Unidades de Regla.
NOTA: Las opciones CMR la utilizaremos para pasar del
fotograma inicial al final girando hacia la izquierda y CCMR para pasar del
fotograma inicial al final girando hacia el derecho
3. Active la herramienta texto
4. De un clic en las coordenadas 4 horizontal y 4 vertical
de las reglas para ver el indicador de texto (al mover el Mouse por la escena
se muestran unas líneas en las reglas señalando la posición exacta de donde nos
encontramos)
5. En el inspector propiedades, seleccione en tamaño 36
Observe como el tamaño del indicador del texto aumenta o
disminuye de tamaño según el tamaño de la fuente que se tenga seleccionada en
ese momento.
6. Seleccione el color de fuente negro y escriba el texto
que se muestra en el ejemplo….
7. Oprima 4 veces la tecla F6 para insertar 4 fotogramas
claves
8. De clic en el fotograma 20 y presione F6 para insertar un
fotograma clave en esa posición
9. De un clic al principio de la línea de Texto para ver el
indicador de texto (cursor)
10. Con la tecla suprimir borre el texto y después escriba
la línea que se muestra en el ejemplo
Verifique la segunda línea de texto se inserto en el
fotograma 20.
11. Presione la tecla F6 cuatro veces para insertar cuatro
fotogramas claves a partir de fotograma 20. Observe la imagen……
Los fotogramas claves que se insertaron a partir del
fotograma 2 al 5 y del fotograma 21 al 24 son para poder leer la línea de texto
antes que se distorsione con el efecto que será aplicado
12. De un clic sobre el fotograma 24 para seleccionar el
texto.
13. Arrastre una línea guía horizontal y ubíquela
exactamente en la parte inferior del texto
14. Cambie el nombre de la capa como TEXTO 1
15. agregue una nueva capa y cámbiele el nombre como TEXTO 2
16. De un clic en el primer punto de la capa texto 1 para
ocultar el texto.
17. De un clic en el fotograma 25 de la capa TEXTO 2 para
seleccionarlo y presione F6 para insertar un fotograma clave
18. Seleccione la herramienta Texto y de un clic en las
coordenadas 6 y 4.5 de las reglas horizontal y vertical para ver el indicador
de texto.
19. Escriba el siguiente texto…
20. Presione la tecla F6 cuatro veces para insertar cuatro
fotogramas claves, en la capa TEXTO 2
21.. de un clic en el fotograma 45 de la capa TEXTO 2 y
presione la tecla F6 para insertar un fotograma clave en esta posición.
22. de un clic al principio de la línea y borre el texto
23. Escriba el siguiente texto como se muestra en la imagen….
24. Presione la tecla F6 cuatro veces para insertar 4
fotogramas claves después del fotograma 45 de la capa TEXTO 2 , observe la
imagen
SEPARAR TEXTO
25. De un clic en el fotograma 5 de la capa de TEXTO 1 para
seleccionarlo
26. De un clic en el primer punto de la capa TEXTO 1 para
mostrar el texto. Observe que el texto esta seleccionado (marco azul alrededor)
27. Abra el menú Modificar y seleccione la opción Separar.
Vuelva a acceder a menú modificar/ separar
28. Observe como el marco azul se encontraba alrededor del
texto desaparece.
29. De un clic en el fotograma 20 para seleccionarlo
30. Abra el menú Modificar y seleccione la opción Separar.
Vuelva a acceder a menú modificar/ separar
31. De un clic en el fotograma 5 para seleccionarlo de la
capa texto1
32. En el inspector de propiedades, en la opción animar,
seleccione forma, observe del fotograma 5 al 20 que se indica con una flecha la
interpolación de forma
33. Seleccione el fotograma 20, Seleccione la herramienta
flecha. De un clic en una de las letras y arrastre hacia abajo, haga lo mismo
para las demas letras.
34. Si lo desea de clic en una de las letras y muevalas
hacia un lado.
35. De un clic en el fotograma 29 de la capa TEXTO2 para
seleccionarlo
36. Abra el menú modificar y de un clic en separar. Vuelva a
acceder a menú modificar/ separar
37. De un clic en el fotograma 45 para seleccionarlo
38. Abra el menú modificar y seleccione separar. Vuelva a
acceder a menú modificar/ separar
39. Seleccione el fotograma 29 acceda al inspector de
propiedades en animar seleccione forma
Observe como aparece la flecha indicando la interpolación de
forma
40. Active la herramienta Flecha y arrastre la línea guía
hacia arriba para quitarla de la escena
41. Reproduzca la película y observe la animación
42. de un clic en el fotograma 60 de la capa TEXTO2 y
presione la tecla F6 para insertar un fotograma clave
43. Seleccione el fotograma 49 y Abra el menú Insertar y
seleccione crear interpolación de movimiento
43. Seleccione el fotograma 60 y Active el botón Escalar
45. con la herramienta flecha agrande el texto lo más grande
que pueda
46. Reproduzca la película y guarde su película.
EVALUACION PRACTICA DE TEXTO
ANIMACIONES CON MASCARA
las mascaras en una animación funcionan como un agujero o un
hueco que permite ver la imagen que hay debajo de ella. Para que la mascara
permita ver los objetos que se encuentran a tras de ella tendrá que crear una
interpolación de movimiento.
Practica No. 26
1. Inicie un nuevo archivo y muestre las reglas
(centímetros)
2. Seleccione la herramienta rectángulo y seleccione el
color amarillo como relleno
3. dibuje un rectángulo de unos 2.5 cm. de alto y 5.6 cm. de
ancho
4. Active la herramienta Texto y seleccione el color negro
como color de relleno
5. Escriba el siguiente texto dentro del rectángulo con un
tamaño 36, observe la imagen
6. En caso que el texto salga, redúzcalo
7. Cambie el nombre de la capa por TEXTO
8. De un clic en el fotograma 30para seleccionarlo y
presione la tecla F6 para insertar un fotograma clave
9. Agregue una nueva capa y sígnele el nombre de MASCARA
10. De un clic en el fotograma 1 de la capa MASCARA
11. Active la herramienta Ovalo y seleccione un tono gris
como color de relleno.
12. Dibuje un círculo dentro del rectángulo, observe la
imagen…
13. de un clic en el fotograma 1 de la capa MASCARA o
verifique que este seleccionada
14. Abra el menú insertar y seleccione la interpolación de
movimiento.
15. De un clic en el fotograma 15 de la capa MASCARA y
presione la tecla F6 para insertar un fotograma clave. Observe como quedara
nuestras capas…..
16. active la herramienta flecha y arrastre el circulo al
otro extremo del rectángulo, observe la imagen…
17. De un clic en el fotograma 30 de la capa MASCARA e
inserte un fotograma clave.
18. Regrese el circulo al extremo izquierdo del rectángulo
19. de un clic con el botón derecho del Mouse sobre la capa
MASCARA y seleccione la opción mascara. Observe los símbolos que aparecen el
las capas….
Observe que solo parece el círculo como si fuera un agujero
o un hueco….
20. presione la tecla enter para reproducir la animación y
observe el efecto.
21. de un clic sobre el candado que se encuentra a un lado
del ojo y observe que aparecen todos los objetos de las capas con la finalidad
de poder modificar o corregir si se desea.
22. Vuelva a dar clic en el candado a un lado del ojo para
mostrar solo la mascara.
23. agregue una nueva capa y sígnele el nombre del FONDO.
24. Active la herramienta rectángulo y seleccione el color
Azul de relleno.
25. Trace un rectángulo encima del círculo de unos 2.5 de
lato por 4.5 de ancho (igual que el primer rectángulo dibujado)
26. Arrastre la capa FONDO debajo de la capa TEXTO (arrastre
la capa hacia abajo y hacia la izquierda…. Observe como quedan las capas y el
circulo….
Es importante comentar que las capas que se agreguen deberán
estar después de la capa mascara.
27. active la herramienta flecha y de clic en el fotograma 1
de la capa FONDO.
28. De doble clic sobre el rectángulo y arrástrelo de tal
forma que quede el circulo al ras del borde.
29. De un clic en el fotograma 15 y verifique que el circulo
este sobre el borde derecho del rectángulo, observe la imagen…
30. Reproduzca la película y graba su archivo.
BOTONES DE COMANDO
Los botones de comando son utilizados como enlaces de
acciones programadas. Generalmente en Internet los botones de comando sirven de
enlaces a otras hacia otras páginas dentro de un sitio Web. Sin embargo también
pueden ser utilizados para ejecutar un cálculo matemático, cambiar las
propiedades de un objeto, etc.
Cuando se inicia la creación del botón, flash crea una línea
de tiempo con 4 fotogramas. Los tres primeros fotogramas muestran los tres
posibles estados del botón; el cuarto fotograma define el área activa del
botón.
La línea de tiempo no se reproduce realmente; posiblemente
reacciona a los movimientos y acciones del puntero saltando al fotograma
correspondiente.
Para que un botón sea interactivo en una película, coloque
una instancia del símbolo del botón en el escenario y asigne acciones a la
instancia. Las acciones deben asignarse a la instancia del botón en la película
y no a los fotogramas en la línea de tiempo del botón.
Practica no.27
1. inicia un nuevo archivo de Flash
2. abra el menú insertar y seleccione nuevo símbolo
3. borre el contenido en la propiedad nombre y escriba BOTON
4. Active el botón de Opción botón y de clic en Aceptar
Los primeros tres fotogramas muestran los posibles estados
del boton: Reposo, Sobre y presionado
El cuatro fotograma define la zona activa del botón.
5. Observe en la línea de tiempo que se encuentra activo el
fotograma Reposo
Observe la linea de tiempo del boton de comando y sus cuatro
fotogramas.
6. Active la herramienta ovalo
7. Seleccione de la ventana de color de relleno el primer
relleno degradado de la lista (tonos grises)
8. dibuje un círculo como se muestra en la siguiente figura
9. Observe como aparece un punto en el fotograma reposo,
indicando que no esta vació.
10. De un clic en el fotograma sobre y presione la tecla F6
para insertar un fotograma clave.
11. abra la lista de color de relleno y seleccione el color
de relleno degradado rojo
12. Verifique que le circulo cambie a degradado rojo.
13. de un clic en el fotograma presionado y presione la
tecla F6.
14. Seleccione el color de relleno degradado verde.
Verifique que el círculo cambie al color degradado verde.
15. De un clic en el fotograma Reposo y observe que el
circulo esta en degradado con tonos grises
16. de un clic en el fotograma sobre y observe que el
circulo esta en degradado rojo.
17. seleccione el fotograma reposo
18. Active la herramienta texto y seleccione el color
amarillo como color de relleno
19. de un clic en el centro del circulo y escriba REPOSO. Si
es necesario active la herramienta flecha, seleccione el texto y ubíquelo en el
centro del círculo, observe como queda el círculo…
20. Seleccione el fotograma Sobre
21. Escriba en el centro del circulo SOBRE de color azul
cielo, observe como queda el círculo…
22. Seleccione el fotograma presionado.
23. Escriba en el centro del círculo PRESIONADO de color
rosa claro, observe como queda el círculo…
24. de un clic en Escena1 para retornar a la escena
Hasta este momento se ha indicado el comportamiento que
tendrá el botón cuando se reproduzca la película.
A continuación agregaremos una instancia del botón en la
escena.
24. abra el menú Ventana y seleccione la opción biblioteca
Observe que en la biblioteca de símbolos aparece el botón
que fue creado
25. De un clic en BOTON para ver la imagen
26. De un clic en el nombre del botón y sin soltar el botón
del Mouse arrástrelo hacia la escena.
Observe que se crea una instancia del botón
Ahora probaremos la película para ver la función del botón
de comando.
27. abra el menú control y seleccione la opción probar
película
Observe que aparece el botón con el mensaje REPOSO
Ubique la flecha del Mouse sobre el círculo y observe que
cambia al color degradado rojo con el texto SOBRE
De un clic en el botón y observe que cambia al color
degradado verde con el texto PRESIONADO
EDITAR EL BOTON DE COMANDO
Para realizar algún cambio en el botón deberá entrar al modo
edición. A continuación realizaremos algunas modificaciones al botón.
28. de clic en el botón cerrar de la película( no de Flash)
para regresar al programa
29. Active la herramienta flecha
30. De un clic con el botón derecho del Mouse sobre el
círculo y del menú seleccione Edición.
31. Agregue una nueva capa
32. De un clic sobre el fotograma Reposo de la nueva capa y
active la herramienta texto
33. cambie el color de texto a negro
34. escriba el texto que se ve en la siguiente imagen con un
tamaño de 18.
35. Seleccione el fotograma Sobre de la nueva capa y
presione F6 para insertar un fotograma clave.
36. Cambie el texto como se muestra en la siguiente figura
37. De un clic sobre el fotograma presionado e inserte un
fotograma clave (F6)
38. Cambie el texto como se muestra en la siguiente figura
39. Presione la tecla CTRL + Enter para probrar la película
40. grabe su archivo.
PRACTICA
En la siguiente practica mediante botones de comando,
insertados en un mapa de la republica mexicana, mostraremos diferentes ciudades
importantes.
1. Inicie un nuevo archivo de Flash
2. Abra el menú Archivo y seleccione Importar
3. De la ventan importar, seleccione el archivo llamado MAPA
DE MEXICO.JPG
4. Observe el archivo importado
A continuación comenzaremos a crear los botones que
mostraran las imágenes en el mapa
5. Abra el menú Insertar y seleccione la opción nuevo
símbolo
6. En al ventana Propiedades de símbolo, en nombre escriba
HERMOSILLO
7. Active la opción Botón y de clic en aceptar
8. Active La herramienta ovalo y seleccione el, color de relleno
negro
9. dibuje en el centro un pequeño circulo
10. Seleccione le fotograma Sobre y presione la tecla F6
para insertar un fotograma clave.
11. Seleccione el fotograma zona activa y presione la tecla
F6 para insertar un fotograma clave.
12. Agregue una nueva capa
13. De un clic n el fotograma Sobre de la nueva capa y
presione la tecla F6
14. Abra el menú archivo y seleccione la opción Importar
15. De la ventana importar, seleccione el archivo llamado
HERMOSILLO.JPG y de clic en abrir, observe como va nuestra imagen….
16. Asegurese que el fotograma Zona active y presionado no
estén de color gris de los contrario
De un clic en el fotograma Zona activa y presione la tecla
Suprimir para borrar el área gris y De un clic en el fotograma Presionado y
presione la tecla Suprimir para borrar el área gris de la capa 2
17. De un clic en Escena1 para retornar a la escena
18. Abra el menú ventana y seleccione la opción Biblioteca
19. Seleccione le botón HERMOSILLO y arrástrelo hacia el
estado de sonora, observe la imagen
20. Presione las teclas CTRL+Enter para probar la película.
Observe el mapa y el botón de comando; acerque la flecha del Mouse sobre el
botón y observe que aparece la foto…..
21. Abra el menú insertar y seleccione nuevo símbolo
22. En la ventana propiedades de símbolo, en nombre, escriba
ACAPULCO, seleccione la opción Botón y de clic en Aceptar.
23. Seleccione la herramienta ovalo y dibuje un pequeño
circulo con relleno negro
24. Seleccione el fotograma Sobre e inserte un fotograma
clave F6
25. Seleccione el fotograma Zona active e inserte un
fotograma clave
26. Agregue una nueva capa
27. Seleccione le fotograma Sobre de la nueva capa y
presione la tecla F6 para insertar un fotograma clave
28. Abra el menú Archivo y seleccione la opción importar
29. Seleccione el archivo ACAPULCO.JPG y proceda a abrirlo
30. De un clic en el fotograma Zona Activa de la nueva capa
y presione la tecla suprimir
31. Repita el paso anterior en caso de haber área gris en el
fotograma presionado
32. Agregue botones para Veracruz, Oaxaca y Mexico D.F.
SONIDOS
En Flash se puede crear sonidos de producción constante,
independientes de la línea de tiempo. Es posible también sincronizar una
animación con una pista sonora. Así como poder adjuntar sonidos a botones para
hacerlos mas interactivos y hacer que aparezcan y desaparezca de forma
paulatina para refinar mas la pista sonora.
Existen dos tipos de sonidos en flash: sonido de evento y
sonidos de flujo.
1. Los sonidos de evento deben cargarse por completo para
que empiecen a reproducirse y continúan haciéndolo hasta que se detengan de
forma explicita.
2. Los sonidos de flujo empiezan a reproducirse en cuanto se
haya descargado información suficiente para los primeros fotogramas y sincronizar
el sonido con la línea de tiempo para reproducirlo en un sitio Web.
Agregar sonido de
flujo
Los sonidos pueden necesitar una cantidad considerable de
espacio en la unidad de disco y en la memoria RAM. No obstante los datos de
sonidos MP3 están comprimidos y son más pequeños que los datos WAV. En general,
cuando utilice archivos WAV, es preferible utilizar sonidos mono de 22 kHz y 16
bits (los estereos utilizan el doble de información). Pero Flash puede importar
sonidos de 8 o de 16 bits a velocidades de muestra de 11, 22 o 44 kHz.
Para realizar esta práctica es necesario contar con bocinas
o de preferencia utilizar las diademas.
Practica No. 28
1. Inicie un nuevo archivo.
2. Abra el menú archivo y seleccione importar
3. De la ventana seleccione la carpeta sonidos
4. De la lista Todos los formatos, seleccione sonido
WAV(*.wav)
5. Seleccione el archivo PIANO y proceda abrirlo
6. Abra el menú Ventana y seleccione biblioteca
Observe como en el fotograma 1 aparece el archivo sonido
7. De la biblioteca, seleccione el archivo y arrástrelo
hacia el escenario.
8. De un clic en el fotograma 30 y presione la tecla F6 para
insertar un fotograma clave
9. Presione la tecla Enter y escuche el archivo de audio
APLICAR EFECTOS Y EDITAR EL ARCHIVO DE SONIDO
Flash permite aplicar efectos a los sonidos de las
películas, lo que contribuye a coordinar el resultado de su reproducción con el
resto de la información que se transmite con ellas.
10. De la practica anterior, de un clic en el fotograma 1
para seleccionarlo
11. Observe el inspector de propiedades, en la opción
Efecto, despliegue para abrir la lista de efecto
EFECTO
DESCRIPCION
Ninguno
No aplica ningún efecto al sonido
Canal Izquierdo
Hace que el sonido se reproduzca solo en el canal izquierdo
Canal Derecho
Hace que el sonido se reproduzca solo en el canal derecho
Desvanecimiento de izquierda
Hace que la reproducción del sonido disminuya
progresivamente en el canal izquierdo, hasta que solo llegue a oír en el
derecho
Desvanecimiento de derecha
Hace que la reproducción del sonido disminuya
progresivamente en el canal derecho, hasta que solo llegue a oír en el
izquierdo
Aumento progresivo
Hace que la intensidad del sonido aumente progresivamente
Desvanecimiento
Hace que la intensidad del sonido disminuya progresivamente
Personalizar
Abre la ventana de dialogo que permite editar la envolvente
del sonido
12. De la opción Sinc.:, seleccione Flujo
13. De clic en el botón Editar
14. Observe la ventana Editar envolvente y sus elementos
Controles Editar Envolventes
Canal Izquierdo
Canal Derecho
Detener
Reproducir
Aumento/Reducción
Segundos/Fotogramas
Para cambiar la envolvente del sonido, arrastre los
selectores de envolvente para modificar los niveles en los distintos puntos del
sonido. Las líneas envolventes muestran el volumen del sonido al reproducirse.
Para crear selectores de envolvente adicionales (hasta 8 en total), haga clic
en l as líneas envolventes. Para eliminarlos, arrástrelos fuera de la ventana.
Para ver una parte mayor o menor del sonido en la ventana,
haga clic en los botones de aumento o reducción.
Para cambiar la unidad de tiempo de segundos a fotogramas,
haga clic en los botones Segundos y fotogramas.
15. Arrastre con el Mouse el selector de envolvente hasta el
final de la ventana del canal izquierdo
16. de un clic en reproducir y escuche el efecto del sonido
Habrá notado que solo el auricular o bocina del lado derecho
se escucha
17. arrastre el selector de envolvente hacia arriba del
canal izquierdo
18. arrastre el selector de envolvente hacia abajo del canal
derecho
Notara que ahora solo se escucha el auricular izquierdo o
bocina izquierda
19. de un clic en reproducir y escuche el efecto del sonido
20. De un clic sobre la línea envolvente del canal izquierdo
en esta posición y observe que aparece un nuevo selector en ambas líneas
21. arrastre el nuevo selector del canal izquierdo hacia
esta posición
22. de un clic en el botón reproducir
Notara que el sonido se escucha en el auricular izquierdo y
después se va desvaneciendo.
23. Arrastre el segundo selector del canal derecho hacia
esta posición
24. De un clic en el botón de reproducir
Notara que el sonido se reproduce en el auricular izquierdo
y se desvanece y para al auricular derecho
25. Abra la lista de efectos, y compruebe cada uno de ellos
Al finalizar de un clic en aceptar
AGREGAR UN SONIDO A UN BOTON
Practica No. 29
1. Cree un nuevo archivo
2. Abra el menú insertar y seleccione nuevo símbolo
3. Escriba SONIDO como nombre del botón.
4. seleccione la opción Botón
5. de un clic en Aceptar
6. Trace un circulo con un relleno degradado
7. Con la tecla F6 inserte un fotograma clave en los
fotogramas Sobre, Presionado y Zona activa
8. Agregue una nueva capa
9. De clic en el fotograma Presionado de la nueva capa y
presione la tecla F6 para insertar un fotograma clave
10. Abra El menú Archivo y seleccione la opción Importar
11. De la ventana Importar Seleccione el archivo
Telefono.Wav y de clic en el botón abrir
12. Abra el menú ventana y seleccione Biblioteca
13. de la biblioteca seleccione le archivo Teléfono y
arrástrelo hacia la ventana
Observe como aparece la frecuencia del archivo de sonido
14. Seleccione Escena1 para retornar al escenario
15. de la biblioteca, seleccione el botón sonido y
arrástrelo hacia el escenario
16. Presione las teclas CTRL+ENTER para probar la película y
después de un clic sobre el botón para escuchar el sonido.
AGREGAR ESCENAS A LA PELICULA
Puede utilizar escenas para organizar la película por temas;
por ejemplo, puede utilizar escenas para la introducción, un mensaje de carga y
los créditos.
Al publicar la película que contiene más de una escena, las
escenas del archivo SWF se reproducen en una sola secuencia en el orden en que
aparecen en el panel escena del archivo con la extensión FLA. Los fotogramas
del archivo SWF están numerados consecutivamente entre las diferentes escenas.
Por ejemplo, si una película contiene dos escenas, cada una de ellas con 10
fotogramas, los fotogramas de la escena 2 estarán numerados del 11 al 20.
Practica No. 30
1. inicie un nuevo archivo y observe que nos encontramos en
la Escena 1
2. Seleccione la herramienta Texto y escriba la siguiente
línea con un tamaño de 36
3. Abra el menú insertar y seleccione la opción Escena
4. Escriba en escena 2 la siguiente línea de texto
5. De un clic en el botón Editar Escena y observe que
aparece una lista con las escenas que forman la película; de un clic en Escena
1
6. Observe que ahora nos encontramos en la Escena 1
CAMBIAR EL NOMBRE A UNA ESCENA
7. Abra el menú Modificar y seleccione escena. Observe que
se abre ala Ventana escena con las lista de las escenas de la película
8. De doble clic en Escena 2, borre el contenido y cambie su
nombre a IMÁGENES, presione la tecla Enter al final.
Observe como cambia el nombre de la escena
Escenas de la película
Duplicar escena
Agregar escena
Eliminar escena
ELIMINAR ESCENA
9. Seleccione la Escena IMÁGENES o simplemente verifique que
este activa y de un clic en el botón eliminar escena
10. en al ventana de aviso de un clic en el botón Aceptar
para eliminar la escena.
Observe como la escena IMÁGENES se elimina de la lista
Una vez que se elimina una escena ya no es posible
recuperarla por lo cual se recomienda que tenga mucho cuidado cuando elimine
una escena de la película.
AGREGAR ACCIONES A LOS BOTONES DE COMANDOS
Las acciones básicas del panel Acciones le permiten controlar
la navegación y de la interacción con el usuario en una película mediante la
selección de acciones y permitiendo que Flash cree los ActionScript.
Practica No. 31
En la siguiente practica realizaremos por medio de botones
de comando, enlaces a diferentes escenas de la película; donde cada escena
realizara una actividad diferente.
1. Cree una nueva película, abra el menú Modificar y
seleccione la opción Documento
2. Cambien las unidades de regla a centímetros
3. Cambie las dimensiones de la escena (ancho: 26.32 y
altura:14.04), tal y como se muestra en la figura
4. abra la lista del Zoom y seleccione mostrar fotograma
para ver toda la Escena
A continuación cambiaremos el nombre de la escena
5. Abra el menú Modificar y seleccione la opción Escena
6. De doble clic en le nombre de la Escena 1 y cambie el
nombre de la Escena como PRINCIPAL y al final presione la tecla Enter.
7. Cierre la ventana Escena
A continuación importaremos una imagen como fondo de la
escena
8. Abra el menú Archivo y seleccione la opción importar o si
prefiere presione las teclas CTRL+R
9. Seleccione el archivo Fondo y de clic en abrir
10. Verifique que se encuentre seleccionada la herramienta
Flecha y active la herramienta Escalar
11. agrande la figura abarcando toda la escena de la
película
12. cambie el nombre de la Capa como FONDO
13. Agregue una nueva capa y sígnele el nombre del TITULO
14. Active la herramienta Texto y escriba un titulo para la
Escena (BIENVENIDO A MI SITIO)
Como siguiente paso crearemos los botones de comando que se
utilizaran como enlace para las escenas que serán insertadas en la película.
15. abra el menú Insertar y seleccione la opción Nuevo
Símbolo
16. Escriba el nombre de SONIDO y active la opción Botón
17. De un clic en el botón aceptar, observe la siguiente
imagen..
A continuación crearemos la figura que tendrá el botón, para
eso nos auxiliaremos de las líneas guías para dibujarla.
18. Abra el menú Ver y seleccione la opción Reglas
19. Agregue las siguientes líneas guías verticales y
horizontales en las posiciones que se señalan en la figura….
20. Active la herramienta Línea y comience a trazar una
Flecha siguiendo los puntos en las guias que se marcan el la siguiente figura…
21. Active la herramienta Cubo de pintura, seleccione un
color de relleno y aplíquelo a la flecha recién dibujada.
22. De un clic en el fotograma Sobre; presione la tecla F6 y
seleccione un color de relleno diferente para la flecha.
23. inserte un fotograma clave en los fotogramas presionado
y zona activa
24. de un clic en para retornar a la escena
25. Abra el menú ventana y seleccione la opción Biblioteca
26. Seleccione el botón SONIDO y arrastre una instancia
hacia la escena
27. Presione las teclas CTRL+ENTER para probar la película y
arrastre la flecha del Mouse sobre el botón para ver el efecto.
28. Cierre la ventana para regresar a la escena
Hasta el momento tenemos la escena principal y el primer
botón que llamara a la segunda escena. A continuación crearemos la escena que
mandara llamar el botón SONIDO.
29. Verifique que se encuentre activada la capa fondo
30. Active la herramienta Texto y escriba delante del botón
la palabra SONIDO
31. Abra el menú Insertar y seleccione la opción Escena
32. Abra el menú Modificar y seleccione la opción Escena
33. De doble clic sobre la escena recién insertada y
cámbiele el nombre a SONIDOS (Al final presione la tecla Enter)
34. cierre la ventana escena
35. De la ventana biblioteca, seleccione FONDO y arrástrelo
hacia el Escenario
36. Agrande el fondo tratando de que abarque toda la escena
37. Cambie la capa con el nombre de FONDO
38. agregue una nueva capa y asigne el nombre de TITULO
39. Seleccione la capa TITULO
40. active la herramienta Texto y escriba un titulo para la
Escena SONIDOS(BIENVENIDO A MI MUSICA FAVORITA)
En seguida crearemos dos botones de comando los cuales al
dar clic sobre ellos permitirán que se escuchen los archivos de sonido
41. Abra el menú insertar y seleccione Nuevo símbolo
42. Escriba el nombre de MUSICA1 y seleccione la opcion
boton, de un clic en Aceptar, observe la imagen….
43. Active la herramienta Ovalo, dibuje un circulo y
rellenelo con un color
44. Inserte un fotograma clave F6 en el fotograma Sobre y
cambie el relleno del circulo
45. Inserte un fotograma clave en el fotograma Presionado
46. agregue una nueva capa
47. de un clic en el fotograma presionado de la nueva capa e
inserte un fotograma clave F6
48. presione las teclas CTRL+R o seleccione la opción
importar del menú Archivo para mostrar la ventana Importar
49. Seleccione el archivo PIANO y de clic en abrir
Verifique que se encuentre seleccionado el fotograma
Presionado de la capa 2
50. Verifique que el archivo se encuentre ventana biblioteca
51. seleccione el archivo de sonido y arrástrelo hacia la
ventana donde se encuentra el circulo
52. observe como aparece una línea en el fotograma
Presionado de la capa 2, indicando que almacena el archivo de sonido.
53. De un clic en para retornar a la escena.
54. Seleccione la capa FONDO
55. Seleccione el botón MUSICA1 y arrástrelo hacia el
escenario para crear una instancia del botón
56. Seleccione la herramienta Texto y escriba el titulo de
la canción que selecciono, delante del botón (PIANO)
57. Abra el menú Control y seleccione probar Escena
Puede presionar las teclas CTRL+ALT+ENTER, en lugar de
seleccionar probar Escena del Menú control.
A continuación crearemos un segundo botón para escuchar otra
pista de música.
58. Abra el menú Insertar y seleccione Nuevo símbolo
59. Como nombre del botón escriba MUSICA2 y seleccione la
opción Botón, de clic en Aceptar.
60. Trace un circulo y rellenelo de un color.
61. Seleccione el fotograma Sobre y presione la tecla F6
para insertar un fotograma clave
62. Active la herramienta Cubo de pintura y seleccione un
color diferente para el circulo.
63. seleccione el fotograma Presionado e inserte un
fotograma clave (F6)
64. agregue una nueva capa
65. Seleccione el fotograma Presionado de la nueva capa y
presione F6 para insertar un fotograma clave.. observe la siguiente imagen
66. Presione las teclas CTRL+R o seleccione la opción
Importar del Menú Archivo y seleccione un nuevo archivo de sonido y ábralo
67. Seleccione la archivo de sonido recién importado y
arrástrelo hacia la ventana
68.observe como aparece una línea en el fotograma Presionado
de la capa 2…
69. Seleccione, para retornar a la Escena.
70. De la ventana Biblioteca seleccione el botón MUSICA2 y
arrástrelo hacia la escena para crear una instancia del botón.
71. Presione las teclas CTRL+ALT+ENTER o seleccione probar
escena del menú Control y de un clic sobre el botón para escuchar la pista de
sonido.
Hasta el momento nuestra película esta formada por dos
escenas (principal y sonidos)
En la ventana biblioteca se encuentran los siguientes
elementos:
Archivo que se utilizo como fondo de las escenas
Archivos de sonido de la escena sonido
Tres botones de comando, los dos primeros para llamar a los
archivos de sonido y el tercero para llamar a la escena sonidos
VENTANA DE ACCIONES
Una de las potencias de Flash es la facilidad con la que se
crean presentaciones o formularios interactivos; esto es, que responde a las
demandas o acciones de los usuarios. Las acciones son sentencias o comandos de
ActionScript. Flash contempla un gran numero de acciones predefinidas además de
un complejo lenguaje de programación llamado ActionScript .
A continuación crearemos dos botones y los insertaremos en
la escena SONIDOS; el primero nos servirá para detener la música o las pistas,
y el segundo nos servirá para retornar a la escena principal.
Cada botón tendrá una acción que se ejecutara al momento en
que se de clic sobre el.
Las funciones que utilizaremos en este ejercicio son:
1. Stop All Sound: Detiene la ejecución de sonidos programados
2. Go to: permite ir a una determinada Escena, fotograma o
etiqueta.
No hay comentarios.:
Publicar un comentario