SONIDO EN FLASH CS6

1. EL SONIDO EN FLASH
Quin sera capaz de ver una pelcula muda? Y una animacin
espectacular sin sonido?
Hasta hace poco, los nicos sonidos que oamos en las pginas web eran los
famosos "midis", de escaso tamao y de escasa calidad. De hecho, eran slo
instrumentos musicales sin voz, de ah su pequeo tamao (y calidad). An
as, siempre exista algn creador de pginas web que se aventuraba a poner
algn sonido complejo (.wav o .mp3) en su pgina web, por desgracia, su carga
es tan lenta, que la mayora de los visitantes se iran de la pgina sin llegar a
escucharla.
Hoy, gracias a las conexiones de banda ancha orientadas a contenido
multimedia, poner sonido a las pginas web es un poco ms fcil, qu
aporta Flash?
Flash nos permite insertar cualquier sonido que queramos en nuestras
pelculas (.wav, .aiff, .mp3, etc...) de forma fcil y muy efectiva, ya que es
capaz de acelerar la descarga del sonido siempre y cuando se descargue
junto con nuestra pelcula.
Podemos dar a la pelcula efectos simples (el tpico "clic" al pulsar un
botn), efectos complejos (msica de fondo) e incluso podemos hacer que la
animacin se desarrolle conjuntamente con una msica (si bien esto ltimo
necesitara que toda la pelcula estuviera descargada previamente, para
evitar "atascos" durante el desarrollo de la animacin). En definitiva, Flash
nos lo vuelve a poner fcil.

Pero hemos de tener cuidado al incluir sonidos, sobre todo si son melodas.
Es preferible que sea el usuario quien las active a travs de un botn, o si es
necesario que se reproduzcan automticamente, tener un control fcilmente
localizable para silenciarlo.
2. IMPORTAR SONIDOS
Utilizar sonidos externos. Podemos insertar en una pelcula de Flash
sonidos que tengamos en formato digital: grabados por nosotros mismos,
descargados de internet, etc...Pero para que est disponible en nuestra
pelcula y podamos usarlo, antes debemos de importarlo.
Realmente debemos de importar a flash cualquier archivo externo que
queramos usar: sonidos, grficos, e incluso con otras pelculas Flash.
Importar por tanto, no es ms que decirle a Flash que aada un determinado
archivo a nuestra pelcula, para que podamos usarlo cuando queramos. En
realidad, lo aade a nuestra Biblioteca, que es el Panel en el que estn todos
los objetos que participan en la pelcula (este panel se ver ms adelante).
As pues si queremos manejar un sonido en nuestra pelcula, deberemos
importarlo previamente.
Una vez est importado, podremos usarlo con total libertad.
Para

importar

un

sonido

haz

men Archivo Importar Importar a biblioteca.

clic

en

el

Se abrir el cuadro de dilogo de Importar a biblioteca. All debers

seleccionar en Tipo de archivo Todos los formatos de sonido.
Navega por las carpetas hasta encontrar el archivo de audio que quieras
incluir en tu pelcula. Seleccinalo haciendo clic sobre l y haz pulsa el
botn Aceptar.
El sonido estar listo para usarlo donde quieras, podrs encontrarlo en
la Biblioteca (men Ventana Biblioteca).

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

travs

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 ms que arrastrarlos desde este panel.
3. PROPIEDADES DE LOS SONIDOS
En Flash CS6, 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 ningn 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 aparecern los sonidos que tenemos
importados en la Biblioteca. Deberemos seleccionar la cancin que
pretendamos aadir a nuestra pelcula (en el siguiente punto veremos cmo
insertarla). Si no queremos reproducir sonido, seleccionamos Ninguno.

Efecto: Desde aqu podremos aadir algn efecto a nuestro sonido,

como por ejemplo que el sonido pase del canal izquierdo al derecho (esto
crea la sensacin 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
aadir complejos efectos sonoros, deberemos tratar adecuadamente el

sonido con algn programa creado especficamente para este propsito antes
de importarlo.
En el punto Editar Sonidos se tratar en ms profundidad estos
efectos.

Sinc: Esta opcin 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

opcin por defecto y provoca que el sonido se empiece a reproducir al
pasar la pelcula por el fotograma en el que est situado. Tambin se
puede sincronizar el sonido con botones y los dems tipos de smbolos.
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 opcin sincroniza el sonido con el o los objetos con los que
est asociado, por tanto, si la carga de la pelcula es lenta y las
imgenes no fluyen adecuadamente, el sonido se detendr para
sincronizarse con ellas. Este efecto puede dar la sensacin de que la
pelcula 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 reaccin muy negativa en los que
pueden

estar

viendo

nuestra

pelcula).

