PRÁCTICA ADOBE ANIMATE VIDEO INTERACTIVO

1. Abrimos Adobe anímate → Action Script 3.0 (3ª opción)

2. Modificar → documento → cambiamos las dimensiones a las que tenga el vídeo (por
ejemplo: 1080x720) y el color de fondo si queremos.

3. Cambiamos nombre de la 1ª capa a acción

4. Creamos dos capas más (abajo del todo a la izquierda) → las llamamos: etiqueta y video.

5. En la capa acción → fotograma 5 → pulsamos F6

6. Seleccionamos todos los fotogramas del 1-5 de las tres capas y pulsamos F6

7. En la capa acción → fotograma 1 → ventana → acciones → escribimos stop();

8. Hacemos lo mismo en todos los fotogramas desde el 1 hasta el 5 de la capa acción.

9. En la capa etiquetas → fotograma 1 → propiedades, cambiar nombre: home

10. Cambiaremos los nombres de los demás fotogramas → fotograma 2: pasada; fotograma 3:
negro; fotograma 4: libro; fotograma 5: vela

11. Importamos los vídeos: Escena→ Archivo → importar vídeo → seleccionamos la 2ª opción:
vídeo FLV en SWF y reproducir en la línea de tiempo → examinamos y seleccionamos el
vídeo – le damos a siguiente → deseleccionamos las tres opciones → así con todos los
vídeos que tenemos en la carpeta.

12. Creamos los clips de película: Insertar → nuevo símbolo → home → tipo: clip de película
→ creamos en total 5 clips de película: home, libro, pasada, vela, negro, vela.

13. Al importar un clip de película se nos abre directamente, para volver al principal, arriba a la
izquierda pone Escena → home, debemos pinchar en escena; y para pinchar en el clip de
película pinchamos dos veces en el simbolito de la biblioteca donde ponga “home” o
“pasada”, etc.

14. Vamos al clip de película home → desde la biblioteca (izquierda) arrastramos el video
home → en la opción de ajustar fotogramas que nos sale pinchamos “sí”
15. Pulsamos cmdo/ctlr K y lo centramos pulsando los dos últimos botones que salen, o
“alinear en escenario”.
16. Hacemos lo mismo con los demás vídeos.

17. Dentro del clip de película home → renombramos la capa que tenemos y la llamamos
video → creamos otra capa y la renombramos como acción. Lo mismo con todos los clips
de película.
18. En el clip de película home (y solo en ese) → creamos 3 capas más (a parte de vídeo y
acción) → Las llamamos: botón 1, botón 2 y botón 3

19. Volvemos a Escena → en la capa etiquetas → Seleccionamos fotograma 1 → propiedades

→ renombramos a “home” → en el 2: pasada, en el 3: negro, el 4: libro y el 5: vela.

pág. 1

Apuntes descargados de wuolah.com

20. En la capa vídeo → fotograma 1 → arrastramos el clip de película home → Cmdo/ctrl K y
lo centramos (o manualmente si no nos funciona)
21. Hacemos lo mismo con los demás clips de película: fotograma 2: pasada, en el 3: negro…

22. Vamos al clip de película home → seleccionamos la capa botón 1 (que se seleccionen
todos los fotogramas) → Herramientas → rectángulo → en trazo → arriba en el lápiz
(salen los colores) → seleccionamos un cuadrado blanco con una raya diagonal roja.
23. Creamos un cuadro alrededor del primer objeto (lo más ajustado posible porque será el
botón).
24. Pinchamos dos veces en el botón → modificar → convertir en símbolo → nombre: negro1
→ tipo botón
25. Al lado a la derecha → Efecto de color → estilo alfa 0%
26. Hacemos lo mismo con los demás objetos, cada uno en su capa correspondiente.

27. En el video hacemos doble click en el botón del primer objeto → propiedades → nombre
de instancia: negro_btn (lo mismo con los demás objetos).

28. Para que a los 5 segundos de vídeo vaya a pasada: buscamos el fotograma 121
(corresponde a 5 segundos de vídeo) → botón derecho → convertir en fotograma clave
→ ventana → acciones → escribimos: Movieclip(root).gotoAndPlay(“pasada”);

29. Volvemos a escena → abrimos el clip de película pasada → buscamos el fotograma donde
aparezca la mano (en nuestro caso el 72) → capa acción → botón derecho → convertir en
fotograma clave → propiedades → le cambiamos el nombre a “ok”.

30. Vamos al fotograma 1 de la capa acción (seguimos en el clip de película pasada) →

ventana → acciones → escribimos: Movieclip(this).gotoAndPlay(“ok”);

31. Vamos al fotograma donde se acabe la acción (en nuestro caso, el 238, cuando termina de
pasar la mano) → botón derecho → convertir en fotograma clave → ventana → acciones
→ escribimos: Movieclip(root).gotoAndPlay(“home”);

32. Hacemos lo mismo con los demás clips de película:

- En el fotograma 1 escribimos: Movieclip(this).gotoAndPlay(“ok”);

- En el fotograma donde empiece la acción lo renombramos como “ok”
- En el fotograma donde acabe la acción: Movieclip(root).gotoAndPlay(“home”);

33. En el clip de película home → capa botón 1 → fotograma 1 → ventana → acciones →

escribimos:
negro_btn.AddEventListener(MouseEvent.MOUSE_DOWN, IrNegro);
function IrNegro (event:MouseEvent):void {
MovieClip (root).gotoAndPlay(“negro”);}

34. Haremos lo mismo con los demás botones, cambiando donde ponga negro, por vela y
libro.

*Especial cuidado con las mayúsculas*

pág. 2