de 2002
 
INTERNETE-CONOMÍAPRODUCTOSTELECOMSOCIEDADSEGURIDAD
suscripción | correo | foros | compras | diccionario | cursos
 
Estás aquí: MOUSE : Taller : Aprende a usar Flash MX (IV)

Aprende a usar Flash MX (IV):
El Efecto Bond

En esta nueva entrega aprenderemos a utilizar las máscaras de Flash para imitar la típica presentación que da inicio a los filmes del famoso 007, el agente británico que ni se despeina cuando salva al mundo.

Por Alfredo Morgan
08 Enero de 2003

A continuación veremos -paso a paso- como realizar una animación que imita la famosa secuencia presente en las películas de Bond. En la práctica, revisaremos las herramientas necesarias para usar una imagen o texto de fondo que será visualizado tal como si se estuviera siendo apuntado por una mira telescópica en movimiento.

Que comience la función

1.- Primero que todo tendremos que decidir si como fondo elegiremos un texto o una imagen (o bien los dos juntos). En todo caso, los pasos posteriores serán los mismos. Para este ejemplo utilizaré una imagen.

2.- Decidido a utilizar una foto de Halle Berry, la última chica Bond, importo este archivo hacia la librería tal como lo hicimos en los artículos anteriores.

Luego hay que crear un layer bajo el nombre "texto" o "imagen", según corresponda. Quienes optaron por usar sólo texto de fondo deben, obviamente, saltarse la parte donde se importa la imagen. (Figura 01)

3.- Ahora que ya tengo creado un layer con la foto escogida, creo la capa que llevará el efecto y la pongo debajo de la capa “imagen”.

Para no confundirme la he nombrado "efectobond", aunque otra opción sería identificarla como "máscara" o "círculo", siempre dejando en claro que corresponde a la parte en movimiento que dará el efecto esperado.

Allí, en la capa nueva, dibujamos el círculo que recorrerá la escena. Posteriormente seleccionamos el círculo que acabamos de dibujar y presionamos el botón derecho del mouse para elegir "Convertir a Símbolo". (Fig. 02).

4.- En la capa "efectobond" elijo que su duración sea de 15 cuadros. Me dirijo hacia el número señalado, muevo mi círculo hacia la derecha e inserto un fotograma clave (key frame). Luego, mediante el menú que se muestra al apretar el botón derecho del mouse, creo una interpolación de movimiento (motion tween) entre el primero y el décimo quinto cuadro.
Nota: Para que la interpolación de movimiento funcione, ambos frames -el 1 y el 15- deben tener sus respectivos fotogramas claves.

5.- Ya en este punto estoy listo para realizar la máscara que dará el efecto. Me voy a hacia la capa que llamé "efectobond" e inserto fotogramas en cada espacio vacío que hay entre los frames 1 y 15, llenando los catorce cuadros. Esta tarea la podemos realizar de dos formas: presionando la tecla F5 hasta llegar al número 15 o apretando "Insertar cuadro" en cada frame con el botón del mouse.

Con estos pasos ya hechos -y sobre la capa “efectobond”- haz clic en máscara y ya estás listo para ver el círculo recorrer sobre la imagen.
Ojo: Recordemos que para probar nuestra animación debemos presionar las tecla teclas Ctrl más Enter.

Mira el resultado final. Ahora que ya sabemos como se utilizan las máscaras, sólo la creatividad o buen gusto determinarán la calidad de nuestras creaciones.

 


 portada mouse@latercera.cl
©Copyrigtht Medios Digitales Copesa 2002 

volver

 

 

 

Taller: Aprende a usar Flash MX

*Introducción
* La barra de herramientas
* Creando un banner

 

Descarga los archivos usados:

- El código de nuestra animación
- foto.jpg