Por otra parte, es un efecto muy adecuado para algunas situaciones, por
ejemplo, el efecto de que un personaje hable durante una pelcula. En
esta situacin, es muy recomendable que el sonido y las imgenes estn
sincronizadas.
Repetir: Determina el nmero de veces que se reproducir el sonido
segn lo indiques de la derecha. Tambin 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 opcin Flujo y a la vez la de
Repetir, ya que al estar sincronizados los sonidos con las imgenes,
provocaramos que las imgenes (y los fotogramas que las contengan) se
dupliquen tambin, aumentando considerablemente el tamao de la pelcula.
4. INSERTAR SONIDO EN LNEA DE TIEMPO
Al aadir un sonido directamente sobre la lnea 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 msica a la pelcula.
Lo mejor ser crear

una

nueva

capa

para

cada

sonido. As lo

controlaremos fcilmente. Creamos un fotograma clave en el momento en

que queremos que comience a reproducirse el sonido, y lo arrastramos de la
biblioteca al escenario. Tambin podemos elegirlo directamente desde el
panel de Propiedades.

Con

el fotograma de

la

nueva

capa

seleccionado,

accedemos

sus propiedades, a la seccin de Sonido.

Seleccionamos

los efectos deseados,

las

veces

que

lo

queremos Repetir.
En el men Sinc, seleccionamos la opcin de sincronizacin 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 reproduccin del sonido a partir de ah,
marcamos Inicio. Si queremos iniciar el sonido en un fotograma ms
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 ms 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 sera utilizar la opcin Flujo.

Al seleccionar esta opcin, el sonido se reproducir hasta que se acabe o

llegue a un fotograma clave, siguiendo la pelcula. Slo es aconsejable esta
opcin si realmente la necesitamos.

Para practicar la insercin de sonidos realiza el Ejercicio: Trabajar

con sonidos.
EJERCICIO: TRABAJAR CON SONIDOS
CAPACIDAD:
Inserta un sonido que reproduzca desde el fotograma 5 al 15.
PROCEDIMIENTO:
1. Creamos la pelcula mediante Archivo Nuevo, eligiendo ActionScript
3 (por defecto tendremos un nico fotograma).

2. Creamos una nueva capa (icono Nueva capa de la lnea de tiempo) y la

seleccionamos.
3. Insertamos un nuevo fotograma clave en la lnea de tiempo en el
fotograma

65

(desde

el

Men Insertar Lnea

de

Tiempo Fotograma Clave, o pulsando F6).

4. Seleccionamos Archivo Importar Importar a Biblioteca, que se
encuentra en el Men Archivo.
5. Se abrir la clsica ventana de Windows para buscar un archivo.
Buscamos

el

archivo sonido.mp3 en

la

carpeta

de ejercicios y

pulsamos Abrir.
6. El

sonido

ya

est

insertado.

Panel Biblioteca (Ventana Biblioteca)

Hacemos
y

clic

en

el

comprobamos

que

se

encuentra all.
7. Seleccionamos el fotograma 5 (donde queremos insertar el sonido).
8. Despus seleccionamos el sonido en el Panel Biblioteca y lo arrastramos
hasta el escenario.
9. Ve al panel de Propiedades, y la opcin Sinc. selecciona Evento.
10. Prueba la pelcula (tecla Intro) y comprobars que el sonido se
reproduce hasta al final. Pulsa varias veces Intro y comprobars que el
sonido se reproduce varias veces solapndose.
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.

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 an no ha acabado, aunque se reproduce hasta el final.
13. Selecciona el fotograma clave 65.
14. En el Panel Propiedades, en Sonido, elige el Nombre del archivo que
estamos utilizando.
15. En la opcin Sinc selecciona Detener.
16. Prueba la pelcula y comprobars que ahora se detiene al llegar la
fotograma 65.

5. SONIDOS EN BOTONES
Es muy comn insertar un breve sonido al pulsar un botn, as el usuario
percibe que ese botn "hace algo".
Como veremos ms adelante, los botones tienen su propia lnea de tiempo,
con sus distintos estados. Por eso, no tenemos ms que insertar los sonidos
para cada estado.
Lo que s debemos de tener en cuenta, es en usar la opcin
de Sincronizacin Evento, para que se reproduzca el sonido en su
totalidad.

6. EDITAR SONIDOS
Flash no fue creado como un editor de sonidos, por lo que su potencia en
este campo es limitada. An as, los efectos que permite aplicar de un modo
sencillo suelen ser suficientes para cualquier animacin que queramos
realizar. Disponemos de estos efectos del panel Propiedades:

Canal Izquierdo: El sonido tan slo se escuchar por el altavoz

izquierdo.

