manual flash 2010

8/18/2019 Manual Flash 2010

1/34

PRÁCTICAS DEFLASHMODULO II, SUBMODULO II

MODULO II, CREACIÓN DE PRODUCTOS MULTIMEDIA A TRAVÉSDEL SOFTWARE DE DISEÑO.

SUBMODULO II, GENERACION DE ANIMACION CON ELEMENTOSMULTIMEDIA.

2010

ELABORO: L.I. GERARDO DEL JESUS SEGOVIA PACHECOPLANTEL MIGUEL HIDALGO

13!"#!1!


2/34

MANUAL DE FLASH 2010

INDICE

PRACTICA 1, BARRA DE HERRAMIENTAS.......................................................3

PRACTICA 2, ACTIVACION DE LOS PANELES..................................................4

PRACTICA 3, AROS OLIMPICOS..........................................................................5

PRACTICA 4, NEPTUNO.........................................................................................6

PRACTICA 5, ABEJA, .............................................................................................7

PRACTICA 6, LA MARIPOSA................................................................................9

PRACTICA 7, LA GUACAMAA............................................................................10

PRACTICA !, EL MU"ECO....................................................................................12

PRACTICA 9, CAPAS...............................................................................................14

PRACTICA 10, BOLAS #UE REBOTAN...............................................................17

PRACTICA 11, LA PELOTA...................................................................................21

PRACTICA 12, MASCARA.....................................................................................23

PRACTICA 13, BOTON SIMPLE............................................................................26

PRACTICA 14, BOTON ANIMADO.......................................................................2!

PRACTICA 15, MOVIE CLIP..................................................................................31

ACADEMIA DE IN$ORMATICA


3/34


1. BARRA DE HERRAMIENTAS

1. Abre el software flash 8

2. Localiza en el menú archivo la opción ventana

3. Selecciona la opción Barra de Herramientas.

4. Ahora Selecciona Principal

5. on esto !"e#ar$ activa#a la barra #e Herramientas Principal .

%e esta misma forma po#remos obtener la barra #e ición ' la barra #e ontrol.

Caja de herramientas

1 Localizamos en el menú archivo la opción (entana

2 L"e)o seleccionamos herramientas

3 on esto !"e#a activa#a la ca*a #e herramientas en caso #e haberse #esactiva#o.



4/34


2. ACTIVACION DE LOS PANELES

.

1. +ara activar los paneles ha' !"e iniciar la aplicación

2. +osteriormente localizar #entro #e los elementos #el menú la opción (entana.

. L"e)o ele)imos el panel en el !"e #eseamos traba*ar.

!. %e manera a"tom$tica los paneles se activaran.

+o#emos encontrar #iferentes paneles como son,

• Acciones

• omportamiento

• -%&'()*+ *% '+(+%-

• -"estras #e color

• Acciones

• +ropie#a#es

•

&tc


Mezclador de color

Transformar


5/34


. AROS ALIMPICOS

Di"#jar $%s ar%s %$&m'i(%s.

1 Seleccionamos la /erramienta )*a$%.

2 0razamos 5 óvalos para !"e sean

perfectamente circ"lares mantenemos p"lsa#a latecla Shi+t.

na vez !"e estn #ib"*a#os seleccionamos el

relleno #e ca#a óvalo ' p"lsamos la tecla

S#'rimir para eliminarlo. )"almente po#6amos

haber selecciona#o el color 7nin)"no7 ' posteriormente crea#o los óvalos !"e

h"bieran apareci#o sin color #e fon#o

! Ahora seleccionamos los "%rdes #e ca#a aro ' le #amos el color !"e !"eramos

seleccion$n#olo en el +anel Me,($ad%r de C%$%res.

- Ahora m"eve ca#a aro hasta la posición #esea#a. +ara mover "n ob*eto selecciona la

/erramienta Se$e((in haz clic en el aro !"e !"ieras mover ' arr$stralo.



6/34


!. SAT/RNO

(amos a #ib"*ar "n planeta pareci#o a Sat"rno

1 Seleccionamos la /erramienta )*a$%.

2 reamos "n óvalo

&liminamos el bor#e para ello hacemos clic en l ' p"lsamos la tecla S#'rimir .

! Seleccionamos el 9elleno #el óvalo ' abrimos el +anel Re$$en%.

- Seleccionamos la opción De0radad% Radia$.

+"lsamos en ' seleccionamos los colores !"e #eseemos po#emos a:a#ir tantos

colores como !"eramos ' probar s" efecto.

%ib"*amos el anillo #e Sat"rno por e*emplo crean#o otro óvalo con

la forma a#ec"a#a.

3 0enemos !"e cambiar la forma #e "no #e los 2 para !"e ten)a la

forma #esea#a. +or e*emplo borramos parte #el planeta como en la

ima)en.

4 Solapamos los 2 ob*etos #ib"*a#os #e mo#o !"e formen el #ib"*o !"e !"eramos.



7/34


-. ABE5A

/aremos "so #e las herramientas #e la ca*a para crear "na )raciosa abe*a1. Abre la aplicación #e ;lash

2. &li)e "n #oc"mento #e ;lash

