Insertar sonido en línea de tiempo

Al añadir un sonido directamente sobre la línea de tiempo, lo asociamos a un fotograma. Por tanto, el sonido se comenzará a reproducir en ese fotograma, y continuará hasta que sea detenido. Esto es útil, por ejemplo, para agregar música a la película.
Lo mejor será crear una nueva capa para cada sonido. Así lo controlaremos fácilmente. Creamos un fotograma clave en el momento en que queremos que comience a reproducirse el sonido, y lo arrastramos de la biblioteca al escenario. También podemos elegirlo directamente desde el panel de Propiedades.
Con el fotograma de la nueva capa seleccionado, accedemos a sus propiedades, a la sección de Sonido.
Seleccionamos los efectos deseados, y las veces que lo queremos Repetir.
En el menú Sinc. seleccionamos la opción de sincronización deseada. Por ejemplo, si queremos que cada vez que se pase por ahí, se lance un sonido breve, porque por ejemplo se mueve un objeto, seleccionaremos evento. En cambio, si queremos iniciar la reproducción del sonido a partir de ahí, marcamos Inicio. Si queremos iniciar el sonido en un fotograma más adelante, seleccionamos Detenido, y lo iniciamos creando un fotograma clave, seleccionado el mismo sonido.

Así representa Flash los sonidos insertados en Fotogramas

Por defecto, Flash entiende que queremos reproducir el sonido completo, si no ¿por qué importarlo todo cuando genera un archivo más grande? Por supuesto, podemos hacer que el sonido se detenga en un fotograma determinado. Para ello, creamos un fotograma clave, y con el mismo sonido seleccionado, elegimos Detener en el desplegable Sinc.
Otra sería utilizar la opción Flujo.

Al seleccionar esta opción, el sonido se reproducirá hasta que se acabe o llegue a un fotograma clave, siguiendo la película. Sólo es aconsejable esta opción si realmente la necesitamos.

Cuestionario:

1. ¿Cuando añadimos un sonido a la línea de tiempo a qué lo asociamos?
2. ¿Para controlar más fácilmente al sonido que debemos crear?
3. Dibuja como representa Flash al sonido insertado en fotogramas.
4. Por defecto, ¿Cómo entiende Flash que queremos reproducir el sonido?
5. ¿Cómo podemos hacer para  que el sonido se detenga?

Ejercicio paso a paso.

1. Creamos la película mediante Archivo → Nuevo, eligiendo ActionScript 3 (por defecto tendremos un único fotograma).
2. Creamos una nueva capa (icono Nueva capa de la línea de tiempo) y la seleccionamos.
3. Insertamos un nuevo fotograma clave en la línea de tiempo en el fotograma 5 y 15 (desde el Menú Insertar → Línea de Tiempo → Fotograma Clave, o pulsando F6).
4. Importamos un archivo de música (corto). Seleccionamos Archivo → Importar → Importar a Biblioteca, que se encuentra en el Menú Archivo.
5. Se abrirá la clásica ventana de Windows para buscar un archivo. Buscamos el archivo de sonido en su memoria USB y pulsamos Abrir.
6. El sonido ya está insertado. Hacemos clic en el Panel Biblioteca (Ventana → Biblioteca) y comprobamos que se encuentra allí.
7. Seleccionamos el fotograma 5 (donde queremos insertar el sonido).
8. Después seleccionamos el sonido en el Panel Biblioteca y lo arrastramos hasta el escenario.
9. Ve al panel de Propiedades, y la opción Sinc. selecciona Evento.
10. Prueba la película (tecla Intro) y comprobarás que el sonido se reproduce hasta al final. Pulsa varias veces Intro y comprobarás que el sonido se reproduce varias veces solapándose. (Avisa al maestro)
11. En el despegable Sinc de las Propiedades, cambia el valor a Flujo. Repite el paso anterior y comprueba que el sonido se para al llegar al último fotograma. (Avisa al maestro)
12. En el despegable Sinc de las Propiedades, cambia el valor a Iniciar. Repite el paso anterior y comprueba que el sonido no se vuelve a iniciar si aún no ha acabado, aunque se reproduce hasta el final.
13. Selecciona el fotograma clave 15.
14. En el Panel Propiedades, en Sonido, elige el Nombre del archivo que estamos utilizando.
15. En la opción Sinc selecciona Detener.
16. Prueba la película y comprobarás que ahora se detiene al llegar la fotograma 15. (Avisa al maestro)

El sonido en Flash