Canal Derecho: El sonido tan slo se escuchar por el altavoz

derecho.

Desvanecimiento de izquierda a derecha: El sonido se reproduce

inicialmente en el altavoz izquierdo para luego pasar al derecho.

Desvanecimiento de derecha a izquierda: El sonido se reproduce

inicialmente en el altavoz derecho para luego pasar al izquierdo.

Aumento

Progresivo:

El

volumen

de

nuestro

sonido

aumenta

progresivamente.

Desvanecimiento:

El

volumen

de

nuestro

sonido

disminuye

progresivamente.

Personalizado: Esta opcin nos permite "editar" el sonido de un modo

rpido y sencillo. Desde este editor podemos decidir qu volumen tendr
nuestro sonido y en qu altavoz. Podemos crear los efectos anteriores
ajustndolos a nuestro gusto y podemos crear efectos ms complejos a
nuestra medida.

Esta es la apariencia del cuadro de dilogo Personalizar Sonido. La parte

superior representa el canal izquierdo y la parte inferior el canal derecho.
Entre las 2 partes hay una lnea de tiempo que nos indica el tiempo de sonido
transcurrido en cada punto.
Las lneas grises representan el volumen del sonido y haciendo clic en ellas
podemos configurar este volumen.
En el ejemplo, el canal izquierdo se reproduce normalmente (pues el
volumen est al mximo), pero el canal derecho empieza en silencio, para
poco a poco alcanzar el volumen normal (este efecto equivaldra a un
Aumento Progresivo en el canal derecho).
7. MP3 O WAV?
Como ya se ha comentado, los sonidos que Flash CS6 puede importar
casi cualquier tipo de sonido, aunque los ms empelados son MP3 y WAV.
Por tanto, cuando queramos aadir un sonido a nuestra pelcula, deberemos
decantarnos por uno de estos 2 formatos. Lo normal es que el sonido que

pretendamos insertar ya est en uno de ellos, pero no debemos olvidar que

existen multitud de programas que convierten un sonido con extensin .mp3
a uno .wav y viceversa, por lo que no debe ser inconveniente el formato que
tenga el sonido en un principio.
La pregunta surge en seguida Cul es mejor?
Esta pregunta es ms importante de lo que parece, ya que si decidimos que
nuestra pelcula tenga sonidos, deberemos asumir una carga muy importante
en cuanto a tamao de la pelcula y en consecuencia en cuanto a tiempo de
descarga. Lo habitual es que los sonidos ocupen ms de la mitad del espacio
total y muchas veces no valdr la pena insertarlos...
Una vez decididos a insertar el sonido, la lgica nos dice que insertemos el
sonido que ocupe un espacio menor en el disco duro, ya que este espacio es el
que ocupar en nuestra pelcula. Esto es una aproximacin, ya que Flash
comprime todo aquello que insertamos en nuestras pelculas.
Como ya sabemos, los sonidos .mp3 ocupan un espacio mucho menor que los
sonidos .wav (10 veces menos o ms), por lo que parece recomendable
insertar .mp3 en lugar de .wav, ahora bien Puede Flash comprimir un sonido
ya comprimido? Es decir, si un sonido .wav ha sido comprimido y ahora tiene
extensin .mp3, podr Flash volver a comprimirlo? La respuesta es NO.
Flash comprime los sonidos que insertamos en nuestras pelculas, pero si el
sonido resulta estar ya comprimido, no podr volver a comprimirlo (en
realidad si que consigue comprimirlo, pero el sonido final es el mismo que el
inicial).

Ahora que ya sabemos esto, nos falta saber si Flash comprime un

archivo .wav ms de lo que comprime el formato .mp3, para ver bien este
aspecto, hemos preparado varios ejemplos...
Ejemplo:
Contamos con una pelcula con un nico frame que est
vaco. Esta pelcula, una vez lista para ser vista (.swf) ocupa
1KB.
Tenemos 1 sonido .wav que ocupa 1596 KB
Comprimimos dicho sonido con un programa compresor de
audio y obtenemos el mismo sonido en formato .mp3, ocupa
145 KB. (La calidad de sonido es prcticamente idntica).
Ahora insertamos el sonido .wav en la pelcula original y la
exportamos (esto se trata en el ltimo tema).
Resultado: Una pelcula con sonido (pelcula 1) que ocupa
37KB.
Insertamos despus el sonido .mp3 en la pelcula original.
Resultado: Una pelcula con sonido (pelcula 2) que ocupa
145 KB
Conclusin: La pelcula con un sonido .wav ocupa casi 5 veces menos
que la que tiene el mismo sonido en .mp3, por tanto parece
recomendable insertar sonidos .wav (la compresin de audio que logra
Flash es muy grande). Como contrapartida, podra apreciarse prdida
de calidad en el sonido que se escucha en la pelcula 1. Esta prdida
ser importante segn el tipo de sonido que sea. Si es una voz, por