3. +ara iniciar crearas #os óvalos sin bor#es lo m$s seme*ante ale*emplo.

4. Selecciona los ob*etos ' en el menú mo#ificar eli*e combinar ob*etos<"nión.

5. on esto ambos ob*etos se "nir$n ' ahora formaran "no solo.

=. Ahora con a'"#a #el bote #e tintale colocaremos a ese )rafico "n bor#e completo !"e#an#o #e la si)"iente manera.

>. Ahora para !"e lo !"e ha'amos hecho no se ba'a mezcle con los #em$s elementos!"e vamos a crear necesitaras a)r"par estos elementos con (tr$60.

8. +ara la creación #e los o*os #e la abe*a realizaras el mismoproce#imiento !"e realizamos para la creación #el c"erpo ' al terminoa)r"pa los elementos !"e componen al o*o. +osteriormente únelos alresto #el c"erpo. Ahora t" fi)"ra #ebe #e !"e#ar #e la si)"iente

manera.

?. Ahora crearemos las antenas #el #e la abe*a para ello har$s "so #ela herramienta l$piz ' #e la herramienta ovalo para crear "nas sencillasantenas trata #e #arle el color !"e tiene s" c"erpo para obtener "nab"ena combinación no olvi#es a)r"par ca#a "na #e las antenas 'posteriormente la "nes al resto #el c"erpo. %eber$ !"e#ar as6.

1@. ien n"estra abe*a va toman#o forma ahora le haremos s" boca para esta partepo#r$s hacer "so #el l$piz ' l"e)o #arle c"rva a la l6nea o p"e#es tambin "tilizar lapl"ma.



8/34


11. Ahora vamos a crearle las fran*as !"e #istin)"en a la abe*a para ello "tilizaras laherramienta l$piz ' le crearas la c"rva únicamente !"e a la l6nea le ten#r$s !"e #ar en s"propie#a# )rosor #e l6nea "n tama:o m$s )ran#e para !"e se vis"alice #e la si)"ientemanera.

12. ien n"estra abe*a esta casi lista le falta el a)"i*ón las alas '"nas manos.

13. +ara el a)"i*ón #ib"*a "n trian)"lo ' mo#if6calo hasta obtener laforma #esea#a para las manos p"e#es "sar el l$piz para #arle laforma ' "sar s"aviza#o.

14. ien nos !"e#an únicamente las alas para ello necesitaremos#ib"*ar "n ovalo primero #ib"*aremos "na sola ala ' posteriormenteme#iante "na copia obten#remos la otra.

15. %entro #e ese ovalo ahora con a'"#a #el l$piz #ib"*aras "nas l6neaspara #arle "n to!"e final a esta ala.

1=. Ahora solo #"plicaremos el ala para crear "na copia selecciona lacopia n"eva #el ala ' #ir6)ete al menú mo#ificar


9/34


. LA MARIPOSA

1. Abre la aplicación #e ;lash


3. +ara iniciar este )rafico empezaras por crear "n c6rc"losin bor#e con "n relleno.

4. A)r"po el circ"lo para evitar !"e los )r$ficos sesobrepon)an ' borres acci#entalmente parte #el #ib"*o.

5. Se)"i#amente crea clones ' mo#ifica el tama:o #e ca#a"no #e ellos para obtener lo si)"iente. Si lo re!"ieres veteal final para ver la mariposa.

=. ien colo!"emos al )rafico o*os boca ' nariz para !"eba'a tenien#o forma.

>. para los o*os necesitaremos óvalos para la boca "na l6nea recta 'para la nariz otro ovalo. onvierte la l6nea en "na c"rva paraformar la boca.

8. ien a crear las antenas #os l6neas c"rvas ' #os óvalos en laparte s"perior.

?. +ara crear las s"s alas lo har$s con la a'"#a #el pincel eli)e "ncolor seme*ante para #ib"*ar con el pincel #elinea "na fi)"rapareci#a al #e las alas únicamente te !"e#ara la sil"eta. on a'"#a#el bote #e pint"ra rellenaras la fi)"ra res"ltante. &s importante !"ea)r"pes #esp"s #e crear el ala.?. ahora le colocaremos al)"nos #etalles al ala para ello con a'"#a#el pincel crearas "nas sil"etas ' las rellenaras ' les !"itaras s"bor#e. rearas #os #"plica#os los a*"staras a lostama:os mostra#os en el si)"iente e*emplo obtenien#olo si)"iente.



