Este documento proporciona instrucciones para crear un banner animado en Adobe Flash. Se animarán dos teléfonos móviles y un texto que aparecerá y desaparecerá con desenfoque y cambios de tamaño a lo largo de la animación. El banner deberá guardarse como un archivo SWF y puede convertirse a MP4 para su visualización. Se estima que la actividad tomará de 2 a 3 horas y deberá completarse en la segunda semana.

1. ACTIVIDAD PRÁCTICA 8
Actividad
Banneranimado
¿Qué se va a evaluar?
La realizacióndel banner
Os dejamosunvideoexplicativodel ejercicio:
https://www.youtube.com/watch?v=DunjZza3psI
¿Cuál esla situación/casoplanteado?
Vamos a crear un banner
1.Crear un nuevodocumento - actionscript3.0
2. En laventanade propiedadesle damosuntamañode 720 px por 288 px
3.Vamosa importarel archivo PRACTICA8-FINALCONCAPAS.psd ( archivoimportarescenario,
le doya aceptarpara convertirencapasde flash,(podemosborrarlacapa vacía)
4.Me desplazoal fotogramaenla líneade tiempo150, para insertarfotogramale doya f5
5.Ahora vamosa comenzarla animacióncojolacapaA del teléfono,ylaarrastro hasta el
fotograma5, enla mismacapa me voy al fotograma15 ycon el botón derechodel ratón
escojolaopcióninsertarel fotogramaclave
6. A continuaciónme voyentre losdosfotogramasclave enel fotograma10 ,y escojo la
opción‘’crearinterpolaciónde movimiento’’,si me aparece unaventanadesplegable conla
cual me comentaque no se puede interpolarel elementoseleccionado,le doyaaceptarpara
que me lo conviertaenunsímbolo
7.Seleccionoenlapantalladel documentoel objetodelmovilcaraA,Ylotrasladohaciaabajo,
con lasflechasdel teclado,paraque aparezcael móvil comosi estuviéramostrazandouna
línearecta ( loseleccionoparahabilitarunfiltro,me voyala opcióndesenfoque 55y que al
llegaral últimofotogramade interpolaciónde movimiento,conlasmismasflechaslocolocola
imagenenel lugarde partida , y me voya laopciónde desenfoqueylacolocoa 0 hastaque
quede al mismonivel del segundoteléfono)
Si le doy a control mas enterprevisualizoel resultado
8. Ahorame voya la otra capa del otromóvil MOVILCARAB,arrastrounnuevo
fotograma,y le doyun pocomás de tiempoque supere al MOVILCARAA,locolocamos
a 25 frames,pulsoel botonoderechodelratón,escojolaopcióninsertarfotograma
clave,a continuaciónme desplazoentrelosfotogramasyenlamitadseleccionoconel
botónderechodel ratón,laopcióncrear interpolaciónde movimiento,le doya
aceptar para convertirloenunobjeto,( el teléfonoquieroque aparezcadesde arriba,
lovoy movimientoconlasflechasdel teclado,yme voya filtro- desenfoque le doyala
opciónde desenfoquede movimiento55,y enel últimopuntode lainterpolación,
movimientolasflechasdel teclado decirleque me lodesenfoquea0, igual que (el
otro móvil )
9. Me voya la capa del textoIPHONE X, y arrastro dejandoun fotograma de por medio
10. Y le indicioque llegue hastael fotograma35, y hago la interpolaciónde movimiento
(comoa continuaciónqueremosque el texto aparezcaengrande y luegoenel tamaño
, normal,laselecciónmodificar-transformar- escalarygirarle damos unaescalade
1000 y le aplicamosunfiltroparaque aparezcadesenfocado,en203 , enefectode
colorle doy le doyla opciónalfacon una transparenciade 15, y enel ultimo fotograma
loselecciónyque el alfaeste al 100 % y que el desenfoque estéal 0,me voyal final del

2. fotogramay escojolaselecciónmodificar-transformar- escalarygirar y elijoenescalar
un 10%
Si le doy a control mas enter,previsualizamosel trabajoque vamosrealizando
11. A continuaciónme voya lasiguiente capade textoque se llama DILEHOLAALFUTURO,
hago click en el primer fotograma lo arrastro hasta 36, y le añado fotograma clave en
el fotograma 48, me pongo en el medioy le doy a la opción crear interpolación, me
coloco enel primerfotograma que es donde va a comenzar la animación , lo
selecciono,le insertoun filtro- desenfoque 30,y en efectode color seleccionola
opción alpha y le doy 9% y lo bajo en efectode color le doy una transparencia de 9, y
que al estar enel fotograma 45 se visualice el desenfoque a0, y en alpha al 100% y a
la vez que este la imagen casi tocando la palabra iphonex
(podemosenlamitadde nuestrofotogramade colorazul,y le podemosenlaventana
de aceleraciónaumentaral 100% o -100% para que quede másrápidanuestra
animación
12. Y ya tenemosnuestrobanner,vamosaguardarlosi queremoseditarloenotro
momento,buscamosenel escritoriocreamosunanuevacarpetade nuestrotrabajo
13. Por ejemplo:ejerciciobanner.fla yya lo he guardado,para exportarvamosa exportar
enpelículay loguardamoscon la extensión ejerciciobanner.swf
Si quisieraconvertirel formatode películaSWFA MP4, podríamos utilizareste conversor
online https://convertio.co/es/swf-mp4/
Podéisverlosejemplosde cómocrearun banneraquí:
https://www.youtube.com/watch?v=DunjZza3psI
¿Cómose va a evaluar?
Viendo quese hayan creado losefectosde las capas
¿Cuántotiempose estimaque tardaránlosalumnosenrealizarlaactividad?
2-3 horasaprox
¿En qué semanase deberáiniciarlaactividad?
En la segunda semana