¿Quién sería capaz de ver una película muda? ¿Y una animación espectacular sin sonido?
Hasta hace poco, los únicos sonidos que oíamos en las páginas web eran los famosos "midis", de escaso tamaño y de escasa calidad. De hecho, eran sólo instrumentos musicales sin voz, de ahí su pequeño tamaño (y calidad). Aún así, siempre existía algún creador de páginas web que se aventuraba a poner algún sonido complejo (.wav o .mp3) en su página web, por desgracia, su carga es tan lenta, que la mayoría de los visitantes se irían de la página sin llegar a escucharla.
Hoy, gracias a las conexiones de banda ancha orientadas a contenido multimedia, poner sonido a las páginas web es un poco más fácil, ¿qué aporta Flash?
Flash nos permite insertar cualquier sonido que queramos en nuestras películas (.wav, .aiff, .mp3, etc...) de forma fácil y muy efectiva, ya que es capaz de acelerar la descarga del sonido siempre y cuando se descargue junto con nuestra película.
Podemos dar a la película efectos simples (el típico "clic" al pulsar un botón), efectos complejos (música de fondo) e incluso podemos hacer que la animación se desarrolle conjuntamente con una música (si bien esto último necesitaría que toda la película estuviera descargada previamente, para evitar "atascos" durante el desarrollo de la animación). En definitiva, Flash nos lo vuelve a poner fácil.
Pero hemos de tener cuidado al incluir sonidos, sobre todo si son melodías. Es preferible que sea el usuario quien las active a través de un botón, o si es necesario que se reproduzcan automáticamente, tener un control fácilmente localizable para silenciarlo.

Procedimiento para importar un video
Utilizar los sonidos incorporados. 
Flash ya incluye una serie de sonidos incorporados que podemos importar a nuestro proyecto. Se trata principalmente de sonidos como disparos, risas, sonidos animales, etc. Los podemos encontrar a través del menú Ventana → Bibliotecas comunes → Sonidos. Se abrirá un panel como el siguiente:

Para incorporar alguno de estos sonidos a nuestra biblioteca de proyecto, no tenemos más que arrastrarlos desde este panel.

Propiedades de los sonidos

En Flash CS5, al igual que en versiones anteriores, todo lo referente a los sonidos lo podemos editar desde el Panel Propiedades. Aquí tenemos todo lo necesario para insertar, modificar y editar el sonido que acabamos de importar. Si no hemos importado ningún sonido, nos daremos cuenta de que no podemos seleccionar nada en dicho panel, basta insertarlo para que esto cambie.
Para que aparezca la posibilidad de trabajar con sonidos, deberemos hacer clic en seleccionar el fotograma en el que queremos reproducir el sonido, tras hacer esto, el Panel Propiedades toma el siguiente aspecto:

Veamos las partes que tiene este panel.

• Nombre: En este desplegable nos aparecerán los sonidos que tenemos importados en la Biblioteca. Deberemos seleccionar la canción que pretendamos añadir a nuestra película (en el siguiente punto veremos cómo insertarla). Si no queremos reproducir sonido, seleccionamos Ninguno.

• Efecto: Desde aquí podremos añadir algún efecto a nuestro sonido, como por ejemplo que el sonido pase del canal izquierdo al derecho (esto crea la sensación de que el sonido te envuelve ya que lo oyes por un sitio y luego por otro, aunque queda muy lejos de los verdaderos sonidos envolventes), que el volumen aumente progresivamente etc... Si deseamos añadir complejos efectos sonoros, deberemos tratar adecuadamente el sonido con algún programa creado específicamente para este propósito antes de importarlo.

En el punto Editar Sonidos se tratará en más profundidad estos efectos.

• Sinc: Esta opción nos permite determinar en qué momento comenzará a actuar nuestro sonido, estas son las opciones que tenemos:

• Evento: Sincroniza nuestro sonido con un evento determinado. Es la opción por defecto y provoca que el sonido se empiece a reproducir al pasar la película por el fotograma en el que está situado. También se puede sincronizar el sonido con botones y los demás tipos de símbolos. El sonido se repetirá completamente, y si lo ejecutamos varias veces, se reproducirá de nuevo, aunque no hubiese acabado, provocando que el sonido se solape.
• Inicio: Su funcionamiento es equivalente al de "Evento", se diferencian en que si ya se está reproduciendo, no se reproduce de nuevo.
• Detener: Detiene el sonido seleccionado.
• Flujo: Esta opción sincroniza el sonido con el o los objetos con los que esté asociado, por tanto, si la carga de la película es lenta y las imágenes no fluyen adecuadamente, el sonido se detendrá para sincronizarse con ellas. Este efecto puede dar la sensación de que la película se corta de un modo muy brusco (pensar en que se considera normal que una imagen tarde en cargarse, pero si se detiene un sonido mientras se reproduce, produce una reacción muy negativa en los que pueden estar viendo nuestra película).
  Por otra parte, es un efecto muy adecuado para algunas situaciones, por ejemplo, el efecto de que un personaje hable durante una película. En esta situación, es muy recomendable que el sonido y las imágenes estén sincronizadas.