10/34


1@. nte)ra las alas al resto #el c"erpo #e la mariposa trata #e colocar las alas #etr$s #elc"erpo para #arle "n b"en efecto. +ara ello "tiliza or)anizar.

. LA 7/ACAMA8A

/aremos "so #e las herramientas #e la ca*a para crear "na )"acama'a.1. Abre la aplicación #e ;lash


3. +ara iniciar insertaremos "n ovalo !"e ser$ la cabeza #e la )"acama'a.olócale "n fon#o ra#ial como m"estra la si)"iente fi)"ra. A)r"pa esteelemento. 4. Ahora para crear s" pico crearemos "n ovalo #e n"evo pero m$spe!"e:o. B con a'"#a #e la herramienta envolt"ra le iremos #an#o forma alpico #e la )"acama'a. Co se te olvi#e a)r"par este elemento.

5. Ahora n"estra )"acama'a #ebe #e tener el si)"iente aspecto.

=. Se)"imos con la creación #e o*os #e n"estra )"acama'a para ellonecesitaremos óvalos ' l6neas.

>. omo habr$s nota#o n"estro #ib"*o est$ toman#o forma.

8. ien toma el elemento #el pico ' crea "n #"plica#o hazlo m$s pe!"e:o aescala como m"estra la si)"iente fi)"ra.



11/34


?. crea "n rect$n)"lo )ran#e )"6ate #el e*emplo. &ste ser$ "na vara en la c"al est$sosteni#a la )"acama'a.

1@. a)r)ale el #"plica#o #e la fi)"ra !"e re#"cimosanteriormente pero ten#r$s !"e crear cinco #"plica#os m$s.D"6ate #el e*emplo.

11. ien solo nos resta por hacer la cola para ello solo haremos "na' l"e)o #"plicaremos las otras #os ' les cambiaremos el color.

12. rea #os c6rc"los ' sobreponlos #e tal manera !"e !"e#en #ecómo el e*emplo.

13. Solo tomaremos la parte intersecta#a #e ambos circ"los paraello retiraremos los bor#es sobrantes rec"er#a !"e a"n no se hana)r"pa#o los elementos asi !"e las lineas se p"e#en mover #emanera in#epen#iente. E"e#an#o #e la si)"iente manera.

14. al #ib"*o res"ltante lo a#aptaremos para crear las pl"mas 'previamente le colocaremos relleno. %an#o como res"lta#o.

15. Ahora a)r"pa ca#a "na #e las pl"mas ' colócalas #etr$s #e la )"acama'a!"e#$n#ote "na ima)en #e la si)"iente manera.



12/34


3. EL M/9ECO

1. cree "n #oc"mento n"evo vac6o.

2. %ib"*e el c"erpo #e "n m":eco con pies pareci#o al #e la fi)"ra a base#e óvalos sin contorno rellenos con "n #e)ra#a#o #e color az"l "tiliza la

herramienta 'ara $as +%rmas : 'ara e$ re$$en% de0radad% .%ib"*a el c"erpo ' los pies por separa#os. L"e)o los "nir$s.

. Selecciona #e manera in#ivi#"al ca#a óvalo ' p"lse Ctr$ 6 7 para !"e !"e#ena)r"pa#os pero in#epen#ientes el "no #el otro. &so permitir$ #ib"*ar sobre ellos '

s"perponerlos sin !"e se vean afecta#os. Sitúe ca#a elemento en el l")arcorrespon#iente se)ún la fi)"ra.

!. onfi)"ra la herramienta óvalo para crear c6rc"los rellenos #e color blanco ' sin contorno. %ib"*a "n c6rc"lo para sim"lar "no #e los o*os #elm":eco ' a)rúpalo p"lsan#o (tr$ 6 7. opia ' pe)a el c6rc"lo blancopara crear otro *"nto al anterior.

-. on el mismo proce#imiento crea #os pe!"e:os c6rc"los ne)ros parasit"arlos como p"pilas para los o*os #el m":eco. Co olvi#es a)r"par ca#a c6rc"lo para !"e !"e#en por encima #e los otros ob*etos.

. on la herramienta l$piz *"nto con el mo#ifica#or 'a'"#$n#ote #el panel trazo crea "na especie #e antena #e color ro*o 'trazo )r"eso para colocar en la cabeza #e n"estro ami)o. +"e#es#ib"*ar "na ' l"e)o copiar pe)ar ' refle*ar horizontalmente para crear laotra. Co las a)r"pes aún.

