UNIDAD III: MANEJO DE IMAGENES Y SONIDO TEMA 6: Manejar Movie Clips

Es un movimiento creado pero dentro de este smbolo, entonces en nuestra lnea de tiempo slo ocupar un frame, aunque dentro de este elemento sea un movimiento de muchos frames, ver ejemplo:

ahora veremos dentro del movie clip:

  # ! ! $ !$ $  "# ! ! "! "!$!  " # !$!  !'  1& 1 & & %   # ! ! $ !$ $  "# ! ! ! (  " #  !'  1& 1 & & & & %   # ! ! $ !$ $  "# ! ! "!$  " #  !'  1& 1 & & %   # ! ! $ ! ( (! ( # "   " !$ # "!  ( 1& 1% 1 12 & & &  !'  $ " !$ # "!   # ! ! $ ! ( (! (   1& 1% & % & & & ( 3 "  !'  $ ! (  ( ( ! # $  (  $ !$ 0  ( ' & % % & (  ( "!  ( " !$ # "!  ! '  !'  " #  ( 1& 0& % 12 & & % & &

( !' 0

( # $!( # (   !'  $ " !$ #  $! 1 & % % & &  $ " !$ # "! $ (   "    '#  1 % % & & 0&

( !  " (!   "   " $ !( "  "  !  !' 1 12 % & 1& 1 12 &% & $ " ( 3# " # 0! $ $! ( " (!      !'   $ ( ! 1% % % &1 % 0 1 & & % &%    " ! $( (   !( !$$( $ !(! (! " $ ! ' "   "  ! 0 1& & % 12 & & & & % &

  # ! ! $ ! ( 1& 1% (!  ( (! #! $ (  # " " !$ # "!  ( ( (  '  (  1 & 1 1 & & & & 1  ") ! (  "  !'  $ " !$ # "! $ ( "!0   '#  1% & % & & 0& %

( !' 0

   

                        

           

l Fl f ilit l i z, i f t g l t f t g f t g t

 

E l

6.1 P

OTRO STOP.

i, i

t l

b ll

t i

l t

P C

f t g P l

t , z y

l iz

f t g i i ti

t , y t t it g i , DENTRO DEL MOVIE CLIP

P ll .

l, y l

it

f t g j

ll

ll ,

i i f t g f t g i . El f t g it i t l t l i (

li

( i li ) i . Si i i CLIP DE PELICULA

& &

 ) "!(! (! !#!  !' & & &

ig i

li

 !'  $ "!(! (! & % $ "# ! ! "!   

  # ! ! 1& $  " !( (  !  $ " !$ # "!  ( !$ " # ! ! 12 1 1 & $ $ !$ ( (!   $ ! '# (  $ #   # ! ! 1% 1& & & % ! "  !'  ( !   ( ( "# ! ! "!   $ ( !' (  ) & % & & 0 &% 0  0!'  $ " !$ # "!  ( "!$ " "# ! ! "! "!$!  $  $!  1 & % & %

P ifi

N t :L P

P l

f t g f t g

it

lt

li

l f t g it E it i f t g it lf t g t l. Si it t l t l.

l i i i i .E g lf t g t

it l

l ll . P

t t

l iz

( it

l.

l ll y lij

l, l

li

i l iz

t l .E g g , y it l

i t

l, l

ll ,

lti l

ll

i t

P i

t ll )

t t

li

& &

 )  !'

&

M ti

' ( &

 !'  $( !  !( ! $  " ! # & % &% & % ( " !$ # "!  0 #  # " " !$ #  "! " 1 & % &

P l

l l

$ ( 

$ !$

y y y

P P P

l l l i

ll 2 ll 5 ll t

P l l l l t ti

t t

l l ti .E g l, l lf t g t lyl it l f t g l i f t g l t t l f t g ll l i P l

ll .

t l l ll t P l l l . Al t lf t g t l. lf t g t l. lf t g t l. l lf t g t l. l P i i l l t t t il l l , i ll z l ; . L l ti li t l : ll , l t i . l l

6.2 Mscaras:
Tenemos un efecto que podemos lo rar con los la ers o capas que es el enmascaramiento. saremos una capa de mscara para crear una mira, a trav s del cual es visible el contenido de la capa oculta. Varias capas pueden a ruparse bajo una misma capa de mscara para crear efectos sofisticados. Para crear una capa de mscara, se coloca una bola como usamos hasta ahora en este tutorial sobre la capa. a capa de mscara muestra el rea de las capas vinculadas situadas por debajo de la forma rellena oculta todas las dems. a s capas de mscara pueden contener una sola forma, instancia u objeto de tipo.
5 @ 8 5 @ 9 7 5 4 4 6

o vamos a reali ar con un ejercicio:

A 9

Abramos una nueva pelcula a la cual le pondremos el nombre d mscara obviamente, e entonces, vamos a colocar una capa ms, cosa que nos queden dos capas o la ers. A la de a la de abajo el nombre de arriba de todo, le vamos a colocar el nombre de mscara enmascarado el que vamos a descubrir . Ahora en el de arriba colocaremos una bola con una interpolacin de movimiento desde una punta a la otra del escenario. En la capa inferior, haremos cualquier dibujo o palabras sueltas, cualquier cosa que obviamente est n por debajo de la ruta que tiene la bola. na ve listo todo esto, nos posicionamos en la capa de arriba, la mscara, vamos a darle doble click al cono que tenemos al lado de la palabra mscara con forma de hojita para imprimir, lo ven?, ah se nos va a abrir un men al cual daremos tilde a mscara, haremos lo mismo con la capa de abajo damos click a enmascarado. Va amos a control probemos la escena. Si colocamos candado en las dos capas se ver el efecto en el escenario mismo.
5 7 A 6 5 5 9 8

TEMA 7. Manejar Imgenes 7. Importacin de Imgenes :

Si presionamos control + , nos va a abrir la ventana de importacin, tambi n es lo mismo si nos posicionamos en ile damos click a Importar. Ahora, vamos a seleccionar cualquier rfico que deseemos insertar en nuestro movie, listo. Al importar archivos de Illustrator a lash, nos vamos a encontrar que se encuentra todo a rupado, as slo nos queda desa rupar todos los objetos, lue o, los tenemos como si los hubi ramos dibujado en flash. " a importacin de im enes de mapas de bits a una pelcula puede incrementar el tamao de archivo de la misma. Para reducir el tamao de archivo de una ima en de mapa de bits, puede ele ir una opcin de compresin en el cuadro de dilo o Propiedades de mapa de bits." manual de flash
4 D 4 4 @ 7 4 7 5 5 D C

7.2 Trazar mapas de its:

Si nos posicionamos en modificar, encontraremos la opcin trabar mapas de bits o trace bitmaps, esta herramienta convierte los mapas de bits en im enes vectoriales con reas de color discretas que pueden editarse. na ve reali ado esto no ser un bitmap en nuest ra librera/biblioteca.
4 A A 6

5 5

@ 8 4

cd b b d b cp c b d d b d d q e h h u ee rf dd p b cd b b yi i b p b d d p d b t d b r prbc b p rd di d b itb uf h f q t h e r f q h wq f h e eh g h t b d b di b b b p pi r pi b d p d d pr b b pc r c p c b d gx f v q e h q rh gx drei u h b hg h d e u p f q ub d b p d b p b d p b p b d b d d p d gx e u f q u u q e f gh r e et e f gh f q f e h rh g f q u q t h i b di d d p d d b d b d pi d d d p b c q e u f h q ee f h e t e r g b d w d spc p s b p p d v i p b d dcb q q e rh r rh q h g f e e

SF V F P HP E PE F F PH GEW PE SHSH SFI HP R U P GFS IGH H FGF H SH GHIH SHI H S X E FS PEIHGFSE XXH HP FSU PH H FGWI R RQ T U U a T U U PESGE SEX PE H F VF P F GFS IGH H R U S X E FS GFSE XXH HP H PEIHSH U U VU X F GF P F G R RQ R R a T H EGHI S SH SH GE GE EX F FX FGF R T T U U U H PH FI S I F HG SH GE FV S P H H P ES H E F EG R RQ U U UT U ` PHGE EX PESHI EGHI S H E F P I ` SH GE FV H PE F PES F H P ES H PEIHGF E R RQ U UT

H PH GE EX H FGWI U U U

N t lt l

lg

, l

F PFY

Ot

1000

F H GF

FGF

F P FY

Aj i

, t

l .

FGF

H SH GHIH

SHI H

7.3 S

ti

fil

iz

it , t .

t iz

t 500,

p b

p bc p p ib d p u e e h

cd

i l

i l gi , j g E t i li i l til 1 y 100, SOLO A ESA IMAGEN. L Si t t j g t j g gif l l i g t i . ( ll w l li l i j l , l l i i g i t t

i iz t i g).

g l it

,l z ,

.V .

g/gif. y t yl g : i , it l

gi

li

ii

y g

i g i i l it y

t ,y l

ig l

TE m

8.

Hasta ace oco, los nicos sonidos ue oamos en las ginas web eran los famosos midis", de escaso tamao y de escasa calidad. De echo, eran slo instrumentos musicales iempre exista algn creador de sin oz, de ah su equeo tamao (y calidad). An as, s 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 y .mp3) 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.
og m n g g m i p

Im

Si alguna vez habeis intentado aadir un sonido a vuestra animacin Flash probablemente os hayais llevado una gran decepcin, no conseguirlo. Esto se debe a que no se tiene en cuenta que para poder emplear un objeto en nues pelcula, o bien lo creamos nosotros tra (como llevamos haciendo hasta ahora) o bien lo conseguimos de cualquier otro modo y lo insertamos en nuestra pelcula. " y se puede hacer con sonidos, grficos, e incluso con A esto ltimo se le llama "Im 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 Bibli , 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.
w r u vt s srq ut

l
x v u

En Flash MX 2004, al igual que en Flash MX todo lo referente a los sonidos lo podemos lP i . Aqu tenemos todo lo necesario para insertar, modificar editar desde el P 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.
y y qrs zv u v

ege f e

Qui

una

l ula

uda? Y una ani aci n

g k

di h

ctacular i n

nido?

Para que aparezca la posibilidad de trabajar con sonidos, deberemos hacer clic en algn l P i toma el siguiente fotograma de nuestra pelcula, tras hacer esto, el P aspecto:
~ } { } | } {

Veamos las partes que tiene este panel. S i En esta pestaa nos aparecern las canciones que tenemos importadas, deberemos seleccionar la cancin que pretendamos aadir a nuestra pelcula (en el siguiente punto veremos cmo insertarlo). Ef Desde aqu podremos aadir algn efecto a nuestro son ido, 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 "E i
 | ~ {  |  } | 

" se tratar en ms profundidad estos efectos.

Si Esta opcin nos permite determinar en qu momento comenzar a actuar nuestro sonido, estas son las opciones que tenemos: : Sincroniza nuestro sonido con un evento determinado. Es la opcin por defecto y E 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. I i i Su funcionamiento es equivalente al de "Evento", se diferencian en que si est seleccionado Inicio en vez de Evento y se reproduce otra vez el mismo sonido u otro distinto, lo hace "encima" del sonido actual. Puede ser un efecto muy atractivo, o puede provocar que se forme "ruido" en nuestra pelcula.
~ | } }}  | | }

