Prctica # 14 Nombre de la Prctica: MENU

Carrera:
Mdulo: II CREACIN DE PRODUCTOS MULTIMEDIA A TRAVS DE SOFTWARE DE DISEO
Submdulo: II PRODUCCIN DE ANIMACIONES CON ELEMENTOS MULTIMEDIA
RECURSOS MATERIALES DE APOYO
COMPUTADORAS
BOCINAS
SOFTWARE MACROMEDIA FLASH 8

DESARROLLO DE LA PRCTICA

Men en flash
1. Abre la aplicacin de flash.

2. Bien en esta ocasin crearemos un men que nos de tres opciones de animacin de flash como son: interpolacin de movimiento,
Interpolacin de Forma y Capa gua.

3. Para iniciar crea tres botones con sus respectivos estados, agrgale a cada botn en la parte inferior la opcin a la que
corresponde.

4. Cuando crees los botones agrgale un efecto de cambio de color entre el estado de reposo y el estado de sobre.

4. Una vez creados los botones, en el fotograma 1 vas a crear una especie de pantalla para crear tu men, y posteriormente pasaras
tus botones al fotograma.

5. Tu fotograma 1 deber tener el siguiente aspecto, inserta el titulo Macromedia Flash8 y en la parte inferior t nombre.

1
 6. Nombra a tu capa Men.

7. Ahora inserta una nueva capa y nmbrala Marco1.

8. Bien en esta capa sitate en el fotograma 2 y da clic derecho para insertar un fotograma clave vacio.

9. En el crea un marco para la animacin que vamos a crear.

10. Ahora inserta una nueva capa que llamaras I. Movimiento.

11. Inserta un crculo y colcale el color de fondo que desees. Tu capas

marco1 y I. de movimiento quedaran de la siguiente manera en el fotograma 2.

12. Ahora vamos a crear la interpolacin de movimiento de este objeto.

13. Para iniciar crearemos un fotograma intermedio del marco hasta el

fotograma 30, ya que no tendr un cambio alguno.

14. En la capa Movimiento crea un fotograma clave en el fotograma 15 y

cambia de posicin el crculo hacia la parte media inferior.

15. Seguidamente crea la interpolacin de movimiento dando clic derecho al

primer 2 de la capa movimiento y elige interpolacin de movimiento.

16. Ahora crea un fotograma clave sobre la misma capa en el fotograma 30 y

sita el crculo en la esquina superior derecha.

17. Ahora repite el proceso del paso 15 para crear la interpolacin de movimiento.

18. Tu lnea de tiempo deber quedar con el siguiente aspecto.

19. Para continuar crea una nueva capa con el Nombre I. Forma en
la que crearemos la siguiente animacin.

20. Inserta un fotograma clave vacio en el fotograma 31 de esta capa

para crear nuestra interpolacin de forma.

21. Inserta un polgono en forma de estrella de 5 lados, colcale un relleno radial

rojo, y el borde en tamao 4 y el estilo curveado.

22. Bien ya terminaste de realizar el trazo, ahora crea un fotograma clave de

esta capa en el fotograma 50.

23. Estamos en el fotograma 50, bien elimina la estrella que aparece en el y en

su lugar inserta un texto INFORMATICA, Tratando de que quede al centro
asgnale el color que desees y a un tamao no mayor al de la estrella.

24. Ahora en la capa marco vas a insertar un fotograma intermedio en el

fotograma 50, esto para repetir el marco en la siguiente animacin.

25. Regresamos a la capa I. forma y vamos a crear la interpolacin de forma

para ello hay que separar el texto, que se encuentra en el fotograma 50, bien la opcin se encuentra realizando clic derecho sobre el
texto, pero si te percatas separamos en letras, ahora vuelve a dar clic derecho para que se conviertan en grficos, con esto queda
listo.

26. Ahora regresa al fotograma 31 seleccinalo y visualiza las

propiedades y elige en la opcin animacin, forma. De manera
automtica se genera la animacin, queda en color verde con una
fecha como se detalla a continuacin.

27. Hasta aqu tenemos listo dos animaciones nos falta una mas.

28. A continuacin crea una capa con el nombre Animacin gua.

29. Inserta un fotograma clave vacio en el fotograma 51.

30. Bien crearemos una capa gua para la capa animacin gua dando clic en este icono
 31. Tambin inserta un fotograma calve vacio en la capa gua.

32. Selecciona la capa gua y en el fotograma 51 crea una lnea que servir de gua para la
animacin.

33. Ahora sitate en la capa Animacin gua, dibuja un polgono Estrella e ilumnalo a tu gusto y
verifica que el centro del polgono coincida con el inicio de nuestra lnea gua.

34. Bien continuamos, ahora vas a crear un fotograma clave para ambas capas la Gua y
Animacin Gua en el fotograma 70.

35. Regresa al fotograma 51 de la capa animacin gua y da clic derecho para crear una
interpolacin de movimiento.

36. regresa al fotograma 70 de la capa animacin gua y mueve el polgono hacia el extremo de la
lnea gua.

37. Listo tenemos nuestras tres animaciones bsicas, ahora nos resta realizar las aplicaciones
pertinentes para utilizar el men.

38. Tu lnea del tiempo debe estar de la siguiente manera.

39. Selecciona el fotograma 1 de la capa men y ve a acciones y coloca el cdigo stop(); para detener la pelcula justo en el men.

40. Selecciona el fotograma 30 de la capa I. movimiento, ve a acciones y coloca el cdigo para detener la pelcula como en el paso
anterior.

41. Repetimos el procedimiento pero para el fotograma 50 de la capa I. forma.

42. Repite de nuevo el paso 39 para el fotograma 70 de la capa animacin gua.

42. Bien prueba la pelcula y veras que se detiene en el men principal.

43. El siguiente paso es asignarle a los botones el cdigo correspondiente para que nos lleven a una determinada parte de la pelcula.

44. Regresa al fotograma 1 en la capa men y haz clic derecho sobre el primer botn elije acciones y escribe el siguiente cdigo en el
rea.

on (press)

{ gotoAndPlay(2); }

45. Repite el procedimiento del paso 44 para el segundo botn, la nica diferencia es que en gotoandplay le asignaras hacia el
fotograma 31. Y lo mismo hars para el tercer botn, pero a este le asignaras el fotograma 51.

46. Con este cdigo nuestro men nos lleva hacia una parte de la pelcula y se detiene, ahora necesitaremos crear botones de
regreso al men principal.

47. Inserta una capa nueva y nmbrala Regreso.

48. selecciona el fotograma 2 de esta capa y crea un fotograma clave vacio posteriormente crea un botn que nos servir de regreso
al fotograma1, utiliza el cdigo del paso 44. Una vez asignado el cdigo crea un fotograma intermedio hasta la el fotograma 70

49. Bien con estas acciones

nuestra animacin debi
haber quedado lista.

50. esta es la parte final de

la lnea del tiempo.

DOCENTES