. ;inalmente completa las antenas con c6rc"los rellenos con "n#e)ra#a#o a t" )"sto para sim"lar "na bola. Selecciona a la vez "na bola ' s" antena 'p"lsa (tr$ 6 7 para crear "n )r"po con esos #os elementos. /a)a lo mismo en la otraantena.



13/34


B%/ )+) -)% %/ %( ++)) 2.

3. Ahora p"lsa ; para crear "n n"evo foto)rama clave !"e conten#r$a"tom$ticamente lo mismo !"e el foto)rama anterior.

4. Selecciona a la vez las #os p"pilas #e los o*os ' llvalas hacia la#erecha para sim"lar !"e el m":eco mira hacia ese la#o. tiliza las teclas para hacerlocon ma'or precisión.

1


14/34


4. CAPAS

1. Abre la herramienta flash

2. rea "n n"evo #oc"mento #e flash

3. Combra la capa con el nombre (ie$% en esta capacrearas "n rect$n)"lo con relleno az"l #e tal forma!"e sim"le el cielo como fon#o #e n"estra animación.

4. rea "na n"eva capa a la c"al le asi)nar$s elnombre mar #e i)"al manera #ib"*aras "nrect$n)"lo con "n color az"l.

5. ahora crea "na tercera capa a la c"al le pon#r$scomo nombre %$as bien ahora activa la herramientapincel ' #ib"*a "na l6nea !"e te # el aspecto #e "naola t" as6)nale el #e)ra#a#o #e lineal.

=. rea #e n"evo "na capa n"eva esta vez as6)nale

el nombre s%$ a!"6 #ib"*aras "n circ"lo en la partes"perior #erecha a la c"al le asi)naras "n color #erelleno "tilizan#o al)ún #e)ra#a#o. ' le eliminaras elbor#e al c6rc"lo.

>. Ahora bien crea "na capa mas con el nombre7a*i%tas a!"6 #ib"*aremos "nas )aviotas comoveras estamos #ib"*an#o "n mar con sol eimplementaremos las )aviotas para complementar elpaisa*e ' posteriormente animarlo. +ara crear las)aviotas "tilizaremos la herramienta pincel selecciónala ' #entro #e s"s propie#a#es

eli)e la opción m$s pe!"e:a #el pincel ' eli)e #el tipo #e pincel el bisela#o !"e es en#ia)onal la última opción con esto iras crean#o las )aviotas #ib"*a "n n"mero #e)aviotas en el horizonte para terminar esta parte.



15/34


8. rea "na capa mas ' colócale el nombre barcoa!"6 #ib"*aras "n barco con las herramientas

b$sicas "tilizan#o la herramienta l6nea #ib"*a lafi)"ra #el barco ahora !"e has crea#o la fi)"rarellnalo #e color caf o al)ún otro color #e t"preferencia ahora crea el m$stil #on#e se colocar$la ban#era para crear la ban#era "tilizar$s laherramienta pol'star "na vez !"e hallas crea#o laban#era le colocaras "n relleno con #e)ra#o lineal.

?. Ahora "na vez crea#as las capas con s"s respectivos )r$ficos el foto)rama #eber$!"e#ar #e la si)"iente manera. %e i)"al forma t"s capas se vis"alizaran como sem"estra en el e*emplo checa !"e el or#en #e t"s capas sea como se m"estran en lafi)"ra esto para !"e no se traslapen t"s )r$ficos.

1@. Ahora bien "na vez termina#o elfoto)rama con s"s respectivas capasproce#eremos a la animación #e n"estros

)r$ficos sitúate en el foto)rama número 1@para crear foto)ramas clave o en s" #efectofoto)ramas interme#ios. na vez sit"a#o enel foto)rama 1@ a las capas (ie$%= mar :%$as= les crearas foto)ramas interme#ios#ebi#o a !"e no !"eremos !"e estos)r$ficos cambien. +ara las capas 0a*i%tas :"ar(% crearemos foto)ramas claves 'a !"eestos )r$ficos s"frir$n cambios #"rante la pel6c"la.



16/34


11. na vez crea#o el foto)rama clave en lascapas )aviotas ' barco mo#ificaremos estos)r$ficos para s" posterior animación. -"eve elbarco !"e se enc"entra en la capa "ar(% "n

poco hacia #elante e incl6nalo #e i)"al maneram"eve las )aviotas #e la capa 0a*i%tas en otrasposiciones.