Detiene el sonido seleccionado.

Fluj 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 el as. Este efecto puede dar la sensacin de que la l 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 sinc ronizadas. Repeti : Determinan el nmero de veces que se reproducir el sonido. Para que se reproduzca indefinidamente, calcula el tiempo que puede durar la pelcula y el tiempo que

dura tu sonido y reptelo tantas veces como sea necesario (esto es mejo que escribir 99999 r veces). Por ejemplo: Si tu pelcula dura 2 minutos (120 segundos) y tu sonido dura 16 segundos, entonces 120 / 16 = 7,5 veces. Debers escribir 8 veces, ya que no tiene sentido reproducir un sonido 7 veces y media (adems quedara una parte de la pelcula sin sonido). 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.

8.1 Importaci W V P3?

W V

P3:

Como ya se ha comentado, los sonidos que Flash MX 2004 puede importar deben tener las extensiones .wav o .mp3. 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 in sertamos 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 .w ha av 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 rea l idad 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 obtenemosel 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. Igualmente, como se coment en el Tema 1, Flash MX 2004 permite cargar sonidos de un modo dinmico (sin que ocupen espacio), esto se tratar en el Tema 17 "Action Script".

Utilizando el comando importar o control R, podemos traer sonidos, wav o mp3, diferencia con el 4 que no se poda mp3. Si ests en mac, los sonidos aif. Nos va a aparecer en la librera como todos los smbolos que podemos utilizar en nuestra pelicula. SIEMPRE COLOQUEMOS LOS SONIDOS EN LAYERS O CAPAS INDEPENDIENTES A LOS OTROS GRFICOS. Lo seleccionamos con la herramienta flecha y lo arrastramos directamente sobre el escenario y listo, hemos puesto el sonido en nuestra pelcula. Si quisiramos hacerle alguna modificacin al sonido solo debemos hacer doble click en el frame donde esta el sonido y se nos va a abrir la siguiente pantalla:

