2024

Prácticas de CSS

PROFESOR ING: Alberto Peña Mendoza

 Practica 6.
Máscara sobre una imagen

1.- Abre Animate y crea un archivo ActionScript 3.0.

2.- Con la Herramienta Rectángulo dibuja un cuadro del tamaño del escenario de color
negro.
3.- A esa capa le ponemos de nombre “fondo” y la bloquemos dando clic en el icono

4.- Crea otra capa llamada “imagen”

5.- Descarga una imagen que quieras e impórtala al escenario.

6.- Se ve así.
7.- De igual manera bloquea la capa “imagen”

8.- Crea otra capa llamada mascara

9.- Selecciona el fotograma 50 de las 3 capas

10.- Presiona F5 para alargar los fotogramas.

11.- En la capa “mascara” selecciona el fotograma 1 e inserta un circulo blanco con la

Herramienta Ovalo

12.- Selecciona todo el circulo con la herramienta selección

13.- Presiona F8 para convertirlo a símbolo (verifica que el tipo y el registro sean igual al de la
imagen) luego da clic en Aceptar:

14.- En la capa “mascara” selecciona el fotograma 10

15.- Presiona F6 para crear un fotograma clave.

16.- En el fotograma 10 cambia de lugar el circulo.

17.- Da clic derecho en cualquier fotograma del 1 al 9 y elige la opción Crear interpolación
clásica

18.- La línea del tiempo se ve así

19.- En la capa “mascara” selecciona el fotograma 20

20.- Presiona F6 para crear un fotograma clave.

21.- En el fotograma 20 cambia de lugar el circulo.

22.- Da clic derecho en cualquier fotograma del 10 al 19 y elige la opción Crear interpolación
clásica
23.- La línea del tiempo se ve así

24.- En la capa “mascara” selecciona el fotograma 30

25.- Presiona F6 para crear un fotograma clave.

26.- En el fotograma 30 cambia el tamaño y lugar del circulo.

27.- Da clic derecho en cualquier fotograma del 21 al 29 y elige la opción Crear interpolación
clásica
28.- La línea del tiempo se ve así

29.- En la capa “mascara” selecciona el fotograma 40

30.- Presiona F6 para crear un fotograma clave.

31.- En el fotograma 40 cambia de tamaño el circulo.

32.- Da clic derecho en cualquier fotograma del 31 al 39 y elige la opción Crear interpolación
clásica
 .

33.- La línea del tiempo se ve así

34.- En la capa “mascara” selecciona el fotograma 50

35.- Presiona F6 para crear un fotograma clave.

36.- En el fotograma 50 cambia de tamaño el circulo.

37.- Da clic derecho en cualquier fotograma del 41 al 49 y elige la opción Crear interpolación
clásica
38.- La línea del tiempo se ve así

39.- Da clic derecho sobre la capa “mascara” y selecciona la opción de mascara.

40.- De tal modo que nuestra línea del tiempo se verá de la siguiente forma:
41.- Presiona Ctrl+Enter para ver la animación.