12. 9epite la operación en el foto)rama 2@ ' 3@ #e tal manera !"e t" l6nea #el tiempo!"e#e como se m"estra en el e*emplo #e la fi)"ra.

13. A contin"ación vamos a realizar la animación para ello vas a #arle clic #erecho sobreel foto)rama 1 #e la capa "ar(% ' seleccionaras crear interpolación #e movimiento lomismo realizaras para el foto)rama 1 #e la capa 0a*i%tas. Los foto)ramas s%$= %$as mar

: (ie$% !"e#an sin mo#ificación al)"na.

14. Se)"i#amente crearemos las interpolaciones para los foto)ramas 1


17/34


1/E REBOTAN

1. ree #oc"mento n"evo con las #imensiones por #efecto ' "na veloci#a# #e

repro#"cción #e 25 fps.2. on la or#en insertar


18/34


CREACI)N DE LA PRIMERA INTERPOLACI)N.

(as a crear "na interpolación en la!"e "na instancia #e la bolla

aparecer$ por la parte s"perior iz!"ier#a #e la escena ' se#esplazar$ hasta el centro a la vez!"e a"menta #e tama:o parasim"lar !"e se acerca.

1@. 9enombra la capa act"al #e laescena como G"%$a i,?#ierdaH.

11. Selecciona el primer foto)rama '#es#e la biblioteca arrastra "nainstancia #el s6mbolo "%$a s%m"ra!"e has crea#o antes. Sitúala en eleFtremo s"perior iz!"ier#o #e laescena pero por f"era #e esta.

12. Selecciona el primer foto)rama ' crea "na interpolación #e movimiento.

13. Selecciona el foto)rama 3@ ' p"lsa ; para acabar #e #efinir la interpolación.

14. on el foto)rama 3@ selecciona#o arrastra la bola hacia el centro #e la escena.

15. &scala con el ratón Es(a$ar el conteni#o #el foto)rama 3@ hasta !"e ten)a "ntama:o #e "nos 115 p"ntos #e alt"ra.



19/34


CREACI)N DE LA SE7/NDA INTERPOLACI)N.

Ahora vamos a crear lainterpolación !"e sim"lar$ !"e las

bolas salen rebota#as trascolisionar.

1=. Selecciona el foto)rama 3@ 'crea "na n"eva interpolación #emovimiento a partir #e ah6.

1>. Selecciona el foto)rama =@ 'p"lsa ; para concl"ir estase)"n#a interpolación.

18. on el foto )rama =@

selecciona#o arrastra la bollahacia el bor#e inferior iz!"ier#o #ela escena ' escala s" tama:ohasta !"e oc"pe "nos 1>@ p"ntos#e anch"ra. Si es necesariorecolo!"e la bola para evitar !"ese sal)a #e la escena.

1?. 9epro#"ce la animación ' observa cómo la bola se acerca al centro #e la pantalla a)ran veloci#a# pero l"e)o c"an#o se s"pone !"e ha rebota#o recorre el caminolentamente. omo 'a #ebes ima)inar eso s"ce#e por!"e la se)"n#a interpolación

"tiliza 3@ foto)ramas i)"al !"e la primera pero la bola recorre a!"6 menos #istancia.



20/34


CREACI)N DEL CHO>/E DE LAS BOLAS

La sim"lación #el cho!"e #e las bolasconsiste en crear otra capa en la !"e se

"bicar$n las #os interpolacionescrea#as pero #e forma simtrica.

2@. +"lsa en para crear "na n"eva capa ' #enom6nala "%$a dere(ha.

21. Selecciona to#as las interpolaciones #e la otra capa cópialas con la or#en copiarfotogramas ' p)alas en la n"eva capa a partir #e s" primer foto)rama.

22. como habr$n apareci#o foto)ramas in#esea#os mostran#o "na l6nea #iscontin"a. Arrastra #el último #e estos foto)ramas hacia la iz!"ier#a hasta #epositarlo sobre elprimer foto)rama clave !"e enc"entre. Ahora #ispones #e #os capas con las mismasinterpolaciones s"perp"estas con lo c"al si se repro#"ce la pel6c"la no se observar$

nin)"na #iferencia. Se trata p"es #e crear la versión simtrica #e la interpolación #e lase)"n#a capa.

23. Selecciona el primer foto)rama #e la se)"n#a interpolación 'arrastra la bola hasta el eFtremo #erecho #e la escena por f"era #e stapara !"e las bolas !"e#en simtricas n s" comienzo.

24. Selecciona ahora el foto)rama 3@ #e la se)"n#a capa ' m"eve "n poco hacia la#erecha la bola para vis"alizar la #e la otra capa. (a'a arrastran#o con los c"rsoreshasta !"e ambas bolas !"e#en en contacto.

