Este documento habla sobre cómo manipular video en Flash. Explica cómo importar un video a un símbolo de Flash, aplicar efectos como fade in y fade out, y comprimir el video a formatos FLV o SWF para reducir su tamaño y hacerlo más compatible.

1. UNIDAD 6
*MANIPULAR VIDEO*
Jacqueline Espinoza Alpirez
3º B Informática

2. *INTRODUCCION*
Ap r e n d er e mo s a i n s e r t a ru nv í de o e n f l a sh 8; a h o r
a,ésteprocesoesextremadamenteparecidoald
esonido,asíquediscutamosformatos:Flashnod
eberíatenerproblemaconningúnarchivodevíde
o,sinembargo,esmásposiblequerespondamejo
rconuntipodearchivollamado.flv,dadoqueesu
narchivodevídeoenflash,eselmismotipodearc
hivoqueusan,porejemplo,enyoutube;sinolosa
rchivos.avitampocoestánmal,sinembargo,con
otrostiposdearchivos,talescomo.mp4uotros,n
oteaseguronada

3. *6.1 IMPORTAR VIDEO*
UnadelasnovedadesdeFlashMXeslamejoraenlaimp
ortaciónygestióndelassecuenciasdevideo(video-cl
ip).Flashescapazdemanejarlossiguientesarchivos:
1..avi2.QuickTime3..mpeg4.DigitalvideoEsneces
arioqueenelordenadortengainstaladoelQuickTime
4oDirector7(oversionesposteriores).Vamosacrear
unsímbolo,ydentrodeestesímboloinsertamosunase
cuenciadevideo

5. archivoenf lash,nopuedenserenlacesexternosoestánencri
ptadasdesdeotroarchivoenf lash.Cuandoyahemosrealizad
oennuestrapresentaciónprocedemosaguardarnuestroarch
ivoenf ormato.f laparaposteriormenteexportarlosconosw
f (ejecutabledef lash)ytambiénexportarlocomof ormatoav
i.Antesdeexportarelarchivodebemosestablecerlascaracte
rísticasquetendránuestrovídeo,paraellodebemosiralmen
úarchivo,conf iguracióndepublicación,oatravésdeloscom
andosctrl.+mayúscula+F12,allídebemoscompletarlospar
ámetrosquenossolicitan,enlaopciónquenossolicitan,mar
camosf ormatos,proyectorWindowsosinoproyectorenQui
ckTime.Cuandomarcamosesosparámetros,realizamosclic
enelbotóndeaceptar,ynuevamentevamosalmenú,ylenombr
amosnuestroarchivoenelf ormatodeproyectorWindows.D
eestamanerayanosquedanuestroarchivodevideorealizado
enf lashyexportadocomovideo