ejemplo, deberamos insertar .mp3 ya que necesariamente deber

escucharse bien, si es msica de fondo, es probable que aunque se
pierda calidad, el resultado final sea aceptable y sea conveniente
quedarnos con la pelcula de menor tamao. Lo mejor es probar ambas
versiones y evaluar el resultado.
Por ltimo, comentar que Flash no puede importar sonidos en formato
MIDI (.mid). An as, si estamos empeados en que en nuestra animacin el
sonido sea un MIDI y no queremos o podemos conseguir un programa que
convierta el sonido MIDI a WAV o MP3 existe una forma de hacerlo
consistente en el uso combinado de Flash y Javascript.
EJERCICIOS:
Ejercicio 1: Importar Sonidos
1. Crea una pelcula con 1 fotograma.
2. Localiza el archivo sonido.mp3 en la carpeta de ejercicios.
3. Imprtalo a tu pelcula.
4. Comprueba que est disponible en la Biblioteca.
5. Inserta el sonido importado en el fotograma 1.
6. Comprueba que funciona (que el sonido puede escucharse). Para ello,
pulsa CTRL+ ENTER (Esta combinacin de teclas te permite "probar"
la pelcula).
7. Consigue que el sonido deje de escucharse al llegar la pelcula al
fotograma 5.

8. Consigue que vuelva a escucharse en el fotograma 10, y se reproduzca

todo el sonido.
Ejercicio 2: Editar Sonidos
1. Modifica el sonido (usando Flash) de modo que en un principio no se
oiga, y poco a poco vaya aumentando de volumen.
2. Modifica el sonido de modo que al final del mismo, parezca que el
sonido pasa de un altavoz al otro.
SOLUCIN A LOS EJERCICIOS ANTERIORES.
Ejercicio 1: Importar Sonidos
1. Creamos

la

pelcula

mediante Archivo Nuevo,

eligiendo

archivo ActionScript 3 (por defecto tendremos un nico fotograma).

2. Seleccionamos Importar Importar a Biblioteca, que se encuentra
en el Men Archivo.
3. Se abrir la clsica ventana de Windows para buscar un archivo.
Buscamos el archivo de sonido y pulsamos Abrir.
4. El

sonido

ya

est

insertado.

Panel Biblioteca (Ventana Biblioteca)

Hacemos
y

clic

comprobamos

en

el

que

se

encuentra all.
5. Si no se encuentra all, revisaremos los pasos dados, pues algo no
hemos hecho bien.
6. Creamos una nueva capa y la seleccionamos.

7. Despus seleccionamos el sonido en el Panel Biblioteca y lo

arrastramos hasta el escenario (hasta el fotograma actual).
8. Pulsamos Enter y el sonido deber escucharse.
9. Alargamos el fotograma actual hasta el nmero 4 (insertando
fotogramas

normales

desde

el

Men Insertar Lnea

de

Tiempo Fotograma).

10. Insertamos un nuevo fotograma en la lnea de tiempo. En la posicin 5

(desde el Men Insertar Lnea de Tiempo Fotograma Clave).
11. Abrimos el Panel Propiedades y seleccionamos uno de los fotogramas
del 1 al 4.
12. En la opcin Sinc seleccionamos Flujo.
13. Acabamos de conseguir que el sonido slo se reproduzca cuando est
en los fotogramas indicados.
14. Insertamos un nuevo Fotograma Clave en la posicin 10.
15. Con el fotograma 10 seleccionado, vamos al panel Propiedades, y en las
opciones de Sonido, elegimos el Nombre del archivo que estamos
utilizando.
16. En la opcin Sinc seleccionamos Inicio
Debe quedar parecido al grfico:

Ejercicio 2: Editar Sonidos

1. Utilizando el archivo anterior, nos situamos en el ltimo fotograma,
donde se reproduce todo el sonido.
2. Seleccionamos Aumento Progresivo dentro de la pestaa Efecto que
se encuentra en el Panel Sonidos.
3. Seleccionamos Personalizar dentro

de

la

pestaa Efecto que

se

encuentra en el Panel Sonidos.

4. Nos dirigimos al final del sonido y hacemos clic en el canal que
queramos modificar (el izquierdo est en la parte superior y el
derecho en la inferior). Aparecer un recuadro blanco, lo situamos en
su parte ms baja para quitarle el sonido y en su parte ms alta para
drselo. Jugamos con los volmenes de ambos canales hasta obtener
el efecto deseado. Podemos ir probando cmo queda pulsando
el Play que acompaa este Panel.