25 Se)"i#amente selecciona las #os bolas a la vez ' cntralas en la escenahorizontalmente.

2= ;inalmente selecciona el foto)rama =@ #e la se)"n#a interpolación ' arrastra la bola!"e contiene hasta el eFtremo #erecho #e la escena para !"e las bolas !"e#ensimtricas en s" fase final.

2> 9epro#"ce la pel6c"la p"lsan#o Ctr$ 6 intr% ' observe el efecto conse)"i#o.

11. PELOTA



21/34


1. nicia ;lash

2. %ib"*a "n c6rc"lo con contorno ' me#iante la herramienta l$piz ' con el

mo#ifica#or s"avizar traza "nas l6neas verticales #entro #el c6rc"lo para#ivi#irlo en tres partes.

3. Selecciona to#o el #ib"*o ' en el panel propie#a#es cambia el tama:o#e la l6nea a n"mero 2.

4. Selecciona por separa#o ca#a "no #e los tres rellenos !"e han !"e#a#o en la pelota 'apl6cales relleno a ca#a "no con "n color #iferente para #arle "n aspecto #e pelota #epla'a.

5. Ahora a)r"pa to#os los elementos #e la pelota.

Crea(in de m%*imient%

=. Sitúate en el foto)rama 4@ ' crea "n foto)rama clave.

>. A contin"ación colócate en el foto)rama 1 ' crea "na interpolación #e movimiento.

Crea(in de $a Tra:e(t%ria.8. /az clic en el icono #e )"6a #e movimiento.

?. -e#iante la herramienta l$piz o l6nea ' elmo#ifica#or s"avizar traza "n camino !"e intenterepro#"cir el !"e #eber$ se)"ir la pelota c"an#oaparezca en escena es #ecir "na serie #e botesca#a "no #e los c"ales #ebe ser menor !"e elanterior hasta !"e 'a no bote m$s.

1@. Co importa !"e el trazo rebase los l6mites #e

la escena 'a !"e #e ese mo#o la pelotaaparecer$ ' #esaparecer$ #e la escena.

11. 0ampoco importa el tama:o #el trazo pero es preferible !"e no sea tan ancho.

12. lo!"ea la capa #e )"6a para !"e no se p"e#a e#itar sitúate en el foto)rama 4@ 'crea "n foto)rama clave.

C%$%(a(in de $a 'e$%ta en $%s $#0ares ade(#ad%s.



22/34


13. Activa la or#en (er


23/34


1. nicia ;lash

2. &mpezaremos por crear "n fon#o base para

n"estra si)"iente animación bien selecciona laherramienta rect$n)"lo ' #ib"*a "n rect$n)"lo #etal forma !"e abar!"e lo lar)o #e el foto)ramacheca el e*emplo.

3. A contin"ación insertar$s sobre el )rafico t"nombre pero ten#r$s !"e realizarlo #e la si)"ientemanera.

4. +rimero insertar$s la primera letra ' le asi)naras el color #e t" preferencia. ien "navez coloca#a la letra colócale "na l6nea )"6a para !"e las #em$s letras estn alinea#as.

5. "na vez crea#a la primera letra realiza el mismoproceso para las posteriores letras #e t" nombre.

=. Al terminar t" nombre #eber$ #e !"e#ar #e lasi)"iente manera.

>. Ahora crearemos "na capa m$scara para loc"al har$s lo si)"iente crea "na m$scara normal' posteriormente haz clic #erecho sobre ella 'selecciona la opción m$scara.

8. "an#o se cree la capa m$scara aparecer$nblo!"ea#as ambas capas #esblo!"alas para !"ep"e#as traba*ar con ellas.

?. 0"s capas #eber$n !"e#ar #e la si)"ientemanera,

1@. Selecciona únicamente la capa mascara para crear el si)"iente efecto.



24/34


11. %ib"*a "n c6rc"lo !"e lo)re c"brir el alto #e las letras ' colócalo f"era #el $rea #elfoto)rama como se #etalla a contin"ación.

12. ien ahora 'a tenemos ob*etos en ambas capas lo si)"iente ser$ la creación #efoto)ramas bien para la capa #on#e se enc"entra t" nombre solo se crear$ +%t%0ramaintermedi% en el foto)rama !


25/34


tiempo ' arr$strala hasta !"e t" c6rc"lo ha'a pasa#o la primera letra como se m"estra enla si)"iente fi)"ra.

18. Sitúate en el foto)rama 1 #e la capa n"eva ' selecciona el foto)rama "no ' arr$stralo

hasta !"e el p"nto !"e aparece en el foto)rama se corra hasta #on#e se enc"entra t"l6nea #e tiempo.