Si hacemos doble click en la biblioteca al sonido, la si uiente ser lo que apare ca como propiedades del sonido:

8. .2 Insertar n sonido

Ahora que a sabemos importar un sonido, qu opciones podemos modificar cada una. Veamos lo ms importante, cmo insertarlos en nuestra pelcula.

para qu sirve

Supon amos que queremos insertar un sonido en un foto rama determinado, de modo que cuando la pelcula lash lle ue a este foto rama comience a reproducirse el sonido. Para ma que un sonido se reprodu ca al lle ar a un foto rama, deberemos seleccionar el foto ra en el que queremos que empiece a reproducirse el sonido. na ve all, abriremos el Panel Propiedades e importaremos el sonido que queramos del modo visto en el punto anterior. tro modo ms rpido a n consistira en seleccionar dicho sonido en la i lioteca

arrastrarlo al fotograma en el que queramos que se empiece a reproducir el sonido (al fotograma, no a la lnea de tiempo).

As representa Flash los sonidos insertados en Fotogramas De este modo insertamos un sonido, pero suena tal y cmo queremos que suene? ... Depende de lo que busquemos. Por defecto Flash entiende que quieres reproducir el sonido en su totalidad, sino para qu insertarlo entero?, de modo que Flash reproducir el sonido todas las veces que le hayas indicado en Repetir y el sonido sonar aunque el fotograma en el que est no sea el que se est ejecutando en ese instante. Si quisiramos que el sonido pare cuando entremos en otro fotograma, lo podemos hacer de 2 formas distintas, ambas combinando las opciones que nos ofrece el Panel Sonido.