• Repetir: Determina el número de veces que se reproducirá el sonido según lo indiques de la derecha. También puedes seleccionar Reproducir indefinidamente para que el sonido se reproduzca en un bucle hasta llegar al siguiente fotograma clave.

No recomendamos insertar sonidos con la opción Flujo y a la vez la de Repetir, ya que al estar sincronizados los sonidos con las imágenes, provocaríamos que las imágenes (y los fotogramas que las contengan) se dupliquen también, aumentando considerablemente el tamaño de la película.
CUESTIONARIO:

1.  ¿Gracias a que conexiones, poner el sonido es mas fácil?
2. ¿Qué sonidos nos permite insertar Flash? Diga 3 tipos de archivos
3.  Diga los pasos(según el video) para importar un sonido a la biblioteca.
4. ¿Qué sonidos incorpora principalmente Flash? y ¿En donde los podemos encontrar?
5. ¿Cómo los podemos incorporar algunos de estos sonidos a nuestra biblioteca?
6. ¿Donde podemos editar un sonido?
7. ¿En donde deberemos hacer clic para que aparezca la posibilidad de trabajar con sonidos?
8. ¿Cuando cambia de aspecto el panel propiedades, describe sus partes? (Haz un resumen)

ACTIVIDAD:

• Importa 5 sonidos (mp3) a tu biblioteca de Flash.
• Realiza efectos a tu sonido.

Texto III

Incorporar fuentes

Al crear un archivo de flash con texto, si en Suavizado no hemos elegido fuentes de dispositivo, tenemos que tener presente que si hemos elegido una fuente que no está disponible en el sistema que se reproduce la película, se sustituirá por otra fuente disponible. Esto es un problema, ya que puede alterar bastante nuestro diseño.
Para evitar esto, podemos incluir las fuentes que hemos empleado en nuestro proyecto. Esto garantiza que el texto se vea tal y como lo creamos, independientemente de las fuentes del sistema.
Para incorporar una fuente en la película usamos el botón Incorporar que aparece en el panel de Propiedades.
Se abrirá el siguiente cuadro de diálogo:

En el desplegable Familia seleccionamos la fuente que deseamos utilizar. Seleccionamos los estilos que vamos a utilizar (Negrita, Cursiva y Tamaño).
El nombre que le demos se mostrará en la Biblioteca y estará lista para utilizarse.
Cuando creemos un campo de texto, seleccionamos nuestra fuente, que aparecerá señalada con un asterisco (*).

De esta forma nos aseguramos que nuestro proyecto se verá tal cual lo creamos.

Actividad:
Realiza lo mismo que el ejemplo anterior.

Introducir texto

Aunque el uso más común y principal de los contenedores de texto es mostrarlo, también podemos emplearlos como un cuadro de entada de texto.
Para hacerlo, basta con seleccionar Texto editable en las propiedades del elemento.

En el siguiente ejemplo, tenemos tres cuadros de texto: el de arriba es editable, el del medio solo seleccionable y el de abajo solo se puede leer. Y también hemos hecho que el contenido de todos cambie según lo que se escriba en el primero.

Para recoger información de los usuarios, normalmente emplearemos componentes de formulario, que son controles específicos para esta función. Pero a esto le dedicaremos un tema completo más adelante.
Pero ¿cómo recogemos la información introducida en el cuadro de texto? Aunque aún no lo hemos explicado, el texto es un objeto. Y como tal, tiene una propiedad que nos permite leer su contenido mediante ActionScript. Cuando comencemos a trabajar con ActionScript veremos que esto, es una tarea muy sencilla.
Actividad

Crear textos

1. Crea una película con 1 fotograma.
2. Crea un objeto de texto para lectura que diga: Bienvenido a mi página web.
3. Utiliza la fuente Verdana a un tamaño de 45.
4. En el desplegable Suavizado, elige Legibilidad.

Textos II