6. ,
Consisteenmanipularatravésdeunprogramadeedición
devideo,enestecasof lash,losdif erentesmedioscomoa
rchivosdevideo,f otos,gráf icosoanimaciones,ydondet
ambiénesposiblemanipularaudioaunquegeneralmente
def ormamuysimple.Unavezcreadonuestromontaje,(ta
mbiénllamado"proyecto"o"composición"),sellevaaca
bolarenderizaciónconlacualseobtieneelvideof inal(ae
staaccióntambiénselellama"grabar","exportar","gua
rdar"o"crear"video,peroesexactamentelomismo).Gen
eralmenteserenderizacomounarchivodevideoconunf o
rmatoquepuedeserMP4,AVI,MPEG2oWMVpormencio
naralgunosdelosmáspopularesyquesehanestandarizad
oúltimamente,porejemploendif erentesdispositivosc
omocelularesoreproductoresdemúsica,oensitiosenIn
ternet.Yaobtenidoelvideof inal,seledaelusodeseadoo
elespecíf icoparaelquef uecreado,comoproducirunape
l í c u l a , m o s t r a r l o a u n a a u d i e n c i a , e t c.

7. 6 . 4* APLICAR EFECTOS AL VIDEO*
.Antesdeconvertirvídeosaotrof ormatopormediode
AVSVideoConverterustedtambiénpuedeañadirvario
sef ectosdevídeoaellos.Ustedpuedeexperimentarcon
ef ectosdedibujoydetransf ormaciónparatransf orma
rsusideasenimágenesexcepcionales.Ladescripciónd
etalladadetodoslosef ectosdisponiblesseencuentrae
nlasseccionesacontinuación.Paraaplicarunef ecto,u
stedsólodeberárealizarlossiguientespasossencillos
:1.AbrirlaventanaEditarf icherosdeentrad

8. DespuésdeiniciarelAVSVideoConverterseleccioneunf icher
odeentradapulsandoelbotónNavegar....LuegopulseelbotónE
ditar...enlabarradeherramientasprincipalparaabrirlapantall
aEditarf icherosdeentrada.2.Seleccionarelef ectoaañadirIni
cialmentelabarradeherramientasdeef ectosseabreenlapestañ
aEf ectosvídeo.Siusteddeseaaplicarunef ectodeaudio,pulsel
apestañaEf ectosaudioparaobteneraccesoaef ectosdeaudio.E
nlalistadesplegabledeCategoríasubicadaenelrincónderechos
uperiorustedpuedeseleccionarungrupodeef ctosquesemostra
ráeneláreadeef ectos.Deestamanerasef acilitaelaccesoalef ec
todeseado.3.Ponerelef ectoseleccionadoenlalíneaespecialD
espuésdelocalizarelef ectoqueusteddeseaaplicar,hagacliciz
quierdosobreély,sinsoltarelbotón,arrástrelodeláreadeef ect
osalTimelineysuélteloenlalíneaparaef ectosdevídeoodeaudi
oenf uncióndeltipodeef ectoqueustedestáaplicando

9. Especif icareláreadeaplicacióndelef ectoUnavezpuestoenlalí
nea,elef ectocubresólounapartedelvídeo.Paracambiarlaposic
ióndelef ecto,deberáponerelcursorsobreelef ecto(elcursorse
cambiaráporunamano).Alhacerclicizquierdoyarrastrarelcurs
oraladerechaobienalaizquierdaustedpuedecambiarlaposició
ndelef ectoaplicado.Estambiénposiblecambiareltamañodelef
ecto.Parahacerlo,porf avorpongaelcursorsobreunadelasraya
samarillasquemarcanlosbordesdelef ecto(elcursorsecambiar
áporunaf lechadedospuntas)

10. .Alarrastrarlahacialaderechaobienhacialaizquierdaustedpo
dráamliaroreducireláreadeaplicacióndelef ecto.Paraencont
rarlosmomentosprecisosdeinicioydef indelef ecto,utilicela
ventanadeVistapreviaubicadaenlapartederechasuperiordela
pantalladeedición.Paraaplicarelef ectoalvídeoentero,acerq
uealmáximoellímiteizquierdodeláreaalbordeizquierdodelal
ineadeef ecto,acerquealmáximoellímitederechodeláreaalbo
rdederechodelalíneadeef ecto.5.Modif icarparámetrosdeef e
cto
AVSVideoConverterlepermiteconf igurarlosparámetrosdeef ect
o.Pararealizarlo,pulseelef ectodeseadoeneltimelineyhagaclice
nelbotónPropiedades...ubicadopordebajodeláreadeef ectosoha
gaclicderechosobreelef ectoyseleccionelaopciónPropiedades.E
lapartadoPropiedadesapareceráenlapantallaEditarf icherosdee
ntrada.EnlaventanaPropiedadesseleccioneeláreadeaplicaciónd
eef ectoenlalistadesplegabledelmenúMáscara.Lassiguientesopc
ionesestándisponibles:ninguno,rectángulo,elipseypolígono.

11. AlseleccionarNinguno,elef ectoseaplicaráalaimagenenter
a.Ahoracongif ureotrosparámetrosdelef ecto.Losparámetr
ospuedenvariarenf uncióndeef ecto.Ladescripcióndetalla
dadelosparámetrosdecadaef ectoseencuentraenlasseccion
esEf ectosdeajuste,Ef ectosdedibujo,Ef ectosdef iltro,Ef e
ctosdetransf ormaciónyEf ectosdeaudio.Unavezconf igura
dostodoslosparámetrosdeef ecto,pulseelbotónHechopara
cerrarlaventanaPropiedade

12. Fij a r l a s á r e a s d e f u n d i d o s E n l a v e n t a n a E d i t a r f i c h e r o ( s ) d e e n t r
adaustedpodráf ijarlasáreasdeFade-inyFade-outparaelef ect
oqueustedhaaplicadoalf icherodevídeopormediodelcursord
eslizanteubicadopordebajodeláreadevistaprevia.Deberápul
sarelbotónPropiedadesparaqueaparezcalabarradeslizante.F
ade-ineseláreaenlaqueelef ectoaplicadoempiezaaganarf uerz
a.Eneláreadeef ectoalmáximoelef ectoseaplicaconlatotalida
ddesuf uerza.EneláreaFade-outelef ectoempiezaaperderf ue
r z a h a s t a q u e d e s a p a r e z c a por completo.
Ustedpuedef ijarlosbordesdef undidospormediodearrast
rarelcursordelabarradeslizanteallugarenelquedeseaquet
ermineeláreaFade-in,luegopulseelbotón.EláreaFade-in
semarcaráenlabarradeslizante.Luegopongaelcursordela
barradeslizanteallugarenelquedeseaqueempieceeláreaF
ade-outypulseelbotón.EláreaFade-outsemarcaráenlabar
ra.Estambiénposibleajustarlasáreasdef undidosarrastra
ndosusbordeshaciadentroobienhaciaf uera.Siusteddesea
aplicarunef ectoFade-in,arrastreellímiteizquierdodelab
arradeslizantehacialaderecha.Paraaplicarunef ectoFade
-out,arrastreellímitederechodelabarrahacialaizquierda
(véaselaimagenmásabajo)

13. .Vistapreviadelef ectoaplicadoUnavezaplic
adoelef ecto,ustedpuedevisualizarloenlave
ntanadevistapreviausandoloscontrolesdere
producciónubicadospordebajodelabarrades
lizante.Siusteddeseaborrarunef ectoaplicad
o,deberáprimeroseleccionarlo(hacerclicen
sulínearespectivaeneltimeline),luegopulsa
relbotóncorrespondienteenlaventanaEdita
rf ichero(s)deentradaobienhacerclicenelef
ectoquedeseaeliminaryseleccionarlaopción
B o r r a r o b j e t o d e l m e n ú.

14. 6 . 5*COMPRIMIR VIDEO*
.Unadelascosasqueyonosabiasobreelf ormatof lash,esquelos
contenidosmultimedia(vídeosyaudio),ocupanbastantemeno
syaqueestef ormatoestaoptimizadoparapáginaswebsyloquei
mportaeselpesodelarchivoparaquelacargadelarchivosealom
asrápidaposible.Elf ormatof lashtienedostiposdef ormato:
f lv:eselmasextendidoyeselqueutilizanlaswebcomoYoutube
,nosepuedevisualizardirectamenteynecesitarasunprograma
externoparareproducirlo.Sinotenéisningunoosrecomiendoe
l “ f l v p l a y e r “ . s w f : n o e s t a t a n i m p l a n t a d o , p e r o c o m o v e n t a j a s
estaelquenonecesitaquedescarguesningúnsof tware,yaquere
produceabriéndoloconunnavegador(quetengaelplugininstal
ado).Tambiénocupamenosyeself ormatoconelquepodrástrab
ajarconelarchivo.Acontinuaciónvoyaponerunpequeñotutor
ialquenospermitiráconvertirnuestrosvídeosaestosf ormatos
yconseguirasíqueocupenmenosespacioyquetenganmayorco
mpatibilida

15. Unadelascosasqueyonosabiasobreelf ormatof lash,e
squeloscontenidosmultimedia(vídeosyaudio),ocup
anbastantemenosyaqueestef ormatoestaoptimizado
parapáginaswebsyloqueimportaeselpesodelarchivo
paraquelacargadelarchivosealomasrápidaposible.E
l f o r m a t o f l a s h t i e n e d o s t i p o s d e f o r m a t o : f l v : e s e l m
asextendidoyeselqueutilizanlaswebcomoYoutube,n
osepuedevisualizardirectamenteynecesitarasunpro
gramaexternoparareproducirlo.Sinotenéisninguno
o s r e c o m i e n d o e l “ f l v p l a y e r “ . s w f : n o e s t a t a n i m p l a n
tado,perocomoventajasestaelquenonecesitaquedes
carguesningúnsof tware,yaquereproduceabriéndolo
conunnavegador(quetengaelplugininstalado).Tamb
iénocupamenosyeself ormatoconelquepodrástrabaj
arconelarchivo.Acontinuaciónvoyaponerunpequeñ
otutorialquenospermitiráconvertirnuestrosvídeos
aestosf ormatosyconseguirasíqueocupenmenosespa
cioyquetenganmayorcompatibilidad

16. Loprimeroesconseguirelarchivodevídeoyconvertirloenund
eestosf ormatos:AVI,MPEG,MOV,MP4,3GP,VOB,MP3,WM
A.Paraellopuedesutilizarelconversor“SUPER”.Unavezhec
hoesto,abrimoselprograma“PazeraFreeVideotoFlashConve
rter”,esteprogramagratuitonospermitiráconvertirelarchiv
odevídeoaf ormatoFLVoSWF.Pulsamosen“AddFiles”yelegi
moselarchivodevídeoquequeramosconvertir.
Unavezhechoeso,podemosconf igurarlossiguientesparámetro
s : O u t p u t D i r e c t o r y : a q u í p o d e m o s e l e g i r d o n d e s e g u a r d a r á e l a
rchivoresultante.Laprimeraopciónloguardaráenlamismacarp
etaqueeloriginalylasegundanospermitiráguardarlodondeelij
a m o s . P r o f i l e : e s t a o p c i ó n s i r v e p a r a e l e g i r l a c a l i d a d d e e l v í d e
o,tantodeimagencomodesonido.Haymontonesdeopciones,ta
mbiénestalaopcióndesuprimirlaimagenoelsonido.Despuésde
seleccionarunadelasopcionesdeberáspulsar“Load”paraaplic
a r l o s c a m b i o s . O u t p u t F o r m a t : e l f o r m a t o e n e l q u e s a l d r á e l a r c
hivoresultante,aelegirentreFLVySWF

17. Elrestodeparámetrostienenque
verconlacalidaddelvídeo,asique
podrásdejarloscomoestányaque
loshemosconf iguradoconlaopci
ón“Prof ile”.Tambientenemosla
opcióndeañadirunaimagenovíde
o d em a n e r a q u e q u e d a r á u n a m a r c a
deaguaoladedesplazarelvídeoen
elcasodequeestubieradescentra
do.Unavezhechoestopulsamosel
botón“CONVERT”ysaldrálasig
uienteventana:

18. Cuandolabarradeprocesolleguealf inal,pulsamos“Close”
yyatendremosnuestroarchivoconvertidoaf lash.Apartird
eestepuntomostrarélamaneradecomprimiraúnmaselarchi
vo,lossiguientespasossolosirvensihasoptadoporconvert
irelvídeoaf ormatoSWF,conFLVnof uncionará.Parahacer
lacommpresiónutilizaremoselprográma“SWFCompressor
-Decompressor”,quetambienescompletamentegratuito.L
oinstalamosydamosa“OpenFile

19. esdeestapantallapodrásprevisualizarelvídeo,hacercaptur
asdeimagenesytambientieneslaopcióndequeelprográmaes
timeloqueocuparáelvídeounavezcomprimido.Paraellopul
samoselbotón“Estimate”yparaempezarlacomresiónpulsa
mos“CompressMovie”,leponemoselnombrequequeramosa
lapelicularesultanteyaceptamos.Trasunossegundosnossal
dráunmensagequenosindicaráqueestatodocorrecto
Desdeestapantallapodrásprevisualizarelvídeo,hacercapturas
deimagenesytambientieneslaopcióndequeelprográmaestimelo
queocuparáelvídeounavezcomprimido.Paraellopulsamoselbo
tón“Estimate”yparaempezarlacomresiónpulsamos“Compress
Movie”,leponemoselnombrequequeramosalapelicularesultant
eyaceptamos.Trasunossegundosnossaldráunmensagequenosin
dicaráqueestatodocorrecto

20. Yesoestodo,sitodohasalidobientendremosnuestroarchivo
enf lashycomprimido,lobuenodeesteprocesoesquesilohem
oshechotodobien,elvideoapenashabraperdidocalidad.Las
pruevasqueherealizadolashehechoconuntrailerdeljuego“F
EAR2″,elvídeooriginalocupabacasi14MByeranpocomasde
2minutosymedio.Depuesdetodoelprocesoesteeselresultad
o
Te n e r e n c u e n t a q u e l a c o m p r e s i ó n e s d e c a s i u n 4 0 % e n u n a r c h
ivomasgrandelacompresiónserámayor,ademasel.AVIori
ginaleraunaconversióndeunvídeodescargadodeYoutube,
porloqueelvideoyateniaciertacompresió

21. *6,6 MANEJO DE MOVIE CLIP*
Es t e e s u n T i p m u y s e n c i l l o p e r o q u e t r a e d e c a b e z a a l a g e n t e q u e e m
piezaconActionScript3,asíqueloescriboparaintentaraclararu
npococuáleselsistemadeañadiranuestrapelículaMovieClipsqu
eesténsituadosdentrodenuestrabibliotecayempezaramontarn
uestrapelícula.Comoyasedijoenotrotip,elsistemadeañadirele
mentosdelabibliotecaacambiadoenAS3.AhoraattachMovieno
f unciona,añadimoslosclipsconaddChildypararealizarestepro
cesohemosdecrearunaclaseparacadaclipquequeramosañadir.
Esteeselprocesoaseguir:PrimerocrearemoselMovieClipylote
ndremosenlabiblioteca.AbriremoslaspropiedadesdelMovieCl
ipyenlasopcionesdelinkageseleccionaremos“exportarparaact
ionscrip”yledaremosunnombreparalaclase.Comopodemosver
,ahoraenAS3hemosdevincularelMovieClipaunaclase,NOdarle
unnombredeidentif icadorcomohacíamosenAS2.NOTA:Siinte
ntásemosañadirunnombredeidentif icadoralMovieClipnoapar
eceríaunaadvertenciaindicándonosqueeseprocesosoloespara
AS2ynospreguntarasiqueremoscambiarlasopcionesdepublica
ción

22. AhoraparaañadiresteMovieClipanuestrapelículahemosdecr
earunainstanciadeesaclasevarclip1:clipA=newclipA();Ylasi
tuaremosenelstageconaddChildvarclip1:clipA=newclipA();
clip1.x=100;clip1.y=100;addChild(clip1);Ylisto!Ahorasiq
uisiésemosañadirlealgúntipodeinteractividadaesteMovieCl
ip,comoporejemploañadirleuneventodeclick,nocolocaríam
oselcódigoenel.f lacómoharíamosenAS1oAS2sinoquecreare
mosunarchivo.asconelnombredelaclasequeleindicamosalMo
vieClipyahíescribiremostodoelcódigonecesarioparamaneja
resteMovieClip.package{importf lash.display.MovieClip;i
mportf lash.events.MouseEvent;//publicclassclipAextends
MovieClip{publicf unctionclipA(){addEventListener(Mous
eEvent.MOUSE_DOWN,mouse_down);}privatef unctionmo
use_down(event:MouseEvent):void{trace(“CLICK!”);}}}E
nAS3esrecomendabletrabajarconclasesycolocarelmenoscód
igoposiblesobrelalíneadetiempoconloqueestecódigolopodí
amosmeterdentrodeunaclaseMain.aspackage{importf lash.d
isplay.MovieClip;//publicclassMainextendsMovieClip{pri
vatevar_root:MovieClip;privatevarclip1:clipA=newclipA()
;//publicf unctionMain(ruta:MovieClip){_root=ruta;//cli
p1.x=100;clip1.y=100;_root.addChild(clip1);}}}Alconstr
uctordelaclaselepasaremoscomoparámetrolarutadelalínead
etiempoprincipal(el_root).Esteseríaelúnicocódigodenuest
ro

23. .f lavar_root:Main=newMain(this);EstaclaseMaintambiénlapodía
moshaberinstanciadodesdeelpaneldepropiedadesdelapelículaDee
stamaneranoesnecesariointroducirningúncódigodentrodenuestro
.f la,ytampocoesnecesariopararleningúnparámetroyaqueenes