8.1.3 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 sencill suelen ser suficientes o para cualquier animacin que queramos realizar. Disponemos de estos efectos: anal I quierdo: El sonido tan slo se escuchar por el altavoz izquierdo.

Canal

erecho: El sonido tan slo se escuchar por el altavoz derecho.

Desvanecimiento de i quierda a derecha: El sonido se reproduce inicialmente en el altavoz izquierdo para luego pasar al derecho. Desvanecimiento de derecha a i quierda: 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. Personali ado: 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 Panel Personalizar Sonido . a parte superior representa el canal i quierdo la parte inferior el canal derecho. Entre las partes ha una lnea de tiempo que nos indica el tiempo de sonido transcurrido en cada punto. as lneas rises representan el volumen del sonido haciendo clic en ellas podemos confi urar este volumen. En el ejemplo, el canal i quierdo se reproduce normalmente pues el volumen est al m imo , pero el canal derecho empie a en silencio, para poco a poco alcan ar el volumen normal este efecto equivaldra a un Aumento Pro resivo en el canal derecho .

8.2 Compresin ADPCM:

A P

Para usar la compresin A P del men ompresin.

En Preproceso, seleccione onvertir est reo en mono para convertir sonidos est reo me clados a mono monaural . A los sonidos mono no les afecta esta opcin . En Velocidad de muestra, seleccione una opcin para controlar la fidelidad del sonido el tamao del archivo. a s velocidades ms bajas disminu en el tamao del archivo pero tambi n de radan la calidad del sonido. as opciones de velocidad son las si uientes:

y y

es apenas aceptable para un discurso. k es la calidad recomendada ms baja para un se mento corto de m sica cuarto de la velocidad de estndar. k es una opcin popular para reproduccin de la eb es la mitad de la estndar. velocidad de k es la velocidad de audio estndar.

, en el cuadro de dilo o Propiedades de sonido, elija

es un