Un Párrafo no es más que un conjunto de caracteres con propiedades comunes a todos ellos. Estos párrafos admiten ciertas opciones que nos permiten trabajar con bloques de texto. El Panel Propiedades nos proporciona las siguientes opciones para trabajar con párrafos (entre otras).A la Izquierda: Todas las líneas empezarán tan a la izquierda como sea posible (dentro del recuadro de texto que hayamos definido). Centrar: Las líneas se distribuyen a la derecha y a la izquierda del punto medio del párrafo.
A la derecha: Todas las líneas empezarán tan a la derecha como sea posible dentro del recuadro de texto que hayamos definido).
Justificado: El texto se ensancha si es necesario con tal de que no quede "dentado" por ninguno de sus límites. Las diferentes opciones se refieren a la última línea del texto, que suele ser más corta que el resto.
El resto de opciones nos permiten determinar los márgenes (izquierdo y derecho), los sangrados de párrafo y el espacio interlineal.

Propiedades de los contenedores de texto

En el panel de propiedades, podemos encontrar algunas opciones que afectan a los contenedores de texto, en la categoría de opciones Contenedor y flujo.
La propiedad Comportamiento se refiere a como se amplía un contenedor de Texto al introducir texto.
Caracteres máx.: Nos permite limitar el número máximo de caracteres que se pueden introducir en la caja de texto.
Alineación: nos permite establecer la alineación horizontal del texto en el contenedor. Sus valores pueden ser Superior, Centrar, Inferior o Justificar.

Columnas nos permite dividir fácilmente un texto de área en el número de columnas indicado. En este caso, también podremos regular el espacio entre ellas (medianil).
.
El relleno (padding) permite crear una separación entre los bordes del contenedor y el texto.
Además, podemos asignar un color de relleno y borde al contenedor.

Flujo de texto entre contenedores

Al escribir, podemos crear textos de áreas con un texto fijo, y colocarlo en un lugar del documento. Pero pensemos en un tríptico, por ejemplo. En este caso lo ideal sería tener un texto de área centrado en cada página, y que cuando el texto no nos cabe en uno, pase al siguiente. Esto lo conseguimos enlazando los distintos textos de área.
Los textos de área tienen un cuadradito en su comienzo, llamado puerto de entrada, y otro al final, llamado puerto de salida.

Cuando todo el texto cabe en el elemento de texto, el puerto de salida aparece en blanco. Pero cuando el texto desborda al elemento, el puerto de salida muestra el símbolo . Cuando dos elementos de texto aparecen enlazados, el que va primero muestra una flecha hacia afuera en el puerto de salida, que está unido al puerto de entrada del siguiente elemento, que muestra una flecha hacia adentro.

Para crear un elemento de texto enlazado, partimos de un objeto de texto ya creado, y hacemos clic con la herramienta Selección en uno de sus puertos, en el de entrada si queremos que el nuevo objeto vaya delante, o en el de salida si el nuevo objeto irá a continuación. El cursor cambiará a cursor de , dándonos dos opciones:

• Hacer clic en el en otro área de texto para enlazarlo.
• Trazar un nuevo elemento de texto, igual que con la herramienta Texto. Si esto lo hacemos en un puerto ya enlazado, el nuevo elemento de texto se colocará entre los elementos que estaban enlazados.

Para romper un enlace, podemos hacer doble clic sobre un puerto enlazado, lo que mueve todo el texto al puerto de origen.


Cuestionario:

1. ¿Qué es un párrafo?
2. En el Panel Propiedades ¿Que opciones nos proporciona para trabajar con párrafos?
3.  La propiedad "Comportamiento" ¿A que se refiere?
4. ¿Qué nos permite hacer la propiedad "Columnas" con un texto?
5. ¿Cómo se llaman los cuadritos que tienen los textos de entrada en su comienzo y el otro al final?
6. Diga el procedimiento para crear un texto enlazado.

Actividad: Crear un flujo de texto

Crear un texto que fluya por varios contenedores.

Ejercicio paso a paso.

• Crea un archivo de texto "normal", Escribe "Prueba de Texto"
• Haz clic en una de sus esquinas para cambiar su tamaño. 
• Escribe más texto hasta que el puerto de salida muestre una cruz roja (puedes copiar texto de este blog y pegarlo).
• Haz clic sobre el puerto de salida, verás que el cursor cambia a .
• Ahora, traza un rectángulo sobre la escena. Verás que se crea un nuevo área de texto que se rellena con el texto sobrante de la primera área.
• Escribe nuevo texto al principio del primer área, y comprueba que va pasando de la primera a la segunda.
• Realizar 5 Textos enlazados. Ejemplo, imagen de abajo, pero que estén ordenados en forma circular.

------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------