1. BOTON SIMPLE

(amos a comenzar crean#o el botón !"e provocar$ la transformación #el ob*eto en teFto.

1. Selecciona la opción insertar


26/34


2. con la herramienta #ib"*a "n c6rc"lo en el centro #e la pantalla. Selecciona elcontorno #el c6rc"lo ' elim6nalo. Selecciona el c6rc"lo ' as6)nale color az"l me#iante la

herramienta relleno #e la paleta lateral #e herramientas.

3. on el circ"lo selecciona#o activa el panel información "bica#o en el menúventana


27/34


14. Selecciona el teFto ' cambia las propie#a#es como, color tama:o ' tipo #e letra.

15. ien con esto se ha concl"i#o el botón. +"lsa en la pesta:a &scena para volver a laescena principal ' arrastre a ella #es#e la biblioteca el botón recin crea#o.

1!. BOTON ANIMADO

&n esta ocasión crearemos "n botón anima#o para lo c"al ten#remos !"e elaborarpreviamente 3 clips #e pel6c"la para lo c"al #esarrollaremos a contin"ación.

1. Abre la aplicación #e ;lash

2. &li*e "n #oc"mento #e flash.

3. Ahora para iniciar eli)e menú insertar


28/34


4. Ba en la biblioteca inserta "n c6rc"lo sin bor#e ' #e color ro*o a*"sta s"spropie#a#es para !"e !"e#e con "n #i$metro #e 12@ p6Feles. Ahora a*"staen las propie#a#es I ' B para !"e !"e#e con los #atos @ para !"e !"e#e *"sto en el centro ó en s" #efecto a*ústalo man"almente #e tal forma !"e el

centro #el circ"lo !"e#e alinea#o con la cr"z.

5. ien ahora crea "n foto)rama clave + en el foto)rama 1@ ' cambia #e color elrelleno #el c6rc"lo por "no ver#e.

=. Se)"i#amente selecciona el foto)rama 1 ' te vas a propie#a#es #el foto)rama 'seleccionas la opción animar


29/34


18. ien selecciona el foto)rama 1 #e la capa on#as ' en propie#a#es a*"sta en laopción animar a forma t" l6nea #e tiempo #ebió haber !"e#a#o sombrea#o en colorver#e ' con la flecha in#ican#o la tra'ectoria.

1?. on la capa #el c6rc"lo con relleno solo nos resta crearle "n foto)rama interme#io enel foto)rama 2@.

2@. confi)"ra la animación #el clip a 25 foto)ramas por se)"n#o.

21. A!"6 hemos termina#o con el se)"n#o clip !"e nosservir$ para el se)"n#o esta#o #el botón.

22. Ahora re)resa a la escena 1 ' inserta el clip #e s%"reen el foto)rama ' pr"eba la pel6c"la. &l clip #ebe f"ncionar como "na on#a.

23. &l si)"iente clip es para el tercer esta#o #el botón para ello v"elve a seleccionarmenú


30/34


31. ien ahora crearemos el botón para ello selecciona menú


31/34


&n la pantalla #e e#ición #el clip #ib"*a el elemento a animar. &neste caso #ib"*a este )racioso cochecito #e amb"lancia.

! Sitúa el ob*eto en el la#o iz!"ier#o #e la pantalla.

5 rea "na interpolación #e movimiento.

= Selecciona el foto)rama 4@ ' p"lsa ;= para completar la interpolación.

> on el foto)rama 4@ selecciona#o "se el c"rsor #erecho *"nto con la tecla Ma:s parallevar el ob*eto hasta el la#o #erecho #e la pantalla para !"e el ob*eto !"e#e m$s omenos simtricamente "bica#o con respecto al foto)rama n"mero 1

8 Selecciona el foto)rama 1 e inserta "na acción st%' para evitar !"e el clip serepro#"zca a"tom$ticamente.

? 9e)resa a la escena principal p"lsan#o en la pesta:a &scena 1.

Crea(in de$ se0#nd% ($i' de 'e$&(#$a

1< +"lsa Ctr$6 ;3 para crear otro s6mbolo #e clip #e pel6c"la. As6)nale el nombre G(%(he2H

11 &n la pantalla #e e#ición #el clip #ib"*a el elemento a animar. Ahoraimporta el mismo #ib"*o pero refle*a#o hacia la iz!"ier#a para !"e elcochecito mire hacia el otro la#o ' cambia#o #e color.

12 Sitúa el ob*eto en el la#o #erecho #e la pantalla.

13 rea "na interpolación #e movimiento.

14 Seleccione el foto)rama 4@ ' p"lse ; para completar la interpolación.

15 on el foto)rama 4@ selecciona#o "sa el c"rsor iz!"ier#o *"nto con la tecla -a'úspara llevar el ob*eto hasta el bor#e iz!"ier#o #e la escena.

1= Selecciona el foto)rama 1 e inserta "na acción st%' para evitar !"e el clip serepro#"zca a"tom$ticamente.



32/34


1> 9e)resa a la escena principal p"lsan#o en la pesta:a &scena 1.

/"i(a(in de $as instan(ias en $a es(ena : n%m"rad% de $as mismas

13 #es#e la escena principal abra la biblioteca ' arrastre el clip (%(he1 hasta#epositarlo en el eFtremo s"perior iz!"ier#o #e la escena. Se)"i#amente arrastre el clip(%(he 2 ' llvalo al bor#e s"perior #erecho #e la escena.

1? Selecciona a la vez las #os instancias #e los #os clips ' alinelas horizontalmente. Sies necesario "tiliza la or#en Escalar-Scale para a"mentar o re#"cir el tama:o #elasinstancias con ob*eto #e a#ec"arlas al tama:o #e la escena es #ecir !"e los coches nosean ni #emasia#o )ran#es ni #emasia#o pe!"e:os.

2@ Selecciona la instancia #e la iz!"ier#a ' p"lsa en propie#a#es para abrir el panelinstancia. As6)nale el nombre (%(he1. /az lo mismo con la instancia #e la #erecha 'as6)nale el nombre (%(he2.

21 Abre la biblioteca #e elementos com"nes con la or#en (entana


33/34


Asi0na(in de $as a((i%nes a$ "%tn P$a:

Ahora se trata #e asi)nar a ca#a botón las acciones necesarias para !"e c"mplan s"cometi#o. +ara asi)nar las acciones al botón #e repro#"cción pla' ha)a lo si)"iente,

24 /az clic sobre l con el botón ' selecciona Acciones para abrir el panel.

25 /az #oble clic sobre la acción 0ell 0ar)et

2= &n el campo #estino escriba el nombre #e instancia #el clip a activar es #ecir(%(he1.

2 /az #oble clic sobre la acción +la' con eso le in#icar$

el tipo #e acción a aplicar al clip ele)i#o es #ecirarrancarlo.

28 Sitúa el c"rsor en la última l6nea #e eFpresiones es#ecir la !"e m"estra el caracter N ' ha)a #oble clic #en"evo sobre la acción 0ell 0ar)et para a)re)ar otra acción#e este tipo !"e #eber$ ser e*ec"ta#a con el mismo botón.

2?. &n el campo #estino escriba el nombre #e instancia #elclip a activar ahora es #ecir (%(he 2.

3@. /az #oble clic sobre la acción +la'O con eso le in#icar$ el tipo #e acción a aplicar alse)"n#o clip ele)i#o es #ecir arrancarlo.

31 +"lsa Ctr$ 6 Intr% ' compr"eba !"e al hacer clic sobre el botón pla' se inicia larepro#"cción #e los #os clips.

Asi0na(in de $as a((i%nes a$ rest% de "%t%nes

&l proce#imiento para asi)nar las acciones las acciones al resto #e botones eseFactamente el mismo !"e se ha #escrito. Lo único !"e cambia es el tipo #e acción !"eaparece a contin"ación #e las eFpresiones 0ell 0ar)et. 9ec"er#a !"e antes hemoscoloca#o +la' por!"e es lo !"e !"er6amos !"e s"ce#iera con los #os clips al p"lsar en elbotón pla'. As6 p"es pro)rama ca#a botón se)ún estas caracter6sticas,

otón Stop, %ebe #etener la repro#"cción as6 !"e la acción ser$ Stop para los #os clips.

otón 9e)resar, %ebe hacer retroce#er la repro#"cción foto)rama a foto)rama as6 !"ela acción ser$ Do to ' con par$metro tipo P ;oto)rama anterior.

otón A#elantar, %ebe hacer avanzar la repro#"cción foto)rama a foto)rama as6 !"e laacción ser$ Do to ' con el par$metro tipoP foto)rama si)"iente.



34/34


&n la si)"iente fi)"ra p"e#es ver el pro)rama para ca#a "no #e los botonesmenciona#os.

32 9epro#"ce la pel6c"la ' observa cómo p"e#es controlar tanto el arran!"e como lapara#a #e los clips ' p"e#es repro#"cirlos paso a paso en ambos senti#os. Si lo #eseasp"e#es a)re)ar otros botones para por e*emplo llevar los clips #irectamente al principioo al final #e la pel6c"la.

manual flash 2010

Documents